:root{--ink:#17342f;--muted:#758983;--line:#dfe9e6;--paper:#fff;--bg:#f3f7f6;--green:#167c69;--green2:#29a78f;--mint:#dff3ed;--navy:#153f4b;--sand:#f5eee3;--shadow:0 12px 34px rgba(32,79,69,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#103d45;color:#fff;padding:30px 20px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 34px}.brand strong{font:800 18px Manrope;letter-spacing:2px}.brand small{display:block;opacity:.6;font-size:11px;letter-spacing:1.5px;margin-top:2px}.brand-mark{width:31px;height:35px;position:relative}.brand-mark span{position:absolute;width:12px;height:22px;background:#74cdbd;border-radius:12px 12px 10px 10px;transform:rotate(42deg)}.brand-mark span:nth-child(1){left:1px;top:4px}.brand-mark span:nth-child(2){left:11px;top:0;background:#fff}.brand-mark span:nth-child(3){left:17px;top:12px;background:#32a58e}nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#b9ceca;border-radius:10px;padding:12px 13px;text-align:left;font:500 14px 'DM Sans';display:flex;align-items:center;gap:13px;cursor:pointer}.nav-item span{font-size:20px;width:20px;text-align:center}.nav-item b{margin-left:auto;background:#e5a55f;color:#fff;border-radius:99px;font-size:10px;padding:2px 6px}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.1);color:#fff}.sidebar-bottom{margin-top:auto}.lab-status{margin:0 8px 18px;padding:13px 0;display:flex;gap:10px;border-bottom:1px solid rgba(255,255,255,.12)}.lab-status i{width:8px;height:8px;border-radius:50%;background:#61d3a9;margin-top:5px;box-shadow:0 0 0 4px rgba(97,211,169,.1)}.lab-status strong,.lab-status small{display:block;font-size:11px}.lab-status small{color:#89aaa5;margin-top:4px}.profile{width:100%;border:0;background:transparent;color:#fff;display:flex;align-items:center;text-align:left;gap:9px;padding:7px;cursor:pointer}.profile>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#d6a169;color:#fff;font-weight:700}.profile strong,.profile small{display:block}.profile strong{font-size:13px}.profile small{font-size:10px;color:#91aaa6}.profile em{margin-left:auto;color:#87a4a0}main{padding:0 38px 55px;min-width:0}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-weight:700;font-size:10px;letter-spacing:1.7px;color:#739089;margin:0 0 7px}.eyebrow.light{color:#8ac9be}.topbar h1{margin:0;font:700 25px Manrope}.top-actions{display:flex;gap:10px}.icon-button,.primary-button,.secondary-button,.outline-button,.text-button,.month-switch button,.close-button{font-family:inherit;cursor:pointer}.icon-button{width:42px;border:1px solid var(--line);border-radius:10px;background:#fff;position:relative}.icon-button span{position:absolute;width:6px;height:6px;background:#e59b56;border-radius:50%;right:8px;top:8px}.primary-button{border:0;background:var(--green);color:#fff;border-radius:10px;padding:12px 17px;font-weight:700;box-shadow:0 6px 14px rgba(22,124,105,.18)}.view{display:none}.view.active{display:block}.hero-card{min-height:245px;background:linear-gradient(135deg,#174d54,#0e3942);border-radius:18px;color:#fff;padding:38px 45px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero-card h2{font:700 32px/1.2 Manrope;margin:0 0 13px}.hero-card h2 em{font-style:normal;color:#84d3c5}.hero-card p:last-child{color:#b2cfca;max-width:480px;font-size:14px}.hero-orbit{width:260px;height:260px;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:grid;place-items:center;margin:-20px 30px -20px 0;position:relative}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}.hero-orbit:before{width:190px;height:190px}.hero-orbit:after{width:330px;height:330px}.drop{width:118px;height:142px;background:linear-gradient(145deg,#48bca6,#278a7b);border-radius:60% 45% 55% 50%;transform:rotate(45deg);display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 37px Manrope;box-shadow:0 18px 45px rgba(0,0,0,.18)}.drop>*{transform:rotate(-45deg)}.drop small{font:500 10px 'DM Sans';opacity:.8}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:17px 0}.metric,.panel,.calendar-card,.inbox-layout{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 12px rgba(25,69,60,.025)}.metric{padding:19px}.metric-head{display:flex;align-items:center;gap:9px}.metric-head small{font-size:9px;font-weight:700;letter-spacing:1.2px;color:#78908a}.soft-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:13px}.soft-icon.blue{background:#e1eff4;color:#3880a0}.soft-icon.green{background:#dff3ed;color:#258c78}.soft-icon.sand{background:#f8ead8;color:#b77b38}.soft-icon.violet{background:#ece7f4;color:#8069a5}.metric>strong{display:block;font:700 25px Manrope;margin:14px 0 4px}.metric p{margin:0;color:#8a9b97;font-size:10px}.metric p b{color:#30917e}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:17px;margin-bottom:17px}.dashboard-grid.lower{grid-template-columns:1.45fr 1fr}.panel{padding:23px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between}.panel h3,.section-heading h2{font:700 18px Manrope;margin:0}.panel-title select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;color:#5d746f}.chart-wrap{height:225px;margin-top:15px;position:relative;padding-left:31px}.chart{width:100%;height:180px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,#edf2f1 45px)}.chart-labels{position:absolute;left:0;top:0;height:180px;display:flex;flex-direction:column;justify-content:space-between;color:#9aaba7;font-size:9px}.chart-dates{display:flex;justify-content:space-between;color:#9aaba7;font-size:9px;padding-top:8px}.text-button{border:0;background:transparent;color:var(--green);font-size:11px;font-weight:700}.post-row{display:grid;grid-template-columns:43px 1fr auto;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid #edf2f1}.post-row:last-child{border:0}.post-thumb{height:43px;border-radius:10px;background:linear-gradient(140deg,#d7eee8,#75c0af);display:grid;place-items:center}.post-row strong,.post-row small{display:block}.post-row strong{font-size:12px}.post-row small{font-size:10px;color:#8a9b97;margin-top:4px}.post-row time{font-size:10px;color:#58706a}.ai-badge{background:#e8f3f0;color:#287f70;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:700}.idea-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf2f1}.idea-row:last-child{border:0}.idea-icon{width:42px;height:42px;background:#eef6f4;border-radius:10px;display:grid;place-items:center}.idea-row>div:nth-child(2){flex:1}.idea-row strong{font-size:12px}.idea-row p{margin:4px 0 0;color:#879995;font-size:10px}.outline-button,.secondary-button{border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--green);padding:9px 12px;font-weight:700}.channel{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf2f1}.channel:last-child{border:0}.network{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:700}.instagram{background:linear-gradient(145deg,#7755b7,#e05c75,#eca44b)}.facebook{background:#3f75bd}.linkedin{background:#34769a}.channel div{flex:1}.channel strong,.channel small{display:block;font-size:11px}.channel small{color:#8a9b97;margin-top:3px}.channel b{font-size:10px;color:#29917d}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:8px 0 22px}.section-heading h2{font-size:26px}.section-heading>div>p:last-child{color:var(--muted);font-size:13px;margin:7px 0 0}.month-switch{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);padding:6px;border-radius:10px}.month-switch button{border:0;background:#eff5f3;border-radius:6px;width:27px;height:27px}.month-switch strong{font-size:12px}.calendar-card{overflow:hidden}.weekdays,.calendar{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays{padding:14px 0;border-bottom:1px solid var(--line)}.weekdays span{text-align:center;font-size:9px;font-weight:700;color:#849792}.day{min-height:116px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px}.day:nth-child(7n){border-right:0}.day-number{font-size:11px;color:#6f8580}.day.muted{background:#f9fbfa}.day.muted .day-number{color:#c2cecb}.calendar-post{margin-top:7px;border-radius:7px;padding:7px;background:#e1f2ee;color:#236e60;font-size:9px;border-left:3px solid #3aa38e}.calendar-post.fb{background:#e8eff8;color:#426d9b;border-color:#5a87bd}.calendar-post.li{background:#e6f0f4;color:#346d86;border-color:#3d809c}.filter-tabs{display:flex;background:#e8efed;border-radius:9px;padding:3px}.filter-tabs button{border:0;background:transparent;padding:8px 12px;border-radius:7px;color:#6e837e;font-family:inherit;font-size:11px}.filter-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.06)}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.content-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.content-cover{height:145px;background:linear-gradient(140deg,#bfded6,#4b9f8d);display:grid;place-items:center;font-size:45px}.content-body{padding:17px}.content-body .status{display:inline-block;border-radius:99px;padding:4px 8px;background:#edf5f3;color:#267b6c;font-size:9px;font-weight:700}.content-body h3{font:700 14px/1.35 Manrope;margin:10px 0 6px}.content-body p{color:#849590;font-size:10px;margin:0}.insight-banner{display:flex;gap:15px;background:#173f47;color:#fff;padding:22px;border-radius:14px;margin-bottom:17px}.insight-banner>span{font-size:24px;color:#79d0bf}.insight-banner strong{font:700 14px Manrope}.insight-banner p{margin:5px 0 0;color:#b4ceca;font-size:12px;line-height:1.5}.analytics-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:17px}.bars{display:grid;gap:19px;margin-top:26px}.bars label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px}.bars i{display:block;height:8px;background:#eaf0ee;border-radius:8px;overflow:hidden}.bars i span{display:block;height:100%;background:linear-gradient(90deg,#1b806d,#58b8a5);border-radius:8px}.winner{margin-top:18px;display:grid;grid-template-columns:90px 1fr 1fr;align-items:center;gap:12px}.winner>div{height:85px;border-radius:12px;background:#e4f1ee;display:grid;place-items:center;font-size:35px}.winner strong,.winner small{display:block}.winner strong{font:700 18px Manrope}.winner small{font-size:9px;color:#839590;margin-top:4px}.inbox-layout{display:grid;grid-template-columns:340px 1fr;min-height:530px;overflow:hidden}.message-list{border-right:1px solid var(--line)}.message{padding:17px;border-bottom:1px solid var(--line);display:flex;gap:11px;cursor:pointer}.message:hover{background:#f7faf9}.avatar{width:38px;height:38px;border-radius:50%;background:#dbece8;display:grid;place-items:center}.message div{flex:1}.message strong,.message small{display:block;font-size:11px}.message small{margin-top:5px;color:#82948f}.message time{font-size:9px;color:#96a5a1}.conversation{display:grid;place-items:center}.empty-conversation{text-align:center;color:#879a95}.empty-conversation span{width:60px;height:60px;border-radius:50%;background:#e6f2ef;display:grid;place-items:center;margin:auto;font-size:25px;color:#23816f}.empty-conversation h3{color:var(--ink);font:700 16px Manrope;margin:14px 0 4px}.empty-conversation p{font-size:11px}dialog{width:min(620px,calc(100% - 32px));border:0;border-radius:18px;padding:0;box-shadow:0 30px 100px rgba(10,47,41,.25)}dialog::backdrop{background:rgba(9,35,31,.48);backdrop-filter:blur(3px)}#post-form{padding:27px}.modal-head{display:flex;justify-content:space-between;margin-bottom:20px}.modal-head h2{font:700 22px Manrope;margin:0}.close-button{border:0;background:#edf3f1;border-radius:50%;width:32px;height:32px;font-size:20px}.modal-head+label{display:grid;gap:7px;font-size:11px;font-weight:700}textarea,input,select{font-family:inherit}textarea{min-height:135px;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:12px;outline:none}textarea:focus,input:focus,select:focus{border-color:#5aaf9e;box-shadow:0 0 0 3px rgba(90,175,158,.12)}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:13px}.form-row label{display:grid;gap:6px;font-size:10px;font-weight:700}.form-row input,.form-row select{border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff}.approval{display:flex;gap:10px;align-items:center;background:#f1f7f5;border-radius:10px;padding:12px;margin-top:15px}.approval>span{width:26px;height:26px;border-radius:50%;background:#d7eee8;color:#28816f;display:grid;place-items:center}.approval strong,.approval small{display:block;font-size:10px}.approval small{color:#7b918b;margin-top:3px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.secondary-button{color:#607772}#toast{position:fixed;right:28px;bottom:28px;background:#123f46;color:#fff;border-radius:10px;padding:13px 17px;font-size:12px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:none}@media(max-width:1050px){.app-shell{grid-template-columns:82px 1fr}.sidebar{padding:27px 12px}.brand>div:last-child,.nav-item:not(.active)::after,.nav-item{font-size:0}.nav-item{justify-content:center}.nav-item span{font-size:21px}.nav-item b,.sidebar-bottom{display:none}.brand{justify-content:center;padding-left:0;padding-right:0}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.content-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:fixed;z-index:5;bottom:0;top:auto;width:100%;height:65px;padding:8px}.brand,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:space-around}.nav-item{padding:10px}.nav-item.active{background:rgba(255,255,255,.13)}main{padding:0 16px 85px}.topbar{height:90px}.topbar h1{font-size:20px}.icon-button{display:none}.primary-button{padding:11px;font-size:11px}.hero-card{padding:28px;min-height:220px}.hero-card h2{font-size:26px}.hero-orbit{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric{padding:14px}.metric>strong{font-size:21px}.content-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;gap:16px;flex-direction:column}.calendar-card{overflow-x:auto}.weekdays,.calendar{min-width:700px}.inbox-layout{grid-template-columns:1fr}.conversation{display:none}.analytics-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.topbar .eyebrow{display:none}}