:root{--bg:#f7f8fc;--surface:#fff;--ink:#1e1d2d;--muted:#8b8b9c;--border:#ececf3;--purple:#7056ed;--purple-light:#f0edff;--orange:#f39a69;--green:#42b88b;--shadow:0 8px 30px rgba(39,35,78,.05);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:28px 16px 18px;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:20px;text-decoration:none;padding:0 12px 29px}.brand strong{font-weight:800}.brand em{font-style:normal;font-weight:400;color:#777687}.brand-logo{width:32px;height:32px;display:block}.workspace-switcher{display:flex;gap:9px;align-items:center;padding:11px 10px;background:#fafaff;border:1px solid var(--border);border-radius:12px;margin-bottom:24px}.workspace-switcher span:nth-child(2),.profile span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.workspace-switcher strong,.profile strong{font-size:12px;white-space:nowrap}.workspace-switcher small,.profile small{font-size:10px;color:var(--muted)}.avatar{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;flex-shrink:0;font-size:11px;font-weight:700}.avatar-purple{background:#e9e5ff;color:var(--purple)}.avatar-orange{background:#ffeadc;color:#c16b37}.icon-button{border:0;background:transparent;color:#a0a0af;cursor:pointer;font-size:16px;padding:4px}.nav-list{display:flex;flex-direction:column;gap:5px}.nav-item{color:#8b8b9a;text-decoration:none;padding:12px 13px;border-radius:9px;display:flex;gap:13px;align-items:center;font-size:13px;font-weight:500}.nav-item span{width:17px;text-align:center;font-size:17px}.nav-item:hover,.nav-item.active{background:var(--purple-light);color:var(--purple);font-weight:600}.sidebar-footer{margin-top:auto}.profile{border-top:1px solid var(--border);padding:18px 9px 0;display:flex;gap:9px;align-items:center}.profile .icon-button{font-size:12px}.main-content{flex:1;min-width:0}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--border);padding:0 42px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;gap:12px;align-items:center;color:#aaa9b8;font-size:12px}.breadcrumb strong{color:var(--ink);font-weight:600}.topbar-actions{display:flex;align-items:center;gap:22px}.notification{position:relative}.notification i{position:absolute;background:#ed7079;width:6px;height:6px;border-radius:50%;top:3px;right:4px}.button{border:0;border-radius:8px;padding:11px 17px;cursor:pointer;font-weight:600;font-size:12px;transition:.2s}.button:hover{transform:translateY(-1px);filter:brightness(.98)}.button-primary{background:var(--purple);color:#fff;box-shadow:0 5px 12px #7056ed2e}.button-secondary{background:#fff;border:1px solid var(--border);color:#686878}.button-ghost{background:#faf9ff;color:var(--purple);border:1px dashed #d7d0ff}.full-width{width:100%}.page-body{padding:35px 42px;max-width:1500px;margin:auto}.view-panel{display:none}.view-panel.active{display:block}.welcome-row,.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.2px;color:#aaa9b8;font-weight:700;margin:0 0 9px}.welcome-row h1,.section-header h1{font-size:25px;margin:0 0 6px;letter-spacing:-.5px}.welcome-row h1 span{color:var(--orange);font-size:18px}.muted{color:var(--muted);margin:0;line-height:1.5}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.stat-card,.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.stat-card{padding:19px 19px 16px}.stat-head{display:flex;justify-content:space-between;align-items:center;color:#8c8b9b;font-size:11px;margin-bottom:13px}.stat-card>strong{display:block;font-size:25px;letter-spacing:-.7px}.trend{font-size:10px;font-weight:700}.positive{color:var(--green)}.neutral{color:#aaa9b8}.stat-card small{display:block;color:#adacb9;font-size:10px;margin-top:9px}.sparkline{height:34px;display:flex;align-items:end;gap:4px;margin-top:12px}.sparkline i{display:block;width:12%;border-radius:4px 4px 1px 1px;background:currentColor}.sparkline i:nth-child(1){height:35%}.sparkline i:nth-child(2){height:52%}.sparkline i:nth-child(3){height:41%}.sparkline i:nth-child(4){height:68%}.sparkline i:nth-child(5){height:53%}.sparkline i:nth-child(6){height:82%}.sparkline i:nth-child(7){height:71%}.sparkline i:nth-child(8){height:100%}.sparkline.purple{color:#9888f4}.sparkline.orange{color:#f2ae88}.sparkline.green{color:#80d0b1}.progress-track{height:7px;background:#f0eff7;border-radius:6px;margin-top:27px;overflow:hidden}.progress-track span{display:block;background:var(--purple);height:100%;border-radius:inherit}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:22px}.chart-card,.upcoming-card,.recent-card{padding:23px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card h2{font-size:15px;margin:0 0 5px}.card-heading a{color:var(--purple);font-size:11px;font-weight:600;text-decoration:none}.card-heading select,.date-select,.calendar-toolbar select,.content-toolbar select{border:1px solid var(--border);border-radius:7px;padding:8px 10px;background:#fff;color:#777687;font-size:11px}.chart{height:238px;display:flex;margin-top:23px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#b5b4c0;font-size:10px;padding:0 13px 27px 0}.chart-area{position:relative;flex:1}.grid-line{position:absolute;left:0;right:0;border-top:1px dashed #eeeeF4}.line-1{top:0}.line-2{top:33%}.line-3{top:66%}.line-4{bottom:27px}.chart svg{width:100%;height:calc(100% - 27px);position:absolute;left:0;top:0;overflow:visible}.chart .area{fill:url(#chart-fill)}.chart .line{fill:none;stroke:var(--purple);stroke-width:3;vector-effect:non-scaling-stroke}.chart-x{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#aaa9b8;font-size:10px}.chart-legend{display:flex;gap:18px;color:#a3a2b0;font-size:10px;margin:7px 0 0 47px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.purple-dot{background:var(--purple)}.orange-dot{background:var(--orange)}.upcoming-list{margin:21px 0 16px}.upcoming-item{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid #f2f2f6;align-items:center}.upcoming-item:last-child{border:0}.platform-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;color:#fff;font-size:15px;font-weight:700;flex-shrink:0}.instagram{background:linear-gradient(135deg,#7853d7,#ec6378,#f5ba58)}.facebook{background:#4978d2}.linkedin{background:#2a83a9;font-size:11px}.upcoming-item div:nth-child(2){flex:1;min-width:0}.upcoming-item strong,.upcoming-item small{display:block}.upcoming-item strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-item small{color:#aaa9b7;font-size:10px;margin-top:3px}.upcoming-time{color:#aaa9b7;font-size:10px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:9px;letter-spacing:.6px;color:#aaa9b8;font-weight:600;padding:18px 10px;border-bottom:1px solid var(--border)}td{font-size:11px;padding:14px 10px;border-bottom:1px solid #f3f3f7;color:#676676}tr:last-child td{border:0}.post-cell{display:flex;gap:10px;align-items:center;min-width:200px}.post-thumb{width:35px;height:35px;border-radius:7px;background:linear-gradient(135deg,#ddcdfd,#7160c9);display:grid;place-items:center;color:#fff;font-size:15px}.post-thumb.orange{background:linear-gradient(135deg,#ffd5ad,#dd815f)}.post-thumb.green{background:linear-gradient(135deg,#b7ead2,#52ac8d)}.post-cell strong{font-size:11px;color:var(--ink)}.post-cell small{display:block;color:#aaa9b8;margin-top:3px}.social-badges{display:flex;gap:4px}.social-badges .platform-icon{width:21px;height:21px;border-radius:6px;font-size:11px}.status{display:inline-block;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:600}.status-published{background:#e9f8f1;color:#39a278}.status-scheduled{background:#eeeaff;color:#7056ed}.status-draft{background:#f1f1f4;color:#92919e}.section-header{align-items:center}.calendar-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px}.calendar-toolbar h2{font-size:16px;margin:0 8px}.toolbar-spacer{flex:1}.calendar{display:grid;grid-template-columns:repeat(7,1fr);overflow:hidden}.calendar-weekday{font-size:10px;font-weight:700;color:#a7a6b4;padding:14px;border-bottom:1px solid var(--border)}.calendar-day{min-height:125px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:9px}.calendar-day:nth-child(7n){border-right:0}.calendar-day.muted-day{background:#fcfcfe;color:#c7c6cf}.day-number{font-size:11px;font-weight:600}.day-number.today{color:#fff;background:var(--purple);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;margin:-3px}.calendar-event{border-radius:5px;padding:5px;margin-top:9px;font-size:9px;line-height:1.3;background:#eeeaff;color:#6653c9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event.facebook-event{background:#eaf1ff;color:#4978c6}.calendar-event.linkedin-event{background:#e7f5f8;color:#33859c}.content-toolbar{display:flex;gap:10px;margin-bottom:16px}.search-box{background:#fff;border:1px solid var(--border);border-radius:7px;padding:0 10px;display:flex;align-items:center;color:#aaa9b8;flex:1;max-width:350px}.search-box input{border:0;outline:0;padding:10px;width:100%;font-size:11px}.table-card{padding:4px 13px}.more-button{border:0;background:transparent;color:#aaa9b8;cursor:pointer}.analytics-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.analytics-main,.platform-card{padding:24px}.big-metric{display:flex;gap:10px;align-items:center;margin:29px 0 23px}.big-metric strong{font-size:28px}.bar-chart{height:180px;display:flex;align-items:end;gap:7%;border-bottom:1px solid var(--border);padding:0 5%}.bar-chart span{flex:1;background:linear-gradient(#9583f5,#7056ed);border-radius:5px 5px 0 0;max-width:40px}.bar-labels{display:flex;justify-content:space-around;color:#aaa9b8;font-size:10px;padding-top:9px}.platform-card h2{margin-bottom:16px}.platform-row{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid #f1f1f5}.platform-row:last-child{border:0}.platform-row div{flex:1}.platform-row strong,.platform-row small{display:block}.platform-row strong{font-size:12px}.platform-row small{font-size:10px;color:var(--muted);margin-top:4px}.platform-row>b{font-size:12px;color:var(--purple)}.empty-panel{min-height:500px;display:none;place-items:center}.empty-panel.active{display:grid}.empty-state{text-align:center;padding:60px 30px;max-width:500px}.empty-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--purple-light);color:var(--purple);font-size:26px;margin:0 auto 15px}.empty-state h2{margin:0 0 8px}.empty-state .button{margin-top:20px}.modal-backdrop{position:fixed;inset:0;background:#17152c99;display:none;place-items:center;padding:20px;z-index:10}.modal-backdrop.open{display:grid}.modal{width:min(620px,100%);background:#fff;border-radius:15px;padding:26px;box-shadow:0 20px 70px #211a4650}.modal-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.modal-header h2{font-size:20px;margin:0}.close-button{border:0;background:#f6f6fa;border-radius:50%;width:28px;height:28px;color:#777;cursor:pointer;font-size:20px}.modal label{display:block;font-size:11px;font-weight:600;color:#666576;margin-bottom:17px}.modal textarea,.modal input,.modal select{display:block;width:100%;font:inherit;font-size:12px;font-weight:400;color:var(--ink);border:1px solid var(--border);border-radius:8px;margin-top:7px;padding:11px;outline-color:var(--purple)}.modal textarea{height:110px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);padding-top:18px;margin-top:3px}.toast{position:fixed;bottom:25px;right:25px;background:#28263d;color:#fff;padding:13px 18px;border-radius:8px;font-size:12px;box-shadow:var(--shadow);transform:translateY(90px);opacity:0;transition:.3s;z-index:20}.toast.show{transform:translateY(0);opacity:1}@media(max-width:1050px){.sidebar{width:205px}.page-body{padding:28px}.topbar{padding:0 28px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:65px;padding:20px 8px}.brand{padding:0 10px 28px}.brand>span:last-child,.workspace-switcher span:not(.avatar),.workspace-switcher .icon-button,.nav-item:not(.active)::after,.nav-item{font-size:0}.nav-item{justify-content:center;padding:13px}.nav-item span{font-size:18px}.profile span:nth-child(2),.profile .icon-button{display:none}.profile{justify-content:center;padding-left:0;padding-right:0}.topbar{padding:0 17px}.breadcrumb span,.breadcrumb b{display:none}.topbar-actions{gap:8px}.topbar-actions .button{padding:10px}.page-body{padding:24px 17px}.welcome-row,.section-header{align-items:flex-start;flex-direction:column}.stats-grid,.dashboard-grid,.analytics-grid{grid-template-columns:1fr}.chart-card,.upcoming-card,.recent-card{padding:17px}.calendar-day{min-height:90px;padding:6px}.calendar-event{font-size:8px}.calendar-toolbar{flex-wrap:wrap}.toolbar-spacer{display:none}.form-grid{grid-template-columns:1fr}.section-header h1{font-size:22px}}