:root{
  --bg:#f4f8f7;--surface:#ffffff;--surface-2:#eef5f4;--ink:#102523;--muted:#647775;
  --line:#dce8e6;--brand:#062f2d;--brand-2:#0b5852;--accent:#0f766e;--accent-2:#d7efec;
  --danger:#b42318;--danger-bg:#fff0ee;--warn:#9a6700;--warn-bg:#fff7df;--ok:#18794e;--ok-bg:#eaf8f1;
  --shadow:0 12px 34px rgba(6,47,45,.08);--radius:18px;--radius-sm:12px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}
button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}
.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--brand)}.boot span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,var(--brand),var(--accent));display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:.4px;box-shadow:0 10px 24px rgba(6,47,45,.22)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr)}
.login-hero{padding:64px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 15% 20%,rgba(79,190,178,.22),transparent 34%),linear-gradient(145deg,#031f1e,#073f3b 70%,#0c625b);color:white;position:relative;overflow:hidden}
.login-hero:after{content:"";position:absolute;right:-140px;bottom:-160px;width:520px;height:520px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}
.hero-brand{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.hero-brand .brand-mark{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);box-shadow:none}.hero-brand b{font-size:20px}.hero-brand small{display:block;opacity:.68;margin-top:2px}
.hero-copy{max-width:650px;position:relative;z-index:1}.hero-copy h1{font-size:clamp(40px,5vw,72px);line-height:1.02;letter-spacing:-3px;margin:0 0 20px}.hero-copy p{font-size:18px;line-height:1.7;color:rgba(255,255,255,.78);max-width:590px}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.hero-pills span{padding:9px 12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:999px;font-size:12px}
.login-side{display:grid;place-items:center;padding:40px;background:var(--surface)}.login-card{width:min(430px,100%)}.login-card h2{font-size:30px;letter-spacing:-.8px;margin:0 0 8px}.login-card>p{color:var(--muted);margin:0 0 28px;line-height:1.6}.login-note{margin-top:18px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;color:var(--muted);font-size:12px;line-height:1.55}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field label{font-size:12px;font-weight:800;color:#314744;text-transform:uppercase;letter-spacing:.45px}.field small{color:var(--muted);line-height:1.45}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:white;color:var(--ink);border-radius:12px;padding:12px 13px;outline:none;transition:.18s}.textarea{min-height:100px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#66aca6;box-shadow:0 0 0 4px rgba(15,118,110,.09)}
.btn{border:0;border-radius:12px;padding:11px 15px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.16s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(6,47,45,.17)}.btn-accent{background:var(--accent);color:white}.btn-soft{background:var(--surface-2);color:var(--brand);border:1px solid var(--line)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #ffd6d2}.btn-sm{padding:8px 10px;border-radius:10px;font-size:12px}.btn-block{width:100%}
.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--brand);color:#fff;padding:18px 14px;display:flex;flex-direction:column;z-index:20}.side-brand{height:68px;display:flex;align-items:center;gap:12px;padding:0 8px 14px;border-bottom:1px solid rgba(255,255,255,.09)}.side-brand .brand-mark{width:40px;height:40px;background:#0d6a63;box-shadow:none}.side-brand b{display:block;font-size:17px}.side-brand small{display:block;color:rgba(255,255,255,.56);font-size:11px;margin-top:2px}.nav{display:flex;flex-direction:column;gap:4px;padding:16px 0;overflow:auto}.nav-section{font-size:10px;color:rgba(255,255,255,.38);text-transform:uppercase;letter-spacing:1.2px;padding:14px 12px 6px;font-weight:900}.nav button{width:100%;border:0;background:transparent;color:rgba(255,255,255,.72);padding:11px 12px;border-radius:11px;text-align:left;font-weight:700;display:flex;align-items:center;gap:10px}.nav button:hover{background:rgba(255,255,255,.07);color:#fff}.nav button.active{background:#fff;color:var(--brand)}.nav-dot{width:7px;height:7px;border:1.5px solid currentColor;border-radius:50%;flex:0 0 auto}.side-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding-top:12px}.side-user{padding:10px;border-radius:12px;background:rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:10px;align-items:center}.side-user b{display:block;font-size:12px}.side-user small{display:block;color:rgba(255,255,255,.48);font-size:10px;margin-top:2px}.side-user button{border:0;background:transparent;color:white;font-size:12px;padding:5px}
.main{min-width:0}.topbar{height:72px;position:sticky;top:0;z-index:12;background:rgba(244,248,247,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,232,230,.72);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.top-title b{font-size:16px}.top-title span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.top-actions{display:flex;align-items:center;gap:8px}.mobile-menu{display:none}.notif-btn{position:relative}.notif-dot{position:absolute;right:6px;top:5px;width:7px;height:7px;border-radius:50%;background:#ef4444;border:2px solid var(--bg)}
.page{padding:26px 28px 48px;max-width:1600px;margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{font-size:28px;letter-spacing:-.9px;margin:0 0 6px}.page-head p{margin:0;color:var(--muted);line-height:1.55;max-width:760px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 2px rgba(6,47,45,.02);overflow:hidden}.card-body{padding:18px}.card-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h3{margin:0;font-size:14px}.card-head p{margin:2px 0 0;color:var(--muted);font-size:11px}.stat-card{padding:18px;position:relative;overflow:hidden}.stat-label{color:var(--muted);font-size:12px;font-weight:700}.stat-value{font-size:31px;font-weight:900;letter-spacing:-1.2px;margin:8px 0 4px;color:var(--brand)}.stat-foot{font-size:11px;color:var(--muted)}.stat-card:after{content:"";position:absolute;right:-24px;bottom:-30px;width:88px;height:88px;border-radius:50%;background:var(--accent-2)}
.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;background:var(--surface-2);color:#4c625f}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.badge.brand{background:var(--accent-2);color:var(--brand-2)}.badge.dark{background:var(--brand);color:#fff}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.55px;color:var(--muted);text-align:left;padding:11px 14px;background:#f8fbfa;border-bottom:1px solid var(--line)}.table td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top;font-size:12px}.table tr:last-child td{border-bottom:0}.table .title-cell b{display:block;max-width:520px;line-height:1.45}.table .title-cell small{display:block;color:var(--muted);margin-top:4px;line-height:1.4}.row-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.filters .input,.filters .select{width:auto;min-width:160px}.filters .grow{flex:1;min-width:220px}
.empty{padding:42px 22px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--ink);font-size:15px;margin-bottom:6px}.empty p{margin:0 auto;max-width:520px;line-height:1.6}
.factory-shell{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:18px}.factory-form{padding:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1/-1}.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.platform-check{position:relative}.platform-check input{position:absolute;opacity:0}.platform-check span{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);border-radius:11px;background:white;font-size:11px;font-weight:850;color:#405552;transition:.15s}.platform-check input:checked+span{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 6px 14px rgba(6,47,45,.13)}
.factory-side{display:flex;flex-direction:column;gap:14px}.info-panel{padding:18px;background:linear-gradient(145deg,#062f2d,#0a4e49);color:white;border-radius:var(--radius);box-shadow:var(--shadow)}.info-panel h3{margin:0 0 8px}.info-panel p{margin:0;color:rgba(255,255,255,.68);font-size:12px;line-height:1.6}.flow-list{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:8px}.flow-list li{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:rgba(255,255,255,.78)}.flow-list li i{font-style:normal;width:20px;height:20px;border-radius:7px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:10px;flex:0 0 auto}
.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.content-card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.content-preview{aspect-ratio:9/11;background:linear-gradient(145deg,#062f2d,#0b5d56);padding:20px;color:white;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.content-preview:after{content:"";position:absolute;right:-40px;bottom:-55px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.07)}.content-preview .eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#8de0d6;font-weight:900;position:relative;z-index:1}.content-preview h3{font-size:18px;line-height:1.25;margin:0;letter-spacing:-.3px;position:relative;z-index:1}.content-preview .video-badge{align-self:flex-start;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);padding:6px 8px;border-radius:999px;font-size:9px;position:relative;z-index:1}.content-card-body{padding:13px;display:flex;flex-direction:column;gap:10px;flex:1}.content-card-body p{margin:0;color:var(--muted);font-size:11px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-meta{display:flex;gap:6px;flex-wrap:wrap}.content-card-actions{display:flex;gap:6px;margin-top:auto}.content-select{position:absolute;left:12px;top:12px;z-index:2;appearance:none;width:22px;height:22px;border-radius:7px;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.25)}.content-select:checked{background:#fff;box-shadow:inset 0 0 0 5px var(--accent)}
.bulkbar{position:sticky;bottom:16px;z-index:10;margin:18px auto 0;width:min(760px,calc(100% - 24px));background:var(--brand);color:white;border-radius:16px;padding:10px 12px;box-shadow:0 18px 42px rgba(6,47,45,.28);display:flex;align-items:center;justify-content:space-between;gap:10px}.bulkbar span{font-size:12px;font-weight:800}.bulkbar .actions{gap:6px}.bulkbar .btn-soft{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14);color:#fff}
.calendar-board{display:grid;grid-template-columns:repeat(7,minmax(180px,1fr));gap:10px;overflow:auto;padding-bottom:8px}.day-col{background:#f8fbfa;border:1px solid var(--line);border-radius:14px;min-height:280px}.day-head{padding:11px;border-bottom:1px solid var(--line)}.day-head b{font-size:12px}.day-head span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.post-chip{margin:8px;padding:9px;background:white;border:1px solid var(--line);border-radius:11px;font-size:10px;box-shadow:0 2px 5px rgba(6,47,45,.04)}.post-chip b{display:block;font-size:10px;margin-bottom:5px;line-height:1.35}.post-chip small{display:flex;justify-content:space-between;color:var(--muted);gap:8px}.platform-name{text-transform:capitalize;font-weight:800;color:var(--accent)}
.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.account-card{padding:16px}.account-top{display:flex;justify-content:space-between;gap:10px}.platform-logo{width:38px;height:38px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;font-size:11px;text-transform:uppercase;font-weight:900;color:var(--brand)}.account-name b{display:block;font-size:13px}.account-name small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.account-details{display:grid;gap:6px;margin:14px 0;font-size:11px;color:var(--muted)}.account-details div{display:flex;justify-content:space-between;gap:10px}.account-details strong{color:var(--ink);font-weight:700}.account-actions{display:flex;gap:6px}
.metric-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.metric{padding:14px;border:1px solid var(--line);border-radius:14px;background:white}.metric b{font-size:22px;color:var(--brand);display:block}.metric span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:800}
.bar-list{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:110px 1fr 50px;align-items:center;gap:10px;font-size:11px}.bar-row label{text-transform:capitalize;font-weight:800}.bar{height:9px;background:var(--surface-2);border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent);border-radius:999px}
.upload-box{border:1.5px dashed #9bc5c0;border-radius:16px;padding:28px;text-align:center;background:#f8fbfa}.upload-box input{max-width:100%}.upload-box p{color:var(--muted);font-size:11px;line-height:1.5;margin:8px 0 0}
.modal-backdrop{position:fixed;inset:0;background:rgba(2,22,21,.52);z-index:100;display:grid;place-items:center;padding:22px;backdrop-filter:blur(4px)}.modal{width:min(680px,100%);max-height:92vh;overflow:auto;background:white;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.3)}.modal.wide{width:min(940px,100%)}.modal-head{position:sticky;top:0;background:white;z-index:2;padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-head h3{margin:0;font-size:16px}.modal-close{border:0;background:var(--surface-2);width:32px;height:32px;border-radius:10px;font-size:18px;color:var(--muted)}.modal-body{padding:18px}.modal-foot{padding:14px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:white}
.toast-root{position:fixed;right:20px;bottom:20px;z-index:200;display:grid;gap:8px;width:min(390px,calc(100vw - 40px))}.toast{background:#0a2927;color:white;border-radius:13px;padding:12px 14px;box-shadow:0 16px 40px rgba(0,0,0,.22);display:flex;gap:10px;align-items:flex-start;animation:toastin .2s ease}.toast.ok{background:#145c43}.toast.danger{background:#8f261f}.toast.warn{background:#7c5700}.toast b{font-size:12px;display:block}.toast span{font-size:11px;color:rgba(255,255,255,.72);display:block;margin-top:2px;line-height:1.4}@keyframes toastin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.switch{display:inline-flex;align-items:center;gap:8px}.switch input{appearance:none;width:40px;height:23px;border-radius:999px;background:#cbdad8;position:relative;transition:.2s}.switch input:after{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;background:white;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.2s}.switch input:checked{background:var(--accent)}.switch input:checked:after{transform:translateX(17px)}.switch span{font-size:11px;font-weight:700;color:var(--muted)}
.code-note{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#082a28;color:#baf4ed;padding:12px 14px;border-radius:12px;font-size:11px;overflow:auto;line-height:1.5}.notice{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-size:11px;color:var(--muted);line-height:1.55}.notice.warn{background:var(--warn-bg);border-color:#f7dea0;color:#765200}.notice.ok{background:var(--ok-bg);border-color:#c7ebd9;color:#176542}
.kv{display:grid;grid-template-columns:160px 1fr;gap:8px 14px;font-size:11px}.kv span{color:var(--muted)}.kv b{font-weight:700;word-break:break-word}.hr{height:1px;background:var(--line);margin:18px 0}
.loading{padding:36px;text-align:center;color:var(--muted);font-size:12px}.spinner{width:20px;height:20px;border:2px solid #cfe0de;border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1180px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.factory-shell{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;width:260px;transition:.2s;box-shadow:30px 0 70px rgba(0,0,0,.24)}.sidebar.open{left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 16px}.page{padding:20px 16px 40px}.login-shell{grid-template-columns:1fr}.login-hero{display:none}.login-side{min-height:100vh}.grid-3,.grid-2{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.platform-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.page-head{flex-direction:column}.page-head .actions{width:100%}.grid-4,.content-grid,.account-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-grid{grid-template-columns:repeat(2,1fr)}.filters .input,.filters .select,.filters .grow{width:100%;min-width:100%}.bulkbar{align-items:flex-start;flex-direction:column}.modal-backdrop{padding:10px}.modal{border-radius:16px}.login-side{padding:24px}.kv{grid-template-columns:1fr;gap:3px}.kv b{margin-bottom:8px}.top-actions .hide-mobile{display:none}}