@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f6f8fa;--ink:#17252d;--muted:#7a858d;--line:#e8edf0;--green:#168270;--mint:#e6f3ee;--sidebar:238px}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px 'DM Sans',Arial,sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #68bdab;outline-offset:3px}button{border:0}a{text-decoration:none;color:inherit}aside{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:29px 18px;display:flex;flex-direction:column;z-index:10}.brand{font:800 27px Manrope,Arial;display:flex;align-items:center;gap:9px;padding:0 9px;letter-spacing:-1.3px}.brand-dot{font-size:9px;color:var(--green);margin:-13px 0 0 -5px}.logo{display:inline-flex;width:34px;height:35px;background:var(--green);border-radius:10px;color:white;align-items:center;justify-content:center;font-size:26px;position:relative}.logo span{position:absolute;font-size:18px;right:1px;top:0}.workspace{margin:32px 0 29px;border:1px solid var(--line);border-radius:9px;padding:11px 9px;display:flex;align-items:center;gap:10px;font-weight:650;font-size:12px}.avatar{border:1px solid #e1e9e4;background:#eef4f1;color:#526c62;border-radius:50%;width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.workspace small,.profile small{display:block;color:var(--muted);font-size:10px;margin-top:4px;font-weight:400}.workspace>span:last-child{margin-left:auto}.menu-label{color:#939da3;font-size:9px;letter-spacing:1.4px;margin:0 12px 13px}nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;color:#77838b;padding:12px;border-radius:7px;background:transparent;text-align:left;font-size:12px;font-weight:550;width:100%}.nav-item.active{background:#eaf4f0;color:#197763}.nav-item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.nav-count{margin-left:auto;font-size:10px;background:white;padding:2px 6px;border-radius:4px}.side-bottom{margin-top:auto;padding-top:30px}.plan{background:#f5f8f6;border:1px solid #e4ece7;border-radius:9px;padding:15px 12px}.tag{font-size:8px;letter-spacing:.6px;color:#4a8875;font-weight:700}.plan h4{font-size:12px;margin:11px 0 5px}.plan p{font-size:11px;color:#87928c;line-height:1.6;margin:0 0 13px}.subtle{background:white;border:1px solid var(--line);padding:8px 11px;border-radius:6px;font-size:11px;color:#455c50}.profile{display:flex;align-items:center;gap:10px;background:white;padding:20px 3px 0;text-align:left;font-size:11px;width:100%}.profile>span:last-child{margin-left:auto;color:#8c9990}.shell{margin-left:var(--sidebar)}header{height:77px;background:rgba(255,255,255,.8);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.breadcrumb{font-size:11px;color:#8e989e}.breadcrumb span{padding:0 13px;color:#bac2c7}.breadcrumb strong{font-weight:500;color:#4d5b63}.header-right{display:flex;align-items:center;gap:9px;font-size:10px;color:#8a9599}.demo-dot{width:6px;height:6px;background:#dda458;border-radius:50%}.icon-button{background:transparent;color:#7d898f;font-size:22px;padding:5px 10px}main{max-width:1540px;margin:auto;padding:32px 36px 26px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:16px}h1{font:750 27px Manrope,Arial;letter-spacing:-1px;margin:0 0 8px}h2{font:700 14px Manrope,Arial;margin:0}p.subtitle{font-size:12px;color:var(--muted);margin:0}.primary{background:var(--green);color:white;padding:11px 16px;border-radius:7px;box-shadow:0 3px 5px #1575600d;font-size:11px;font-weight:600}.primary span{margin-right:6px;font-size:17px}.secondary{background:white;border:1px solid #e1e7e9;padding:10px 12px;border-radius:7px;color:#63717a;font-size:11px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.tabs{display:flex;gap:4px;background:#edf0f2;border-radius:7px;padding:3px}.tabs button{padding:8px 13px;background:transparent;color:#7a878f;border-radius:5px;font-size:10px}.tabs button.selected{background:white;box-shadow:0 1px 3px #0000000b;color:#314f43}.filters{display:flex;gap:8px}.filters select{border:1px solid #e2e8eb;border-radius:7px;background:white;color:#56656e;font-size:10px;padding:8px 12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.card{background:white;border:1px solid var(--line);border-radius:10px}.stat{padding:18px 19px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#74828a;font-size:11px}.stat-icon{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:8px;background:#f0f5f4;color:#599786}.stat strong{display:block;font:750 29px Manrope;margin-top:11px;letter-spacing:-1px}.stat-bottom{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:9px;color:#9ca5ac}.growth{color:#338a73;background:#edf7f1;padding:3px 5px;border-radius:4px}.chart-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:20px;margin-bottom:22px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:20px 21px 0;gap:12px}.card-head p{font-size:10px;color:#98a0a6;margin:6px 0 0}.legend{font-size:9px;color:#8d989d;display:flex;gap:12px}.legend span:before{content:'';width:6px;height:6px;background:var(--green);display:inline-block;border-radius:50%;margin-right:5px}.legend span:nth-child(2):before{background:#bacbdc}.chart{height:224px;padding:18px 22px 5px 12px}.chart svg{width:100%;height:100%;overflow:visible}.chart text{font-family:'DM Sans',Arial;fill:#a1acb2;font-size:10px}.chart-note{font-size:9px;color:#9ca7ac;padding:0 22px 16px}.network-list{padding:12px 21px 18px}.network-row{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:10px;margin:17px 0}.network-logo{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:white;font-weight:700;font-size:15px}.instagram{background:linear-gradient(140deg,#7948d5,#cf497c,#e9aa55)}.facebook{background:#2375e9}.tiktok{background:#20252b}.x{background:#222a30}.kwai{background:#f38b24}.network-row strong{font-size:10px;font-weight:550}.network-row small{font-size:9px;color:#9aa5aa;display:block;margin-top:4px}.network-val{text-align:right;font-size:11px;font-weight:650}.bar{height:4px;border-radius:3px;background:#f0f3f5;margin-top:7px;width:100%}.bar i{display:block;height:4px;border-radius:3px;background:#75af9d}.network-foot{display:flex;align-items:center;gap:7px;font-size:9px;color:#999fa4;border-top:1px solid var(--line);padding-top:12px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:20px}.link{background:transparent;color:var(--green);font-size:10px}.table-wrap{overflow:auto;padding:8px 21px 12px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:8px;letter-spacing:.7px;color:#9aa4ac;font-weight:500;padding:13px 8px;border-bottom:1px solid var(--line)}td{font-size:10px;padding:12px 8px;border-bottom:1px solid #f0f3f4}tbody tr:last-child td{border-bottom:0}.content-cell{display:flex;align-items:center;gap:10px}.thumb{width:33px;height:42px;border-radius:5px;background:linear-gradient(145deg,#394e42,#b4c09f);display:flex;align-items:center;justify-content:center;color:white;font-size:13px;flex-shrink:0}.thumb.two{background:linear-gradient(145deg,#8eafbb,#d9cab1)}.thumb.three{background:linear-gradient(145deg,#4c4a42,#b99c7c)}.content-cell strong{font-weight:550;font-size:10px;display:block}.content-cell small{display:block;color:#a0a8ae;font-size:9px;margin-top:4px}.badge{font-size:9px;padding:4px 6px;border-radius:5px;background:#edf6f0;color:#5c8f76}.badge.warn{background:#fff5e8;color:#bb904b}.badge.neutral{background:#f0f3f6;color:#8998a5}.mini-logo{width:20px;height:20px;font-size:10px;border-radius:5px}.upcoming{padding:6px 21px 19px}.schedule-row{display:flex;gap:11px;align-items:center;border-bottom:1px solid #f0f3f4;padding:14px 0}.schedule-row:last-child{border-bottom:0}.schedule-row .time{font-size:10px;font-weight:600;min-width:38px}.schedule-row .time small{display:block;font-size:8px;color:#a2acb1;margin-top:4px}.schedule-row .desc{flex:1}.schedule-row strong{font-size:10px;display:block;font-weight:500}.schedule-row .desc small{font-size:9px;color:#9da6ac;display:block;margin-top:5px}.drive-strip{display:flex;align-items:center;justify-content:space-between;border:1px solid #dfeae4;background:#eff6f1;border-radius:9px;padding:15px 20px;margin-top:21px;gap:14px}.drive-strip p{font-size:10px;color:#8b9c91;margin:5px 0 0}.drive-strip strong{font-size:11px;font-weight:550}.drive-mark{color:#51956d;font-size:24px;margin-right:13px}.drive-strip>div{display:flex;align-items:center}.drive-strip button{background:transparent;border:1px solid #d5e5d9;color:#57816c;padding:8px 12px;border-radius:6px;font-size:10px}footer{display:flex;justify-content:space-between;padding:0 36px 22px;font-size:9px;color:#a2adb2;gap:12px}.muted{color:var(--muted)}.empty{text-align:center;padding:55px 20px;color:var(--muted);font-size:12px;line-height:1.9}.empty h3{color:var(--ink)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.integration{padding:23px}.integration h3{margin:15px 0 7px;font-size:14px}.integration p{font-size:11px;color:var(--muted);line-height:1.7;min-height:55px}.integration button{margin-top:18px;width:100%}.settings-card{padding:24px;max-width:700px}.settings-row{padding:18px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.settings-row p{font-size:11px;color:var(--muted);margin:6px 0 0}.settings-row strong{font-size:12px}dialog{border:0;border-radius:14px;width:min(550px,94vw);padding:25px;box-shadow:0 25px 100px #10281a33}dialog::backdrop{background:#172b2a66;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-head h2{font-size:19px}label{display:block;font-size:11px;font-weight:600;margin:17px 0 7px}input,textarea,select.field{width:100%;border:1px solid #dce5e2;padding:11px;border-radius:7px;background:white;color:var(--ink)}textarea{min-height:75px;resize:vertical}#modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.notice{background:#f0f6f3;border:1px solid #e1ece5;padding:12px;border-radius:7px;font-size:11px;line-height:1.7;color:#60826d}.notice.amber{background:#fff8ec;border-color:#f2e9d4;color:#9b7e47}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#183f34;color:white;padding:13px 20px;border-radius:8px;font-size:12px;box-shadow:0 5px 20px #0002;z-index:100;display:none;max-width:90vw}.caption-row{display:flex;gap:8px}.caption-row textarea{flex:1}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.media-card{padding:13px}.media-art{height:180px;border-radius:7px;background:linear-gradient(140deg,#28483f,#96b5a1);display:flex;align-items:center;justify-content:center;font-size:32px;color:white}.media-card h3{font-size:12px;margin-bottom:6px}.media-card p{font-size:10px;color:var(--muted)}.table-card{padding-bottom:12px}.inline-controls{display:flex;gap:8px}.auth-links{margin-top:16px;display:flex;gap:15px}.auth-links button{padding:0}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:9px;overflow:hidden}.day{background:white;min-height:100px;padding:10px;font-size:10px;color:#87938d}.day.today{background:#f0f8f3}.day-label{min-height:34px;text-align:center;background:#f9fafb;font-size:9px}.cal-event{background:#edf5f0;color:#43816c;padding:6px;border-radius:4px;margin-top:6px;font-size:8px}.form-error{color:#bb4e3f;font-size:11px;margin-top:12px}.source-note{font-size:10px;color:var(--muted);line-height:1.7;margin-top:18px}@media(min-width:1500px){main{padding-top:42px}.chart{height:280px}.stat{padding:23px}}@media(max-width:1100px){:root{--sidebar:200px}main{padding:25px 22px}header{padding:0 22px}.chart-grid,.bottom-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}.legend{display:none}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:25px}.grid-3{grid-template-columns:repeat(2,1fr)}.media-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){:root{--sidebar:65px}aside{padding:24px 8px}.brand{font-size:0;padding:0 6px}.brand-dot,.workspace,.menu-label,.side-bottom,.nav-item .nav-label,.nav-count{display:none}nav{margin-top:35px}.nav-item{padding:13px;justify-content:center}.nav-item svg{flex-shrink:0}.chart-grid,.bottom-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}header{height:62px;padding:0 18px}.header-right{font-size:8px}.breadcrumb{display:none}main{padding:24px 16px}h1{font-size:23px}.page-head{align-items:flex-start}.page-head .primary{white-space:nowrap;font-size:10px;padding:9px 10px}.toolbar{align-items:flex-start;flex-wrap:wrap}.filters{flex-wrap:wrap}.grid-3,.media-grid{grid-template-columns:repeat(2,1fr)}footer{padding:0 16px 20px}footer>span:last-child{display:none}.drive-strip{align-items:flex-start}.drive-strip button{flex-shrink:0}.tabs button{padding:8px 10px}.subtitle{line-height:1.6}.media-art{height:130px}}@media(max-width:450px){.grid-3,.media-grid{grid-template-columns:1fr}.header-right .avatar{display:none}.stats{gap:9px}.stat{padding:13px}.stat-bottom{font-size:8px}.drive-strip{flex-wrap:wrap}.page-head{flex-wrap:wrap}.chart{padding-right:14px}.card-head{padding-left:16px;padding-right:16px}}

.network-logo.youtube{background:#ff0033;color:#fff}