:root{--ink:#17252d;--muted:#73828a;--line:#e5e9e9;--paper:#f6f8f7;--blue:#2559e4;--green:#087d62;--sidebar:#10252b;--radius:15px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button svg,a svg{flex-shrink:0}svg{display:inline-block;width:19px;height:19px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.layout{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);color:#acc1c7;padding:32px 20px;position:fixed;inset:0 auto 0 0;width:224px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:white;font-size:26px;font-weight:750;letter-spacing:-1.3px;padding:0 10px}.brandmark{width:30px;height:30px;display:grid;place-items:center;background:#cef8e1;color:#10252b;border-radius:9px;font-size:22px;letter-spacing:-2px}.workspace{margin:28px 0 28px;border:1px solid #345057;border-radius:10px;padding:12px;font-size:12px;color:#d0dde0;display:flex;justify-content:space-between;align-items:center}.workspace small{display:block;font-size:10px;letter-spacing:.9px;color:#8ba5ae;margin-bottom:6px}.sidebar-label{font-size:9px;font-weight:700;letter-spacing:1.7px;margin:0 12px 10px;color:#6e949f}.nav{display:flex;flex-direction:column;gap:5px;min-height:0;overflow-y:auto;padding-bottom:12px}.nav button{border:0;background:transparent;color:#a9c0c7;padding:12px;border-radius:8px;display:flex;align-items:center;gap:12px;text-align:left;font-size:13px}.nav button.active{color:#f5fbf7;background:#29494e}.nav button:hover{background:#1b3b42}.nav .count{margin-left:auto;background:#36565c;color:#c6e5df;font-size:10px;padding:2px 6px;border-radius:4px}.sidebar-foot{flex-shrink:0;margin-top:auto;border-top:1px solid #2e4a52;padding:22px 10px 0;font-size:11px;line-height:1.8}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ca9344;margin-right:8px}.status-dot.green{background:#88d9b2}.owner{margin-top:18px;display:flex;gap:10px;align-items:center;color:#e7efee;font-weight:550}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#38535a;color:#dcece6;font-size:10px}.main{grid-column:2;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 38px;gap:20px}.crumb{font-size:12px;color:#87939a;display:flex;gap:10px;align-items:center}.crumb strong{color:var(--ink);font-weight:550}.top-actions{display:flex;gap:16px;align-items:center}.top-actions .date{font-size:11px;color:var(--muted)}.search{border:1px solid var(--line);border-radius:7px;background:#f8faf9;padding:8px 10px;font-size:11px;width:190px}.content{max-width:1450px;padding:36px 38px 40px;margin:auto}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:#7c8b89;font-weight:650;margin:0 0 10px}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.pagehead h1{font-size:29px;letter-spacing:-1.1px;font-weight:650;margin:0 0 8px}.pagehead p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dce3e4;border-radius:8px;background:white;color:var(--ink);padding:10px 14px;font-size:11px;font-weight:600;white-space:nowrap}.btn:hover{background:#f2f6f5;text-decoration:none}.btn.primary{background:var(--blue);border-color:var(--blue);color:white}.btn.primary:hover{background:#1747ce}.btn.small{padding:7px 10px;font-size:10px}.btn.text{border:none;color:#617279;background:transparent;padding:6px}.banner{background:#edf2ff;border:1px solid #d8e2fc;border-radius:10px;padding:12px 16px;font-size:11px;display:flex;gap:10px;align-items:center;margin-bottom:24px;color:#425a95;line-height:1.65}.banner svg{color:#315bba;width:16px;height:16px;flex-shrink:0}.banner a{margin-left:auto;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px}.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 21px}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#687b81}.stat-top svg{color:#91a29f}.stat-value{font-size:32px;letter-spacing:-1px;font-weight:620;margin:16px 0 8px}.stat-note{font-size:10px;color:#8b969b;line-height:1.5}.stat-note.good{color:var(--green)}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #eef1f1;padding:19px 22px}.panel-head h2{font-size:13px;font-weight:650;margin:0}.panel-head p{font-size:10px;color:var(--muted);margin:6px 0 0}.tag{display:inline-flex;align-items:center;gap:5px;font-size:9px;border-radius:5px;background:#f0f3f3;color:#788a8d;padding:5px 7px;white-space:nowrap}.tag.green{background:#e8f5ee;color:#267858}.tag.blue{background:#edf2ff;color:#4262ad}.tag.amber{background:#fff3df;color:#a47720}.tag.red{background:#fdecea;color:#b55a4d}.setup{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.setup-card{padding:24px;border-right:1px solid var(--line)}.setup-card:last-child{border-right:none}.stepno{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eef2f2;color:#6d8587;font-size:11px;margin-bottom:15px}.setup-card h3{font-size:12px;margin:0 0 8px}.setup-card p{font-size:11px;color:var(--muted);line-height:1.8;min-height:40px}.setup-card .btn{margin-top:7px}.twocol{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.flow{padding:20px 23px}.flow-item{display:flex;gap:12px;padding:13px 0}.flow-icon{height:34px;width:34px;border-radius:9px;background:#f1f5f3;display:grid;place-items:center;color:#547a6d;flex-shrink:0}.flow-item h3{font-size:11px;margin:1px 0 5px}.flow-item p{font-size:10px;color:var(--muted);margin:0;line-height:1.6}.flow-item .tag{margin-left:auto;align-self:center}.empty{padding:45px 24px;text-align:center;color:#7c8b90}.empty-icon{width:43px;height:43px;border:1px solid #dfe7e4;background:#f6f9f7;border-radius:12px;display:grid;place-items:center;margin:0 auto 14px;color:#89a29b}.empty h3{font-size:12px;color:#42565d;font-weight:600;margin:0 0 8px}.empty p{font-size:11px;margin:0 auto 17px;line-height:1.8;max-width:380px}.filters{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.filters select,.filters input{padding:9px 11px;font-size:11px;border:1px solid #dfe5e4;border-radius:7px;background:#fff;color:#61747a}.filters .right{margin-left:auto}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{font-size:9px;color:#91a09f;letter-spacing:.8px;text-transform:uppercase;background:#fafcfb;font-weight:600;padding:13px 19px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:16px 19px;border-bottom:1px solid #eef1f0;vertical-align:middle}tbody tr:last-child td{border-bottom:none}td strong{display:block;font-size:11px;font-weight:600;margin-bottom:4px}td small{font-size:9px;color:#8c999f;line-height:1.6}.namecell{display:flex;align-items:center;gap:11px}.creator-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eaf0f1;color:#5c757e;font-size:11px;font-weight:600;flex-shrink:0}.platform{display:inline-flex;align-items:center;gap:6px;font-size:10px}.platform svg{height:15px;width:15px}.platform.facebook{color:#3c69b5}.platform.youtube{color:#c7605f}.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.row-actions{display:flex;gap:5px}.muted{color:var(--muted)}.hint{font-size:10px;color:#7a898e;line-height:1.8;margin-top:10px}.footnote{font-size:10px;color:#879498;line-height:1.8;display:flex;justify-content:space-between;gap:20px}.workcard{padding:20px 24px;border-bottom:1px solid var(--line)}.workcard:last-child{border-bottom:0}.workcard h3{font-size:13px;margin:0}.workhead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.workhead p{font-size:10px;color:var(--muted);margin:7px 0 0}.workjobs{display:grid;gap:10px}.workjob{padding:12px 15px;background:#f8faf9;border:1px solid #e8eded;border-radius:9px;display:flex;justify-content:space-between;gap:16px;align-items:center}.workjob strong{font-size:11px;display:block;margin-bottom:6px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid var(--line);gap:20px}.settings-row:last-child{border-bottom:0}.settings-row strong{display:block;font-size:12px;margin-bottom:6px}.settings-row p{font-size:11px;color:var(--muted);margin:0;line-height:1.7;max-width:540px}.preview-video{width:100%;height:300px;background:#12252b;border-radius:10px;margin-bottom:18px}.boot{padding:80px;text-align:center;font-size:13px;color:var(--muted)}dialog{padding:0;border:1px solid var(--line);border-radius:18px;width:min(650px,calc(100vw - 32px));color:var(--ink);box-shadow:0 20px 100px #10252b22}dialog::backdrop{background:#0b202b66;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:23px 27px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:18px;letter-spacing:-.5px;margin:0}.modal-body{padding:24px 27px;max-height:70vh;overflow:auto}.modal-foot{padding:16px 27px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;background:#fafcfb}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:600;color:#536b72}.field input,.field select,.field textarea{font-size:12px;border:1px solid #dce4e2;border-radius:8px;padding:11px;color:var(--ink);background:#fff;width:100%}.field textarea{min-height:85px;resize:vertical}.field small{font-size:10px;color:#8b9a9b;line-height:1.5}.check{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.65;color:#64767d}.check input{margin-top:3px;accent-color:var(--blue)}.divider{border-top:1px solid var(--line);margin:22px 0}.dropzone{border:1.5px dashed #cbdad4;background:#f8fbf9;border-radius:12px;padding:24px;position:relative;text-align:center;display:block;cursor:pointer}.dropzone.drag{border-color:var(--blue);background:#f0f4ff}.dropzone h3{font-size:12px;margin:10px 0 7px}.dropzone p{font-size:10px;color:var(--muted);margin:0 0 15px}.dropzone input{font-size:10px;max-width:100%}.filelist{font-size:11px;margin:12px 0 0}.filelist>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f0f3f1;gap:10px}.errorbox{font-size:11px;line-height:1.65;color:#b64a3b;background:#fff0ed;border:1px solid #f2d8d2;padding:12px;border-radius:8px;margin:12px 0}.jobdetails{display:grid;grid-template-columns:1fr 1fr;gap:17px;font-size:11px}.jobdetails span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.jobdetails div{overflow-wrap:anywhere}.eventlist{display:flex;flex-direction:column;gap:15px;margin:18px 0}.eventlist small{font-size:9px;color:var(--muted)}.eventlist p{font-size:11px;margin:4px 0 0;line-height:1.6}.login{min-height:100vh;display:grid;place-items:center}.login-card{width:min(390px,calc(100vw - 30px));padding:36px;border:1px solid var(--line);border-radius:18px;background:white}.login-card .brand{color:var(--ink);padding:0}.login-card h1{font-size:20px;margin:28px 0 8px}.login-card p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:24px}.login-card .btn{margin-top:18px;width:100%}#toast{position:fixed;bottom:25px;right:25px;background:#15322c;color:#effaf3;padding:13px 18px;border-radius:10px;box-shadow:0 8px 30px #13251c22;font-size:12px;max-width:420px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;z-index:50}#toast.visible{opacity:1;transform:translateY(0)}#toast.error{background:#933e31}.metrics-table td{font-variant-numeric:tabular-nums}.milestones{display:flex;gap:10px;flex-wrap:wrap;padding:22px}.milestone{flex:1;min-width:90px;background:#f7faf8;padding:16px;border:1px solid #eaf0ec;border-radius:10px}.milestone span{font-size:10px;color:var(--muted)}.milestone strong{display:block;font-size:20px;margin-top:9px}.progress-text{font-size:11px;color:var(--green);line-height:1.8;margin:12px 0 0}.section-label{font-size:10px;letter-spacing:1px;color:#8b9a98;text-transform:uppercase;margin:23px 0 12px}.connection{font-size:10px;color:#809791}.summarybar{font-size:11px;background:#f5f8f7;padding:15px;border-radius:9px;line-height:1.8;margin-top:15px}
@media(min-width:1600px){.content{padding-top:44px}.sidebar{width:240px}.layout{grid-template-columns:240px 1fr}.topbar{padding:0 48px}}
@media(max-width:1050px){.sidebar{width:190px;padding:26px 15px}.layout{grid-template-columns:190px minmax(0,1fr)}.content{padding:27px 24px}.topbar{padding:0 24px}.twocol{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:17px 15px}.stat-value{font-size:27px}.setup-card{padding:19px}.search{width:145px}.top-actions .date{display:none}}
@media(max-width:740px){.layout{display:block}.sidebar{position:relative;width:auto;padding:18px 18px 12px}.brand{font-size:23px;padding:0}.workspace,.sidebar-label,.sidebar-foot{display:none}.nav{flex-direction:row;margin-top:17px;overflow-x:auto;padding-bottom:4px}.nav button{font-size:10px;padding:9px;gap:5px;flex-shrink:0}.nav button svg{width:14px;height:14px}.nav .count{display:none}.topbar{height:53px;padding:0 20px}.search{width:150px}.top-actions .btn{display:none}.content{padding:24px 19px}.pagehead{align-items:flex-start;gap:15px}.pagehead h1{font-size:25px}.pagehead p{font-size:11px}.pagehead .actions .btn{padding:9px;font-size:10px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.setup{grid-template-columns:1fr}.setup-card{border-right:0;border-bottom:1px solid var(--line)}.setup-card:last-child{border-bottom:0}.setup-card p{min-height:0}.banner{align-items:flex-start}.banner a{display:none}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-body{padding:19px}.modal-head{padding:19px}.modal-foot{padding:14px 19px}.workhead,.workjob{align-items:flex-start;flex-direction:column}.workhead .actions{margin-top:4px}.settings-row{align-items:flex-start}.footnote{flex-direction:column;gap:3px}.stats .stat-note{font-size:9px}.jobdetails{grid-template-columns:1fr}.panel-head{padding:17px}.filters .right{margin-left:0}}

.panel>.filters,.panel>.hint,.panel>p.muted{margin:18px 22px}.panel>.stats{padding:0 20px;margin-top:18px}.modal-foot{flex-wrap:wrap}.danger{color:#a43e36;display:block}.workjob small{display:block;line-height:1.7;color:#7d8a90}.filters label{font-size:11px;color:#667981;display:flex;gap:8px;align-items:center}
