:root{--bg:#060716;--line:rgba(148,163,184,.16);--text:#eef2ff;--muted:#94a3b8;--brand:#7c3aed;--cyan:#06b6d4;--pink:#ec4899}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}.loading-screen{min-height:100vh;display:grid;place-items:center}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:52px;background:radial-gradient(circle at 15% 5%,rgba(124,58,237,.35),transparent 30%),var(--bg)}.login-copy h1{font-size:72px;line-height:.95;margin:18px 0;font-weight:950}.login-copy h1 span{color:#a78bfa}.login-copy p{max-width:620px;color:#cbd5e1;font-size:19px;line-height:1.8}.login-card,.creative-card,.metric-card{background:linear-gradient(180deg,#1e293be0,#0f172ad1);border:1px solid var(--line);border-radius:26px;box-shadow:0 24px 70px #0000003d}.login-card{padding:30px;max-width:440px}.field,.login-card label{display:block;color:#cbd5e1;font-size:14px;margin-top:16px}.field input,.field select,.field textarea,.login-card input,.search input,.nice-table input,.nice-table select,.filter-bar select{width:100%;margin-top:8px;border:1px solid var(--line);background:#02061794;color:#fff;border-radius:16px;padding:12px 14px;outline:none}.field textarea{min-height:96px}.primary-btn,.ghost-btn,.small-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;border-radius:16px;font-weight:800}.primary-btn{background:linear-gradient(135deg,var(--brand),var(--cyan));color:#fff;padding:12px 18px}.ghost-btn,.small-btn{background:#94a3b81a;color:#e2e8f0;border:1px solid var(--line);padding:10px 13px}.small-btn{padding:7px 10px;font-size:12px}.small-btn.good{background:#10b98124;color:#a7f3d0}.app-shell{display:flex;min-height:100vh}.sidebar{width:286px;border-right:1px solid var(--line);background:#020617b8;padding:22px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.brand-mark{width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,var(--brand),var(--pink));display:grid;place-items:center;font-weight:950}.brand span{display:block;color:#a78bfa;font-size:12px}.sidebar nav{display:grid;gap:6px}.sidebar a{display:flex;gap:12px;align-items:center;color:#94a3b8;text-decoration:none;padding:12px 14px;border-radius:16px}.sidebar a.active,.sidebar a:hover{background:#7c3aed2e;color:#fff}.sidebar .ghost-btn{width:100%;margin-top:22px}.main{flex:1}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#02061780;position:sticky;top:0;z-index:20}.topbar p{margin:0;color:var(--muted);font-size:13px}.topbar h3{margin:3px 0 0}.search{position:relative}.search svg{position:absolute;left:12px;top:15px;color:var(--muted)}.search input{width:320px;padding-left:38px}.content{padding:28px}.creative-hero{background:radial-gradient(circle at top left,rgba(124,58,237,.32),transparent 32%),linear-gradient(135deg,#0f172aeb,#020617f5);border:1px solid var(--line);border-radius:30px;padding:30px;margin-bottom:20px}.creative-hero h1{font-size:42px;margin:12px 0 6px}.mini-pill,.soft-pill{display:inline-flex;border:1px solid var(--line);background:#7c3aed1f;color:#ddd6fe;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:18px 0}.metric-card{padding:20px;text-align:left;color:inherit}.metric-card.clickable,.workflow-card,.task-client-header{cursor:pointer}.metric-card:hover,.workflow-card:hover{transform:translateY(-3px)}.metric-card p{margin:0;color:var(--muted);font-size:13px}.metric-card h2{font-size:32px;margin:9px 0}.danger-text{color:#fca5a5!important}.page-title{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:20px}.page-title h1{margin:0;font-size:34px}.page-title p,.muted{color:var(--muted)}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.creative-card{padding:20px}.card-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.client-meta{display:grid;gap:7px;margin:16px 0;color:#cbd5e1;font-size:13px}.quick-actions,.quick-links{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850;border:1px solid var(--line)}.badge.good{background:#10b98121;color:#86efac}.badge.bad{background:#ef444421;color:#fca5a5}.badge.warn{background:#f9731621;color:#fdba74}.badge.neutral{background:#94a3b81a;color:#cbd5e1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:grid;place-items:center;padding:20px;z-index:100;overflow:auto}.modal{width:min(760px,100%);background:#080b1d;border:1px solid var(--line);border-radius:28px;padding:24px}.modal.wide{width:min(1160px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head button{background:transparent;color:#cbd5e1;border:0;cursor:pointer}.tabs,.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.tabs button{border:1px solid var(--line);background:#94a3b814;color:#cbd5e1;padding:10px 12px;border-radius:14px;cursor:pointer}.tabs button.active{background:linear-gradient(135deg,var(--brand),var(--cyan));color:#fff}.filter-bar{align-items:center}.filter-bar .search.full{flex:1}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid.single{grid-template-columns:1fr}.form-submit{grid-column:1/-1}.workflow-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-top:16px}.workflow-card{border:1px solid var(--line);background:#02061759;color:var(--text);border-radius:20px;padding:16px;text-align:left;min-height:150px}.workflow-card strong{display:block;margin:8px 0 6px}.workflow-card p{color:var(--muted);font-size:13px}.workflow-card em{color:#ddd6fe;font-style:normal;font-weight:800;font-size:12px}.workflow-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#7c3aed2e;border:1px solid var(--line)}.task-list,.client-task-groups{display:grid;gap:12px}.task-client-compact{border:1px solid var(--line);border-radius:20px;background:#0f172a9e;overflow:hidden}.task-client-header{width:100%;border:0;background:transparent;color:inherit;padding:16px;display:flex;justify-content:space-between;text-align:left}.task-client-header span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.task-client-body{padding:0 16px 16px}.task-row{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#0f172a9e;border:1px solid var(--line);border-radius:18px;padding:14px}.task-row p{margin:4px 0;color:#cbd5e1}.task-row span{font-size:12px;color:#64748b}.task-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.notice{padding:12px 14px;border:1px solid var(--line);background:#06b6d41a;border-radius:16px;margin:12px 0}.notice.bad{background:#ef44441f;color:#fecaca}.nice-table{width:100%;border-collapse:collapse}.nice-table th,.nice-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px}.checkline{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.checkline label{background:#94a3b81a;border:1px solid var(--line);border-radius:14px;padding:8px 10px;color:#cbd5e1;font-size:13px}.log-form textarea{width:100%;min-height:90px;background:#02061794;border:1px solid var(--line);border-radius:18px;color:#fff;padding:14px}.log-list{display:grid;gap:10px;margin-top:14px}.log-item{border:1px solid var(--line);border-radius:18px;padding:14px;background:#0f172a9e}.mt{margin-top:18px}.inner-card{box-shadow:none;background:#02061747}@media print{.sidebar,.topbar,.no-print,.page-title .quick-actions,.modal-backdrop{display:none!important}body{background:#fff;color:#111}.creative-card{background:#fff;color:#111;box-shadow:none}}@media (max-width:1200px){.workflow-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1100px){.metric-grid,.client-grid{grid-template-columns:repeat(2,1fr)}.search{display:none}}@media (max-width:760px){.sidebar{display:none}.content{padding:18px}.metric-grid,.client-grid,.form-grid,.workflow-grid{grid-template-columns:1fr}.task-row{display:block}.task-actions{justify-content:flex-start;margin-top:12px}.filter-bar{display:block}.login-page{grid-template-columns:1fr;padding:24px}.login-copy h1{font-size:48px}}.filter-bar.improved{background:#0f172a8c;border:1px solid var(--line);padding:12px;border-radius:22px}.result-count{color:var(--muted);font-size:13px;margin:-8px 0 14px}.ux-card{transition:.18s}.ux-card:hover{transform:translateY(-2px);border-color:#7c3aed59}.settings-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:18px}.settings-list{display:grid;gap:10px;margin-top:14px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);background:#02061759;padding:14px;border-radius:18px}.setting-row p{margin:4px 0 0;color:var(--muted);font-size:13px}@media (max-width: 1000px){.settings-grid{grid-template-columns:1fr}}