@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@500;600;700&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-glass:#19192399;--bg-glass-hover:#232332b3;--glass-border:#ffffff14;--text-primary:#fff;--text-secondary:#a0a0b0;--accent-primary:#6366f1;--accent-secondary:#a855f7;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--shadow-glass:0 8px 32px 0 #0000005e;--blur-glass:blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#6366f11f 0%,#0000 50%),radial-gradient(circle at 85% 30%,#a855f71f 0%,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:600}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);border-radius:16px}.glass-button{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:10px 20px;font-family:Inter,sans-serif;font-weight:500;transition:all .3s}.glass-button:hover{background:var(--bg-glass-hover);transform:translateY(-2px)}.glass-button.primary{background:var(--accent-gradient);border:none;box-shadow:0 4px 15px #6366f166}.glass-button.primary:hover{box-shadow:0 6px 20px #6366f199}.glass-input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#0003;border-radius:8px;outline:none;padding:12px 16px;font-family:Inter,sans-serif;transition:all .3s}.glass-input:focus{border-color:var(--accent-primary);background:#0006}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--glass-border);width:280px;height:100%;-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);background:#0a0a0f80;flex-direction:column;gap:32px;padding:24px;display:flex}.main-content{flex:1;height:100%;padding:32px;overflow-y:auto}.app-loading{min-height:100vh;color:var(--text-secondary);place-items:center;display:grid}.brand{align-items:center;gap:12px;display:flex}.brand-icon{background:var(--accent-gradient);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex}.brand-text{letter-spacing:-.5px;background:linear-gradient(90deg,#fff,#a0a0b0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:24px}.nav-links{flex-direction:column;gap:8px;display:flex}.sidebar-footer{flex-direction:column;gap:8px;margin-top:auto;display:flex}.sidebar-divider{background:var(--glass-border);height:1px;margin:4px 0}.sidebar-user{color:var(--text-secondary);font-size:13px}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:all .3s;display:flex}.nav-item:hover,.nav-item.active{background:var(--bg-glass-hover);color:var(--text-primary)}.nav-item.active{border-left:3px solid var(--accent-primary)}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{width:min(440px,100%);padding:32px}.auth-brand{letter-spacing:.24em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px;font-size:12px}.auth-copy{color:var(--text-secondary);margin-top:10px;margin-bottom:24px;line-height:1.6}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-label{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:14px;display:flex}.auth-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;padding:12px 14px}.auth-submit{width:100%;margin-top:8px}.settings-wrapper{flex-direction:column;height:100%;display:flex}.settings-toast{border:1px solid;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:14px}.settings-toast.success{color:#6ee7b7;background:#10b9811a;border-color:#10b9814d}.settings-toast.error{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.settings-overview{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.overview-card{padding:20px}.overview-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px}.overview-value{font-size:24px;font-weight:700}.overview-value-sm{color:var(--text-primary);word-break:break-all;font-size:13px;font-weight:500}.overview-pills{flex-wrap:wrap;gap:6px;display:flex}.overview-pill{border:1px solid;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.pill-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.settings-sections{flex-direction:column;gap:12px;display:flex}.settings-section{overflow:hidden}.section-header{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:18px 20px;font-family:inherit;transition:background .2s;display:flex}.section-header:hover{background:#ffffff05}.section-header-left{align-items:center;gap:14px;display:flex}.section-icon{width:36px;height:36px;color:var(--accent-primary);background:#6366f11f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.section-title{font-size:15px;font-weight:600}.section-subtitle{color:var(--text-secondary);margin-top:2px;font-size:12px}.section-header-right{align-items:center;gap:12px;display:flex}.section-badge{background:#0003;border:1px solid;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.chevron{color:var(--text-secondary);transition:transform .25s}.chevron.open{transform:rotate(180deg)}.section-body{border-top:1px solid var(--glass-border);flex-direction:column;gap:16px;margin-top:0;padding:16px 20px 20px;display:flex}.field-row{grid-template-columns:200px 1fr;align-items:start;gap:16px;display:grid}.field-label-area{padding-top:10px}.field-label{color:var(--text-primary);font-size:13px;font-weight:500;display:block}.field-hint{color:var(--text-secondary);margin-top:3px;font-size:11px;line-height:1.4;display:block}.field-input-area{min-width:0}@media (width<=768px){.settings-overview{grid-template-columns:repeat(2,1fr)}.field-row{grid-template-columns:1fr;gap:6px}.field-label-area{padding-top:0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.dashboard-wrapper{flex-direction:column;height:100%;display:flex}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.dashboard-grid{flex:1;grid-template-columns:2fr 1fr;gap:24px;display:grid}.upload-dropzone{text-align:center;background:#6366f10d;border:2px dashed #6366f166;border-radius:12px;padding:48px;transition:all .3s}.upload-dropzone:hover,.upload-dropzone.drag-active{border-color:var(--accent-primary);background:#6366f11a}.upload-dropzone.drag-active{border-color:var(--accent-secondary);background:#a855f726;box-shadow:0 0 20px #a855f733}.upload-icon{width:64px;height:64px;color:var(--accent-primary);background:#6366f133;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.upload-dropzone h3{color:var(--text-primary);margin-bottom:8px}.upload-dropzone p{color:var(--text-secondary);font-size:14px}.platform-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.platform-card{border:1px solid var(--glass-border);cursor:pointer;background:#0003;border-radius:12px;align-items:center;gap:12px;padding:16px;font-weight:500;transition:all .3s;display:flex}.platform-card:hover{background:#ffffff0d}.platform-card.selected{border-color:var(--accent-primary);background:#6366f126;box-shadow:0 0 15px #6366f133}.platform-indicator{border:2px solid var(--text-secondary);border-radius:50%;width:12px;height:12px;transition:all .3s}.platform-card.selected .platform-indicator{border-color:var(--accent-primary);background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}.schedule-option{align-items:center;gap:10px;display:flex}.schedule-option label{cursor:pointer}.schedule-wrapper{flex-direction:column;height:100%;display:flex}.post-panel{flex:1;padding:24px;overflow-y:auto}.post-status-banner{border:1px solid;border-radius:10px;margin-bottom:16px;padding:12px 16px}.post-status-banner.success{color:#6ee7b7;background:#10b9811a;border-color:#10b9814d}.post-status-banner.error{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.post-empty-state{text-align:center;color:var(--text-secondary);padding:48px}.post-list{flex-direction:column;gap:12px;display:flex}.post-header-row{border-bottom:1px solid var(--glass-border);color:var(--text-secondary);margin-bottom:8px;padding:0 16px 12px;font-size:14px;font-weight:500;display:flex}.post-row{border:1px solid var(--glass-border);background:#0003;border-radius:12px;align-items:center;padding:16px;transition:all .2s;display:flex}.post-row:hover{background:#ffffff0d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.col-media{width:80px}.col-caption{flex:2;padding-right:24px}.col-platforms{flex:1.5}.col-status{width:120px}.col-date{width:180px;color:var(--text-secondary);font-size:14px}.col-actions{width:140px}.media-preview{width:48px;height:48px;color:var(--accent-primary);background-color:#6366f133;background-position:50%;background-size:cover;border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.truncate-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.platform-badges{flex-wrap:wrap;gap:6px;display:flex}.badge{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.platform-badge{color:var(--text-primary);background:#ffffff14}.status-badge{background:#0000004d;border:1px solid}.status-dot{border-radius:50%;width:6px;height:6px}.action-stack{flex-direction:column;gap:8px;display:flex}.table-action{color:var(--text-primary);border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0f;border-radius:8px;padding:8px 12px;transition:all .2s}.table-action:hover:not(:disabled){background:#ffffff1f}.table-action:disabled{opacity:.45;cursor:not-allowed}.table-action.primary{background:#6366f12e;border-color:#6366f159}.table-action.danger{color:#fca5a5;border-color:#ef44444d}.post-row.is-editing{align-items:flex-start}.post-edit-input{width:100%;color:var(--text-primary);border:1px solid var(--glass-border);background:#00000047;border-radius:10px;padding:10px 12px}.post-edit-textarea{resize:vertical;min-height:84px}.edit-platform-grid{flex-wrap:wrap;gap:8px;display:flex}.edit-platform-chip{color:var(--text-primary);border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0d;border-radius:999px;padding:8px 12px}.edit-platform-chip.selected{background:#6366f12e;border-color:#6366f159}.post-error-text{color:#fca5a5;margin-top:10px;font-size:12px}@media (width<=1100px){.post-header-row{display:none}.post-row{flex-direction:column;align-items:stretch;gap:14px}.col-media,.col-caption,.col-platforms,.col-status,.col-date,.col-actions{width:100%;padding-right:0}.action-stack{flex-direction:row}}.weekly-calendar-container{color:#fff;background:#181818;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:24px;padding:24px}.calendar-header-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.calendar-title{align-items:center;gap:12px;display:flex}.calendar-title h2{letter-spacing:-.3px;margin:0;font-size:20px;font-weight:600}.calendar-icon{text-transform:uppercase;letter-spacing:.18em;color:#9ca3af;font-size:13px}.view-full-btn{color:#e0e0e0;cursor:pointer;background:#222;border:1px solid #ffffff14;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.view-full-btn:hover{color:#fff;background:#2a2a2a}.days-row{justify-content:space-between;gap:12px;margin-bottom:24px;display:flex}.day-column{flex-direction:column;flex:1;align-items:flex-start;gap:12px;display:flex}.day-name{color:#9ca3af;padding-left:12px;font-size:14px;font-weight:500}.day-card{aspect-ratio:1/1.1;box-sizing:border-box;background:#242424;border:1px solid #0000;border-radius:12px;flex-direction:column;width:100%;padding:12px;transition:transform .2s;display:flex}.day-card:hover{transform:translateY(-2px)}.day-card.is-today{background:#262626;border-color:#d4b856}.day-date{color:#9ca3af;margin-bottom:8px;font-size:16px}.day-card.is-today .day-date{color:#76a9fa}.day-count{color:#d1d5db;margin-top:auto;margin-bottom:12px;font-size:13px}.dots-container{gap:6px;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-blue{background-color:#4da3ff}.dot-green{background-color:#4ade80}.dot-yellow{background-color:#facc15}.calendar-legend{gap:20px;display:flex}.legend-item{color:#9ca3af;align-items:center;gap:8px;font-size:14px;display:flex}.month-grid{margin-bottom:24px}.month-header-grid{grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:12px;display:grid}.month-header-grid .day-name{padding-left:12px}.month-days-grid{grid-template-columns:repeat(7,1fr);gap:12px;display:grid}.month-card{aspect-ratio:1/.8}.empty-card{pointer-events:none;background:0 0!important;border:none!important}@media (width<=900px){.calendar-header-bar{flex-direction:column;align-items:flex-start;gap:16px}.days-row{padding-bottom:8px;overflow-x:auto}.day-column{min-width:120px}.calendar-legend{flex-wrap:wrap;row-gap:10px}}