:root{--ink:#17202d;--muted:#738092;--line:#e9edf2;--paper:#fff;--wash:#f7f9fb;--purple:#6957e8;--purple-light:#eeecff;--green:#1ca277;--green-light:#e3f7ee;--orange:#f18b51;--red:#d8555d;--shadow:0 14px 34px #25324a0d}*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font:14px 'DM Sans',sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:256px;background:#fff;border-right:1px solid var(--line);padding:28px 16px 18px;display:flex;flex-direction:column}.brand-lockup{display:flex;gap:10px;align-items:center;padding:0 12px 30px}.brand-mark{width:35px;height:35px;background:var(--purple);color:#fff;border-radius:11px;display:grid;place-items:center;font:700 22px 'Space Grotesk'}.brand-lockup strong{font:700 16px 'Space Grotesk';display:block}.brand-lockup span,.workspace-picker small,.profile-row span,.autopilot-card span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.workspace-picker{border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;gap:9px;align-items:center;margin:0 0 28px}.workspace-picker strong{font-size:12px;display:block}.workspace-picker .chevron{margin-left:auto;color:var(--muted)}.avatar{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700;flex:0 0 auto}.purple{background:#8c79ef}.orange{background:var(--orange)}.nav-section{margin-bottom:23px}.nav-section p{color:#a1abb7;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1px;margin:0 12px 8px}.nav-item{width:100%;border:0;background:none;text-align:left;padding:10px 12px;color:#667386;border-radius:9px;display:flex;gap:12px;align-items:center;font:500 13px 'DM Sans';cursor:pointer;margin:2px 0}.nav-item span:first-child{font-size:18px;width:18px;text-align:center;color:#9aa5b5}.nav-item:hover,.nav-item.active{background:var(--purple-light);color:var(--purple);font-weight:700}.nav-item.active span{color:var(--purple)}.nav-item em{font-style:normal;margin-left:auto;background:#f0f2f5;color:#697789;border-radius:20px;padding:2px 7px;font-size:10px}.nav-item em.danger{background:#fff0f0;color:var(--red)}.sidebar-bottom{margin-top:auto}.autopilot-card{border:1px solid #d8f0e6;background:#f7fffb;border-radius:12px;padding:12px;display:flex;align-items:center;gap:8px;margin:0 4px 15px}.autopilot-card strong{display:block;font-size:11px}.autopilot-card button{margin-left:auto;border:0;background:none;color:var(--green);cursor:pointer}.status-dot{width:7px;height:7px;background:#23b77e;border-radius:50%;box-shadow:0 0 0 4px #d5f4e7}.profile-row{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:17px 8px 0;margin-top:9px}.profile-row strong{font-size:12px;display:block}.profile-row>span:last-child{margin-left:auto;font-size:18px}.main-content{flex:1;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{font-size:13px;font-weight:600}.breadcrumb span{color:#b3bbc5;margin:0 8px}.top-actions{display:flex;align-items:center;gap:12px}.icon-button{border:0;background:none;color:#748194;font-size:24px;cursor:pointer;position:relative}.notification i{position:absolute;width:6px;height:6px;background:var(--red);border-radius:50%;top:3px;right:2px}.primary-button{border:0;background:var(--purple);color:#fff;border-radius:8px;padding:11px 16px;font:700 12px 'DM Sans';cursor:pointer;box-shadow:0 4px 10px #6957e830}.primary-button:hover{background:#5846d4}.page{max-width:1310px;margin:0 auto;padding:35px 42px 60px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.eyebrow{color:var(--purple);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 8px}.page h1{font:700 28px 'Space Grotesk';margin:0 0 6px;letter-spacing:-.5px}.subtitle{color:var(--muted);margin:0}.date-chip{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 14px;color:#607083;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:26px}.metric-card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.metric-card{padding:19px 20px;position:relative}.metric-label{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px}.metric-value{font:700 26px 'Space Grotesk';margin:10px 0 8px}.metric-foot{font-size:11px;color:var(--green);font-weight:700}.metric-foot span{color:var(--muted);font-weight:400}.metric-icon{position:absolute;right:19px;top:18px;width:32px;height:32px;border-radius:9px;background:var(--purple-light);color:var(--purple);display:grid;place-items:center;font-size:17px}.grid-2{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;margin-bottom:18px}.panel{overflow:hidden}.panel-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head h2{font:700 15px 'Space Grotesk';margin:0}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.text-link{border:0;background:none;color:var(--purple);font-weight:700;font-size:11px;cursor:pointer}.chart-wrap{padding:20px;height:250px;position:relative}.chart-grid{height:180px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0 44px,#eef1f5 45px);padding:0 12px}.bar{flex:1;background:linear-gradient(180deg,#9b8df2,#6957e8);border-radius:5px 5px 0 0;min-width:7px;position:relative}.bar:hover{background:#5040ca}.chart-labels{display:flex;justify-content:space-around;color:#a0aab6;font-size:10px;padding:8px 12px}.post-list{padding:8px 0}.post-row{display:flex;gap:12px;align-items:center;padding:11px 20px}.post-thumb{width:45px;height:45px;border-radius:9px;object-fit:cover;background:linear-gradient(135deg,#e9d6b8,#8aa7ac);display:grid;place-items:center;font-size:18px}.post-info{flex:1;min-width:0}.post-info strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-info span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.tag{border-radius:15px;padding:5px 8px;font-size:10px;font-weight:700;white-space:nowrap}.tag.green{background:var(--green-light);color:var(--green)}.tag.orange{background:#fff1e8;color:#dc7740}.tag.purple{background:var(--purple-light);color:var(--purple)}.activity-list{padding:5px 20px 12px}.activity{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid #f0f2f4}.activity:last-child{border:0}.activity-avatar{width:26px;height:26px;border-radius:8px;background:#edf0ff;color:var(--purple);display:grid;place-items:center;font-size:12px;flex:0 0 auto}.activity div{font-size:11px;line-height:1.4}.activity strong{font-size:11px}.activity time{display:block;color:#a0aab6;font-size:10px;margin-top:4px}.full-panel{margin-bottom:18px}.connected-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 20px}.account-card{border:1px solid var(--line);border-radius:10px;padding:14px}.account-card-head{display:flex;align-items:center;gap:9px}.network-icon{width:29px;height:29px;border-radius:8px;color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px}.ig{background:linear-gradient(135deg,#f7a54c,#c93887,#6d51d9)}.fb{background:#2675db}.yt{background:#e83c35}.pin{background:#d7243d}.account-card strong{display:block;font-size:12px}.account-card small{color:var(--muted);font-size:10px}.account-status{display:flex;align-items:center;gap:5px;color:var(--green);font-size:10px;margin-top:14px}.account-status i{width:5px;height:5px;background:var(--green);border-radius:50%}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{color:#99a4b1;text-transform:uppercase;font-size:9px;letter-spacing:.7px;padding:12px 20px;border-bottom:1px solid var(--line)}.data-table td{padding:14px 20px;border-bottom:1px solid #f0f2f4;font-size:12px}.data-table tr:last-child td{border:0}.client-cell{display:flex;align-items:center;gap:9px;font-weight:700}.client-logo{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:11px}.client-logo.blue{background:#5f86e9}.client-logo.pink{background:#ea7091}.client-logo.green{background:#55aa84}.client-logo.dark{background:#34495e}.progress{height:5px;background:#edf0f3;border-radius:4px;width:100px}.progress i{display:block;height:100%;background:var(--purple);border-radius:4px}.calendar-grid{padding:18px 20px;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{min-height:145px;background:#fafbfc;border:1px solid #eff1f3;border-radius:9px;padding:10px}.day h4{margin:0 0 10px;font-size:10px;color:var(--muted)}.day.today{border:1.5px solid var(--purple);background:#fcfbff}.day.today h4{color:var(--purple)}.cal-post{padding:7px;border-radius:6px;font-size:10px;margin-bottom:6px;line-height:1.3}.cal-post.purple{background:#eeecff;color:#584bc1}.cal-post.orange{background:#fff0e6;color:#b96837}.cal-post.green{background:#e4f7ef;color:#218363}.empty-state{text-align:center;padding:50px 20px;color:var(--muted)}.empty-state strong{display:block;color:var(--ink);margin-bottom:6px}.modal-backdrop{position:fixed;inset:0;background:#17202d66;display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(620px,100%);background:#fff;border-radius:16px;box-shadow:0 25px 70px #17202d35;overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.modal-head h2{font:700 18px 'Space Grotesk';margin:0}.close{border:0;background:none;font-size:22px;color:var(--muted);cursor:pointer}.form{padding:22px 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{margin-bottom:16px}.field label{display:block;font-size:11px;font-weight:700;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe4e9;border-radius:8px;padding:11px 12px;font:13px 'DM Sans';color:var(--ink);outline:none}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-light)}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;background:#fafbfc;border-top:1px solid var(--line)}.secondary-button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 15px;font:700 12px 'DM Sans';cursor:pointer;color:#657386}.toast{position:fixed;right:24px;bottom:24px;background:#1c2939;color:white;padding:13px 17px;border-radius:9px;box-shadow:var(--shadow);font-size:12px;opacity:0;transform:translateY(12px);transition:.25s;z-index:20}.toast.show{opacity:1;transform:translateY(0)}.mobile-menu{display:none}.content-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.idea-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px}.idea-card .idea-type{font-size:10px;color:var(--purple);font-weight:700;text-transform:uppercase}.idea-card h3{font:700 14px 'Space Grotesk';line-height:1.3;margin:9px 0}.idea-card p{font-size:11px;color:var(--muted);line-height:1.5;margin:0 0 15px}.idea-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px}.mini-button{border:0;background:var(--purple-light);color:var(--purple);padding:7px 9px;border-radius:6px;font-size:10px;font-weight:700;cursor:pointer}@media(max-width:1000px){.sidebar{width:220px}.topbar,.page{padding-left:25px;padding-right:25px}.metrics{grid-template-columns:repeat(2,1fr)}.connected-grid{grid-template-columns:repeat(2,1fr)}.content-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{position:fixed;left:-260px;top:0;bottom:0;z-index:5;transition:.2s}.sidebar.open{left:0}.mobile-menu{display:block;font-size:20px;cursor:pointer}.topbar{height:65px;padding:0 18px}.breadcrumb{display:none}.top-actions{margin-left:auto}.top-actions .icon-button{display:none}.primary-button{padding:9px 11px}.page{padding:25px 18px}.page-heading{display:block}.date-chip{display:inline-block;margin-top:15px}.grid-2{grid-template-columns:1fr}.metrics{gap:9px}.metric-card{padding:14px}.metric-value{font-size:21px}.connected-grid,.content-cards{grid-template-columns:1fr}.calendar-grid{overflow:auto;grid-template-columns:repeat(7,130px);padding:12px}.form-grid{grid-template-columns:1fr}}
@media(min-width:1001px){.grid-2 .connected-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}