*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,-apple-system,sans-serif;background:#f4f4f6;color:#22264d;line-height:1.5}.app{max-width:960px;margin:0 auto;padding:24px 20px}header{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e8e8f0}.header-row{display:flex;justify-content:space-between;align-items:center}header h1{font-size:24px;font-weight:700;color:#22264d}.subtitle{font-size:14px;color:#888;margin-top:4px}.btn-logout{padding:6px 16px;border:1.5px solid #ddd;border-radius:8px;background:#fff;font-size:12px;font-family:inherit;color:#888;cursor:pointer}.btn-logout:hover{border-color:#d32f2f;color:#d32f2f}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-card{background:#fff;border-radius:16px;padding:48px 40px;box-shadow:0 2px 12px #00000014;text-align:center;max-width:380px;width:100%}.login-card h1{font-size:22px;color:#22264d}.login-subtitle{font-size:13px;color:#888;margin:4px 0 28px}.login-card form{display:flex;flex-direction:column;gap:12px}.login-card input{padding:12px 16px;border:1.5px solid #ddd;border-radius:10px;font-size:15px;font-family:inherit;text-align:center;outline:none}.login-card input:focus{border-color:#22264d}.login-card button{padding:12px;background:#22264d;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer}.login-card button:disabled{background:#ccc}.login-error{color:#d32f2f;font-size:13px}.entries-list h2{font-size:18px;margin-bottom:16px}.loading,.empty{color:#888;font-size:14px;padding:40px 0;text-align:center}.entries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.entry-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:#fff;border:2px solid transparent;border-radius:12px;cursor:pointer;text-align:left;font-family:inherit;box-shadow:0 1px 3px #0000000f;transition:all .15s}.entry-card:hover{border-color:#22264d}.entry-header{display:flex;gap:6px;flex-wrap:wrap}.tag{background:#22264d;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.tag.outline{background:transparent;color:#22264d;border:1px solid #22264D}.entry-card strong{font-size:14px}.entry-copy{font-size:12px;color:#666}.entry-footer{display:flex;justify-content:space-between;font-size:11px;color:#888}.btn-refresh{margin-top:16px;padding:8px 20px;border:1.5px solid #ddd;border-radius:8px;background:#fff;font-size:13px;font-family:inherit;cursor:pointer}.publish-flow{display:flex;flex-direction:column;gap:20px}.btn-back{align-self:flex-start;padding:6px 16px;border:none;background:none;font-size:14px;font-family:inherit;color:#22264d;cursor:pointer}.btn-back:hover{text-decoration:underline}.preview-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000f}.preview-card h2{font-size:16px;margin-bottom:12px}.preview-meta{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.preview-content p{font-size:13px;margin-bottom:6px;color:#444}.preview-content a{color:#2e75b6}.accounts-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000f}.accounts-section h3{font-size:14px;margin-bottom:12px;color:#666}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.account-card{display:flex;flex-direction:column;gap:2px;padding:10px;background:#f4f4f6;border:2px solid transparent;border-radius:8px;cursor:pointer;text-align:left;font-family:inherit;transition:all .15s}.account-card:hover{border-color:#c8c8d8}.account-card.selected{border-color:#22264d;background:#eeeef4}.account-card strong{font-size:12px}.account-sub{font-size:11px;color:#888}.schedule-section{background:#fff;border-radius:12px;padding:16px 24px;box-shadow:0 1px 3px #0000000f}.schedule-toggle{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.schedule-toggle input{width:18px;height:18px}.schedule-inputs{display:flex;gap:12px;margin-top:12px}.schedule-inputs input{padding:8px 12px;border:1.5px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit}.btn-publish{width:100%;padding:14px;background:#22264d;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer}.btn-publish:hover{background:#1a1a2e}.btn-publish:disabled{background:#999;cursor:not-allowed}.error{color:#d32f2f;font-size:13px}.result-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000f}.result-card h2{font-size:18px;margin-bottom:12px}.result-card p{font-size:14px;margin-bottom:6px}.result-details{margin:16px 0}.result-item{padding:6px 12px;border-radius:6px;font-size:13px;margin-bottom:4px}.result-item.success{background:#e8f5e9;color:#2e7d32}.result-item.fail{background:#fce4ec;color:#c62828}.btn-action{margin-top:16px;padding:10px 20px;border:1.5px solid #22264D;border-radius:8px;background:#fff;font-size:13px;font-family:inherit;cursor:pointer;color:#22264d}.header-actions{display:flex;gap:8px;align-items:center}.tab-btn{padding:6px 16px;border:1.5px solid #ddd;border-radius:8px;background:#fff;font-size:12px;font-family:inherit;cursor:pointer;color:#666}.tab-btn.active{background:#22264d;color:#fff;border-color:#22264d}.publish-columns{display:grid;grid-template-columns:320px 1fr;gap:24px}.mockup-section{display:flex;flex-direction:column;align-items:center}.mockup-tabs{display:flex;gap:4px;margin-bottom:12px}.mock-tab{padding:4px 16px;border:1.5px solid #ddd;border-radius:16px;background:#fff;font-size:12px;font-family:inherit;cursor:pointer}.mock-tab.active{background:#22264d;color:#fff;border-color:#22264d}.phone-frame{width:280px;border-radius:32px;border:3px solid #222;background:#fff;overflow:hidden;box-shadow:0 8px 30px #00000026}.phone-notch{width:100px;height:20px;background:#222;border-radius:0 0 12px 12px;margin:0 auto}.phone-screen{padding:8px 0}.mock-header{display:flex;align-items:center;gap:8px;padding:8px 12px}.mock-avatar{width:28px;height:28px;border-radius:50%;background:#22264d}.mock-username{display:flex;flex-direction:column}.mock-username strong{font-size:12px;color:#22264d}.mock-username span{font-size:10px;color:#888}.mock-media{width:100%;aspect-ratio:1;background:#f0f0f4;display:flex;align-items:center;justify-content:center;overflow:hidden}.mock-img{width:100%;height:100%;object-fit:cover}.mock-placeholder{color:#ccc;font-size:13px}.mock-actions{padding:8px 12px;font-size:16px;letter-spacing:8px}.mock-caption{padding:4px 12px 16px;font-size:11px;line-height:1.4;color:#333;max-height:80px;overflow:hidden}.mock-caption strong{color:#22264d}.controls-section{display:flex;flex-direction:column;gap:16px}.caption-preview{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000f}.caption-preview h3{font-size:13px;color:#666;margin-bottom:8px}.caption-preview p{font-size:13px;white-space:pre-wrap;max-height:120px;overflow-y:auto}.account-auto{font-size:12px;color:#888;margin-bottom:8px}.platform-select{display:flex;gap:8px}.plat-btn{padding:10px 20px;border:2px solid #ddd;border-radius:10px;background:#fff;font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;flex:1;text-align:center}.plat-btn:hover{border-color:#22264d}.plat-btn.selected{background:#22264d;color:#fff;border-color:#22264d}.calendar-view{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000f}.calendar-view h2{font-size:18px;margin-bottom:8px}.calendar-note{font-size:13px;color:#888;margin-bottom:16px}.calendar-entries{display:flex;flex-direction:column;gap:8px}.cal-entry{display:flex;gap:16px;background:#fff;border-radius:10px;padding:14px;box-shadow:0 1px 3px #0000000f}.cal-date{min-width:70px;font-size:12px;font-weight:600;color:#22264d;text-align:center;padding-top:4px}.cal-info{flex:1;display:flex;flex-direction:column;gap:4px}.cal-header{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.cal-status{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px}.cal-status.publicado{background:#e8f5e9;color:#2e7d32}.cal-status.programado{background:#e3f2fd;color:#1565c0}.cal-caption{font-size:12px;color:#666}.cal-published{font-size:11px;color:#888}.calendar-component{margin-top:8px}.cal-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.cal-nav{display:flex;align-items:center;gap:12px}.cal-nav button{width:32px;height:32px;border:1.5px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;font-family:inherit}.cal-nav button:hover{border-color:#22264d}.cal-nav h3{font-size:16px;color:#22264d;min-width:200px;text-align:center}.cal-view-btns{display:flex;gap:4px}.cal-view-btns button{padding:6px 14px;border:1.5px solid #ddd;border-radius:6px;background:#fff;font-size:12px;font-family:inherit;cursor:pointer}.cal-view-btns button.active{background:#22264d;color:#fff;border-color:#22264d}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#e0e0e8;border-radius:10px;overflow:hidden}.cal-day-header{background:#22264d;color:#fff;padding:8px;text-align:center;font-size:11px;font-weight:600}.cal-cell{background:#fff;min-height:80px;padding:4px 6px;cursor:pointer}.cal-cell:hover{background:#f4f4f8}.cal-cell.other{background:#fafafa}.cal-cell.other .cal-day-num{color:#ccc}.cal-cell.today{background:#eef0ff}.cal-cell.today .cal-day-num{background:#22264d;color:#fff;border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.cal-day-num{font-size:12px;font-weight:500;color:#333;display:block;margin-bottom:2px}.cal-event{font-size:9px;padding:1px 4px;border-radius:3px;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-event.publicado{background:#e8f5e9;color:#2e7d32}.cal-event.programado{background:#e3f2fd;color:#1565c0}.cal-event.aprobado{background:#fff3e0;color:#e65100}.cal-more{font-size:9px;color:#888}.platform-icons{display:inline-flex;gap:2px;margin-left:3px;vertical-align:middle}.pi{font-size:6px;font-weight:700;width:12px;height:12px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.pi-ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.pi-fb{background:#1877f2;color:#fff}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.cal-week-col{background:#fff;border-radius:10px;padding:8px;min-height:200px;box-shadow:0 1px 3px #0000000f}.cal-week-col.today{border:2px solid #22264D}.cal-week-header{text-align:center;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:8px}.cal-week-day{font-size:11px;color:#888;display:block}.cal-week-num{font-size:18px;font-weight:700;color:#22264d}.cal-week-events{display:flex;flex-direction:column;gap:6px}.cal-event-card{padding:6px 8px;border-radius:6px;border-left:3px solid #22264D;background:#f8f8fc}.cal-event-card.publicado{border-left-color:#2e7d32}.cal-event-card.programado{border-left-color:#1565c0}.cal-event-card strong{font-size:11px;display:block}.cal-event-card span{font-size:10px;color:#666;display:block}.cal-day-view{display:flex;flex-direction:column;gap:12px}.cal-day-card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 3px #0000000f;border-left:4px solid #22264D}.cal-day-card.publicado{border-left-color:#2e7d32}.cal-day-card.programado{border-left-color:#1565c0}.cal-day-card-header{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.cal-day-card strong{font-size:14px;display:block;margin-bottom:4px}.cal-day-card p{font-size:13px;color:#555;white-space:pre-wrap;max-height:100px;overflow:hidden}.cal-day-meta{display:flex;gap:12px;margin-top:8px;font-size:12px;color:#888}.cal-day-meta a{color:#2e75b6}@media (max-width: 768px){.publish-columns{grid-template-columns:1fr}.phone-frame{width:240px}.entries-grid{grid-template-columns:1fr}.schedule-inputs,.platform-select{flex-direction:column}}