:root{--primary:#2d1a29;--on-primary:#e7ff56;--secondary:#e7ff56;--accent:#fb5124;--info:#596cf2;--success:#50c878;--warning:#d97706;--background:#ebeeef;--surface:#fff;--text:#1e2326;--muted:#61717b;--tertiary:#798b95;--border:rgba(0,0,0,.1);--soft:#f5f6f7;--radius:10px;font-family:"Nunito Sans",system-ui,sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--background);font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;background:var(--primary);color:#fff;display:flex;flex-direction:column;padding:28px 16px 18px}.brand{display:flex;align-items:center;gap:10px;padding:0 12px 36px}.brand-mark{width:35px;height:35px;border-radius:10px;background:var(--on-primary);color:var(--primary);display:grid;place-items:center;font-weight:900;font-size:20px}.brand strong{display:block;font-size:17px;letter-spacing:.2px}.brand span{display:block;color:#c0b6bd;font-size:11px;margin-top:-2px}.main-nav{display:grid;gap:5px}.nav-item{height:43px;border-radius:8px;color:#d5cdd3;text-decoration:none;display:flex;align-items:center;gap:12px;padding:0 13px;font-weight:700}.nav-item.active{background:#4a3545;color:var(--on-primary)}.nav-icon{font-size:21px;width:20px;text-align:center;font-weight:400}.nav-count{margin-left:auto;background:#6d5367;border-radius:9px;padding:2px 7px;font-size:11px}.sidebar-divider{height:1px;background:#4a3545;margin:28px 12px 23px}.nav-label{font-size:10px;font-weight:800;letter-spacing:1.1px;color:#978a94;margin:0 12px 13px}.account{display:grid;grid-template-columns:15px 1fr;column-gap:9px;padding:10px 13px;border-radius:8px;color:#d5cdd3}.account.connected{background:#392938}.account-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#aaa;margin-top:4px}.account-dot.instagram{background:linear-gradient(135deg,#feda75,#d62976,#4f5bd5)}.account-dot.facebook{background:#596cf2}.account-dot.youtube{background:#fb5124}.account small{grid-column:2;color:#958895;font-size:10px;margin-top:2px}.sidebar-bottom{margin-top:auto;border-top:1px solid #4a3545;padding:18px 5px 0;display:flex;align-items:center;gap:8px;color:#b7adb5;font-size:12px}.help-bubble{border:1px solid #887883;width:19px;height:19px;border-radius:50%;display:grid;place-items:center}.user-avatar{margin-left:auto;width:29px;height:29px;border-radius:50%;background:#d4a279;color:#fff;display:grid;place-items:center;font-weight:800}.main-content{flex:1;min-width:0}.topbar{height:84px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:900;color:var(--tertiary);margin:0 0 3px}.topbar h1{font-size:23px;margin:0;font-weight:800}.top-actions{display:flex;align-items:center;gap:7px}.icon-button,.view-toggle,.round-button,.more-button,.close-button{border:0;background:none;color:var(--muted);cursor:pointer}.icon-button{font-size:21px;position:relative;margin-right:12px}.icon-button i{position:absolute;width:5px;height:5px;background:var(--accent);border-radius:50%;top:2px;right:1px}.view-toggle{padding:8px 13px;border-radius:6px;font-weight:700}.view-toggle.active{background:var(--soft);color:var(--primary)}button{font-family:inherit}.primary-button{border:0;background:var(--primary);color:var(--on-primary);border-radius:7px;padding:11px 16px;font-weight:800;cursor:pointer;box-shadow:0 3px 8px #2d1a291a}.workspace{padding:29px 38px 42px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:9px}.round-button{background:#fff;width:31px;height:31px;border:1px solid var(--border);border-radius:50%;font-size:22px;line-height:25px}.today-button,.filter-button{background:#fff;border:1px solid var(--border);border-radius:6px;padding:8px 12px;color:var(--text);font-weight:700}.toolbar h2{font-size:19px;margin:0 0 0 8px}.timezone{font-size:12px;color:var(--muted);margin-right:10px}.calendar-layout{display:grid;grid-template-columns:minmax(600px,1fr) 230px;gap:20px}.calendar-card,.insights-panel{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 5px #1e232608}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays{border-bottom:1px solid var(--border);color:var(--tertiary);font-size:10px;font-weight:900;letter-spacing:1px;padding:14px 0 12px;text-align:center}.calendar-grid{grid-auto-rows:minmax(105px,1fr)}.day-cell{min-height:108px;border-right:1px solid #edf0f1;border-bottom:1px solid #edf0f1;padding:8px;cursor:pointer}.day-cell:nth-child(7n){border-right:0}.day-cell:hover{background:#fafcfc}.day-number{font-weight:700;color:var(--muted);font-size:12px;display:inline-grid;place-items:center;width:25px;height:25px}.day-cell.today .day-number{background:var(--accent);border-radius:50%;color:#fff}.day-cell.other-month .day-number{color:#c1c9cd}.event{border-radius:5px;padding:5px 6px;margin-top:6px;font-size:11px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid}.event.instagram{background:#fff0f4;border-color:#d62976;color:#a51f5c}.event.draft{background:#f1f3f4;border-color:#9aa7ad;color:#61717b}.event.reel{background:#f0f1ff;border-color:#596cf2;color:#4659d8}.insights-panel{padding:23px 18px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h3{font-size:15px;margin:0}.more-button{font-weight:900;letter-spacing:2px}.summary-number{display:flex;align-items:center;gap:11px;padding:25px 0 20px}.summary-number strong{font-size:40px;line-height:1;color:var(--primary)}.summary-number span{font-size:11px;line-height:1.35;color:var(--muted)}.status-row{display:flex;justify-content:space-between;align-items:center;margin:12px 0;font-size:12px;color:var(--muted)}.status-row b{color:var(--text)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px}.status-dot.draft{background:#9aa7ad}.status-dot.scheduled{background:var(--info)}.status-dot.published{background:var(--success)}.panel-rule{height:1px;background:var(--border);margin:22px 0}.insights-panel h4{font-size:12px;margin:0 0 11px}.next-post{display:flex;gap:9px;align-items:center}.mini-thumb{width:39px;height:39px;border-radius:6px;background:#e7f0e9;display:grid;place-items:center;font-size:20px}.next-post strong{display:block;font-size:11px}.next-post span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.outline-button,.secondary-button{border:1px solid var(--border);background:#fff;color:var(--primary);border-radius:6px;padding:9px 12px;font-weight:800;cursor:pointer}.outline-button{width:100%;margin-top:21px}.modal-backdrop{position:fixed;inset:0;background:#1e1720a6;display:grid;place-items:center;padding:20px;z-index:5}.hidden{display:none}.composer-modal{width:min(1000px,100%);max-height:95vh;overflow:auto;background:#fff;border-radius:12px;box-shadow:0 18px 60px #1e172055}.modal-header{padding:23px 27px 17px;display:flex;justify-content:space-between;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:22px}.close-button{font-size:28px;line-height:25px}.composer-body{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;padding:25px 27px}.field-group{margin-bottom:20px}.field-group label,.date-fields label{display:block;font-weight:800;font-size:12px;margin-bottom:8px}.muted{font-weight:500;color:var(--muted);margin-left:4px}.platform-selector,.type-selector{display:flex;gap:7px}.platform-chip,.type-chip{border:1px solid var(--border);background:#fff;padding:8px 11px;border-radius:6px;font-weight:700;color:var(--muted);cursor:pointer}.platform-chip.selected,.type-chip.selected{border-color:var(--primary);background:#faf3f8;color:var(--primary)}.platform-chip .account-dot{margin-right:7px}.type-chip{font-size:12px}.type-chip span{margin-left:3px}textarea{width:100%;height:95px;border:1px solid var(--border);border-radius:7px;padding:11px;font:inherit;resize:vertical;color:var(--text)}textarea:focus,input:focus{outline:2px solid #e7ff5688;border-color:var(--primary)}.field-footer{display:flex;justify-content:space-between;margin-top:5px;color:var(--muted);font-size:11px}.small-link{border:0;background:none;color:var(--info);font:inherit;cursor:pointer}.media-drop{height:90px;border:1.5px dashed #c1c9cd;border-radius:7px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--muted);font-size:11px;cursor:pointer}.media-drop strong{color:var(--text);font-size:12px}.upload-icon{width:25px;height:25px;border-radius:50%;background:#f0f1ff;color:var(--info);display:grid;place-items:center;font-size:18px;margin-bottom:4px}.schedule-box{border:1px solid #dfe6e8;background:#fbfcfc;border-radius:8px;padding:15px}.schedule-heading{display:flex;align-items:center;gap:9px}.schedule-heading strong,.schedule-heading small{display:block}.schedule-heading strong{font-size:12px}.schedule-heading small{font-size:10px;color:var(--muted);margin-top:2px}.schedule-icon{font-size:20px;color:var(--info)}.switch{margin-left:auto;position:relative;width:31px;height:18px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#c5cdd0;border-radius:20px;cursor:pointer}.switch span:before{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+span{background:var(--success)}.switch input:checked+span:before{transform:translateX(13px)}.date-fields{display:flex;gap:9px;margin-top:15px}.date-fields>div{flex:1}.date-fields input{width:100%;border:1px solid var(--border);border-radius:6px;padding:8px;font:inherit;font-size:12px}.preview-column{border-left:1px solid var(--border);padding-left:28px}.preview-heading{display:flex;justify-content:space-between;font-size:12px;font-weight:800;margin-bottom:12px}.preview-network{font-size:11px;color:var(--muted);font-weight:600}.preview-network .account-dot{display:inline-block;margin-right:4px}.phone-preview{width:260px;margin:auto;border:7px solid #251d23;border-radius:22px;background:#fff;padding:10px 9px 14px;box-shadow:0 8px 18px #2d1a291c}.phone-top{display:flex;align-items:center;gap:7px;font-size:10px;margin-bottom:9px}.phone-top span:last-child{margin-left:auto}.preview-avatar{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#d4a279;color:#fff;font-size:10px;font-weight:900}.preview-media{height:215px;background:#f1f3f4;display:grid;place-items:center;text-align:center;color:#9aa7ad;font-size:11px}.preview-actions{font-size:17px;padding:8px 0 5px}.preview-actions span{float:right}.preview-handle{font-size:10px}.preview-handle span{font-weight:500;margin-left:4px}.phone-preview small{font-size:9px;color:var(--muted);display:block;margin-top:7px}.preview-tip{display:flex;gap:7px;color:var(--muted);font-size:10px;line-height:1.35;margin:15px 4px}.preview-tip>span:first-child{color:var(--accent);font-size:15px}.modal-footer{border-top:1px solid var(--border);padding:15px 27px;display:flex;justify-content:flex-end;gap:9px}@media(max-width:1000px){.sidebar{width:200px}.calendar-layout{grid-template-columns:1fr}.insights-panel{display:none}.workspace{padding:24px}.topbar{padding:0 24px}.composer-body{grid-template-columns:1fr}.preview-column{border-left:0;border-top:1px solid var(--border);padding:20px 0 0}.phone-preview{width:260px}}@media(max-width:720px){.sidebar{width:63px;padding:20px 9px}.brand{padding:0 5px 35px}.brand>div:last-child,.nav-item:not(.active)::after,.nav-item{font-size:0}.nav-item{justify-content:center;padding:0}.nav-item.active{font-size:0}.nav-icon{font-size:21px}.account,.nav-label,.sidebar-divider,.sidebar-bottom span{display:none}.sidebar-bottom{justify-content:center}.user-avatar{margin:0}.top-actions .view-toggle,.icon-button{display:none}.topbar{height:auto;min-height:84px;padding:15px}.topbar h1{font-size:18px}.primary-button{padding:10px;font-size:12px}.workspace{padding:17px 10px}.toolbar{display:block}.toolbar-right{margin-top:12px}.calendar-grid{grid-auto-rows:minmax(75px,1fr)}.day-cell{min-height:75px;padding:4px}.event{font-size:9px;padding:4px}.composer-modal{max-height:100vh}.composer-body{padding:20px}.modal-header,.modal-footer{padding-left:20px;padding-right:20px}}