:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#0f172a;background:#f8fafc;font-size:14px;line-height:1.5;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:#4338ca;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #818cf8;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(25px,2.7vw,36px);line-height:1.25;letter-spacing:-.035em;margin:7px 0 10px;font-weight:780}h2{font-size:17px;letter-spacing:-.015em;margin:0 0 4px;font-weight:750}h3{font-size:14px;margin:14px 0 7px}p{color:#64748b}button{border:0}.hidden{display:none!important}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;flex:0 0 244px;background:#121a2b;color:#e2e8f0;display:flex;flex-direction:column;padding:25px 15px 20px;position:sticky;height:100vh;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:19px;font-weight:800;padding:0 10px;margin-bottom:38px;letter-spacing:-.04em}.brand:hover{text-decoration:none}.brand small{display:block;font-size:10px;letter-spacing:.02em;font-weight:500;color:#9aa8c1}.brand-mark{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#5b50e9;border-radius:11px;color:#fff;font-size:25px}.side-label{font-size:10px;letter-spacing:.13em;font-weight:760;color:#75829a;padding:0 17px 11px}.sidebar nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:13px;color:#bcc8db;border-radius:10px;padding:11px 14px;font-weight:630}.nav-link:hover{background:#252d41;text-decoration:none;color:#fff}.nav-link.active{background:#4f46e5;color:white;box-shadow:0 4px 14px #4f46e544}.nav-icon{font-size:19px;font-weight:400;line-height:1}.sidebar-bottom{margin-top:auto;padding:10px 7px}.sidebar-note{border:1px solid #3c4659;border-radius:13px;padding:14px;font-size:12px;background:#1c273b;display:grid;gap:7px}.sidebar-note span{color:#a8b5c7;line-height:1.5}.contact{display:inline-block;margin:19px 9px 2px;color:#a8b8fc;font-weight:600;font-size:12px}.main-column{min-width:0;flex:1}.topbar{height:77px;background:white;border-bottom:1px solid #e5eaf2;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,2.5vw,43px);gap:18px}.breadcrumbs{display:flex;gap:12px;color:#8a97ac}.breadcrumbs strong{color:#334155}.top-actions{display:flex;gap:15px;align-items:center}.local-pill{background:#effdf4;color:#166534;border:1px solid #c6f3d8;border-radius:100px;font-size:11px;padding:7px 12px;white-space:nowrap;font-weight:700}main{max-width:1600px;margin:auto;padding:clamp(19px,2.5vw,38px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading>div{max-width:870px}.page-heading p{font-size:14px;margin:0}.eyebrow{font-size:11px;color:#4f46e5;letter-spacing:.15em;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:10px 16px;line-height:1.35;font-size:13px;font-weight:700;white-space:nowrap;min-height:41px}.btn:hover{text-decoration:none;filter:brightness(.97)}.btn-primary{background:#4f46e5;color:#fff;box-shadow:0 2px 8px #4f46e520}.btn-outline{border:1px solid #d8e0eb;background:#fff;color:#334155}.btn-danger{border:1px solid #fecaca;background:#fff7f7;color:#b91c1c}.full{width:100%;margin-top:12px}.overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:21px}.stat{background:#fff;border:1px solid #e5eaf2;border-radius:15px;min-height:148px;padding:20px 20px 16px;display:grid;align-content:start;box-shadow:0 3px 8px #1e293b05}.stat-icon{height:31px;width:31px;display:grid;place-items:center;border-radius:10px;font-size:17px;margin-bottom:13px}.purple{background:#f1edff;color:#6355e5}.blue{background:#e9f3ff;color:#2776d9}.green{background:#e7f9ee;color:#16a34a}.amber{background:#fff2e2;color:#bf6d0c}.stat-label{color:#64748b;font-size:12px;font-weight:650}.stat strong{font-size:29px;line-height:1.3;letter-spacing:-.05em;margin:3px 0}.stat small{color:#94a3b8}.panel{background:#fff;border:1px solid #e5eaf2;border-radius:16px;box-shadow:0 3px 10px #17223a06;padding:21px;min-width:0}.panel-title{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:20px}.panel-title p,.subcopy{font-size:12px;margin:0;color:#8793a4}.overview-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:20px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.quick-card{display:flex;flex-direction:column;text-align:left;gap:6px;padding:16px;border:1px solid #e7eaf2;background:#fcfdff;border-radius:13px;min-height:185px;color:#0f172a}.quick-card:hover{border-color:#a5b4fc;box-shadow:0 3px 14px #4f46e51a}.quick-card b{font-size:13px}.quick-card span:not(.quick-icon){color:#64748b;font-size:12px;line-height:1.5}.quick-card i{margin-top:auto;font-style:normal;font-size:12px;font-weight:750;color:#4f46e5}.quick-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:23px;margin-bottom:8px}.attention{min-height:300px}.empty-state{background:#f8fafc;border:1px dashed #ced8e5;border-radius:13px;padding:30px;text-align:center;color:#64748b;font-size:13px;line-height:1.6}.review-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #edf0f5}.review-row:last-child{border:0}.review-row>div{display:grid;gap:4px;min-width:0}.review-row b{font-size:12px}.review-row small{color:#8a97ac}.subtle-link{color:#4f46e5;font-size:12px;font-weight:750;white-space:nowrap}.steps-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:19px}.steps-row>div{position:relative}.steps-row b{font-size:13px}.steps-row p{margin:6px 0 0;font-size:12px;line-height:1.6}.step-number{height:28px;width:28px;display:grid;place-items:center;background:#eeeaff;border-radius:9px;color:#4f46e5;font-weight:800;margin-bottom:10px}.studio-layout{display:grid;grid-template-columns:minmax(265px,325px) minmax(0,1fr);align-items:start;gap:19px}.composer-controls{display:flex;flex-direction:column;gap:0}.composer-controls h2{margin-bottom:17px}.mini-stepper{padding:0;margin:0 0 22px;list-style:none;display:flex;flex-wrap:wrap;gap:9px}.mini-stepper li{display:flex;align-items:center;gap:5px;font-size:11px;color:#64748b}.mini-stepper span{border-radius:50%;display:grid;place-items:center;height:20px;width:20px;background:#eef2ff;color:#4f46e5;font-weight:750}.mini-stepper li:last-child span{background:#e2e8f0;color:#334155}label:not(.channel-check):not(.upload-zone),legend{display:block;font-size:12px;font-weight:760;color:#334155;margin:16px 0 7px}textarea,select,input:not([type=checkbox]):not([type=file]){width:100%;border:1px solid #dce3ee;border-radius:9px;background:#fff;padding:12px;outline:none;color:#0f172a}textarea{resize:vertical;line-height:1.65;min-height:65px}input:focus,textarea:focus,select:focus{border-color:#8174f8;box-shadow:0 0 0 3px #8174f81e}select{background:#fff}.field-hint,.helper{color:#94a3b8;font-size:11px;margin:7px 0 0}.helper{margin-top:13px;line-height:1.65}.text-action{background:transparent;color:#4f46e5;font-weight:690;font-size:12px;padding:5px 1px;text-align:left}.text-action:hover{text-decoration:underline}.channel-fieldset{border:0;margin:12px 0 5px;padding:0}.channel-checks{display:grid;grid-template-columns:1fr 1fr;gap:9px}.channel-check{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #e2e8f0;border-radius:8px;font-size:11px;font-weight:640;cursor:pointer}.channel-check input{accent-color:#4f46e5}.studio-content{display:grid;gap:19px}.editor-panel textarea{min-height:195px}.editor-footer,.inline-actions,.preview-actions{display:flex;align-items:center;justify-content:space-between;gap:11px;flex-wrap:wrap}.editor-footer{font-size:11px;color:#94a3b8;margin-top:10px}.preview-tabs{display:flex;overflow:auto;gap:7px;padding-bottom:11px;border-bottom:1px solid #e5eaf2}.preview-tab{padding:8px 11px;border:1px solid #e4e9f3;color:#64748b;border-radius:7px;background:#fff;white-space:nowrap;font-weight:700}.preview-tab.selected{border-color:#a5b4fc;background:#eef2ff;color:#4338ca}.preview-content{padding-top:20px}.preview-detail{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.preview-limit{font-size:11px;color:#8a97ac}.platform-text{min-height:175px}.preview-actions{margin-top:14px;justify-content:flex-end}.over-limit{color:#b91c1c;font-weight:760}.chip{background:#f1f5f9;color:#475569;font-size:10px;font-weight:750;border-radius:100px;padding:6px 10px;white-space:nowrap}.two-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,1fr);gap:19px;align-items:start}.two-panel>section>h2{margin-bottom:10px}.two-panel textarea{margin-bottom:9px}.two-panel .btn{margin-top:11px}.notice{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:12px;color:#64748b;font-size:12px;margin:15px 0;line-height:1.6}.draft-card{padding:16px 0;border-bottom:1px solid #e9edf2}.draft-card:last-child{border-bottom:0}.draft-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.draft-head>div{display:grid;gap:7px;min-width:0}.draft-head b{font-size:13px}.draft-head small{color:#8a97ac}.draft-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.manual-link{display:flex;gap:6px;align-items:center;padding:4px 10px;border-radius:8px;border:1px solid #e5eaf2}.manual-link .text-action{font-size:11px}.schedule-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:13px}.schedule-row label{margin:0!important;color:#64748b!important}.schedule-row input{max-width:215px;padding:8px!important}.schedule-row .btn{min-height:36px;padding:7px 12px;margin:0}.upload-zone{border:2px dashed #d2d9f3;border-radius:14px;background:#f8faff;padding:45px 25px;display:grid;place-items:center;text-align:center;cursor:pointer;color:#4f46e5;font-size:38px}.upload-zone strong{font-size:15px;margin-top:7px}.upload-zone span{color:#94a3b8;font-size:11px;margin-top:5px}.video-preview{width:100%;max-height:270px;border-radius:10px;background:#0f172a;margin-top:13px}.reply-record{margin:10px 0;padding:13px;border:1px solid #e5eaf2;border-radius:10px}.reply-record p{font-size:12px;margin:0 0 5px;color:#334155}.reply-record small{display:block;color:#94a3b8}.toast{position:fixed;bottom:23px;right:22px;background:#171f33;color:white;border-radius:11px;padding:15px 18px;max-width:min(460px,calc(100vw - 40px));box-shadow:0 10px 40px #11182744;z-index:200;font-weight:650}.toast-error{background:#991b1b}.mobile-only{display:none}.icon-btn{background:transparent;color:#1e293b;font-size:23px;padding:7px}#view-analytics .stat{min-height:125px}#view-analytics .stat strong{font-size:26px}@media(max-width:1200px){.sidebar{width:210px;flex-basis:210px}.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.two-panel{grid-template-columns:1fr 1fr}.quick-card{min-height:150px}.steps-row{gap:15px}}@media(max-width:850px){.sidebar{width:205px;flex-basis:205px}.topbar{padding:0 19px}.studio-layout,.two-panel{grid-template-columns:1fr}.studio-layout{gap:17px}.composer-controls{order:0}.studio-content{order:1}.channel-checks{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-stats{gap:12px}.panel{padding:17px}.steps-row{grid-template-columns:1fr 1fr}.topbar .local-pill{display:none}}@media(max-width:650px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-103%);transition:transform .18s ease;width:260px;box-shadow:14px 0 40px #0f172a20}.sidebar.show{transform:translateX(0)}.mobile-only{display:block}.topbar{height:65px;padding:0 14px}.top-actions{gap:8px}.top-actions .btn{font-size:12px;padding:8px 10px;min-height:37px}.breadcrumbs{gap:7px;font-size:12px}main{padding:19px 14px 45px}.page-heading{display:block;margin-bottom:19px}.page-heading>.btn{margin-top:17px}.page-heading p{font-size:12px}.overview-stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:14px;min-height:123px}.stat strong{font-size:24px}.stat-icon{margin-bottom:8px}.quick-grid{grid-template-columns:1fr;gap:10px}.quick-card{min-height:105px}.quick-icon{margin-bottom:0}.overview-grid{gap:14px}.steps-row{grid-template-columns:1fr 1fr}.channel-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:15px;border-radius:12px}.editor-footer .inline-actions{width:100%;justify-content:flex-start}.editor-footer .btn{font-size:11px}.preview-detail{align-items:start;flex-direction:column}.draft-head{align-items:start}.draft-actions{align-items:stretch}.manual-link{width:auto}.schedule-row input{max-width:100%}.toast{left:15px;right:15px;bottom:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
