:root{--bg:#f4f6f8;--panel:#ffffff;--ink:#16212a;--muted:#667480;--line:#d8e0e5;--brand:#8b963a;--brand-dark:#59631f;--bad:#b23b3b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{border:0;cursor:pointer}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 460px}.login-visual{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:52px;color:white;background:linear-gradient(140deg,rgba(10,48,50,.84),rgba(17,100,102,.58)),url("data:image/svg+xml,%3Csvg width='1200' height='900' viewBox='0 0 1200 900' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1200' height='900' fill='%2316212a'/%3E%3Cg opacity='.95'%3E%3Cpath d='M90 780h1020v40H90z' fill='%23293b45'/%3E%3Cpath d='M150 180h145v600H150zM340 120h145v660H340zM530 220h145v560H530zM720 150h145v630H720zM910 205h145v575H910z' fill='%235e7982'/%3E%3Cpath d='M170 225h42v42h-42zM232 225h42v42h-42zM170 306h42v42h-42zM232 306h42v42h-42zM170 387h42v42h-42zM232 387h42v42h-42zM170 468h42v42h-42zM232 468h42v42h-42zM170 549h42v42h-42zM232 549h42v42h-42zM170 630h42v42h-42zM232 630h42v42h-42z' fill='%23d7e5e7'/%3E%3Cpath d='M360 165h42v42h-42zM422 165h42v42h-42zM360 246h42v42h-42zM422 246h42v42h-42zM360 327h42v42h-42zM422 327h42v42h-42zM360 408h42v42h-42zM422 408h42v42h-42zM360 489h42v42h-42zM422 489h42v42h-42zM360 570h42v42h-42zM422 570h42v42h-42zM360 651h42v42h-42zM422 651h42v42h-42z' fill='%23d7e5e7'/%3E%3Cpath d='M550 265h42v42h-42zM612 265h42v42h-42zM550 346h42v42h-42zM612 346h42v42h-42zM550 427h42v42h-42zM612 427h42v42h-42zM550 508h42v42h-42zM612 508h42v42h-42zM550 589h42v42h-42zM612 589h42v42h-42zM550 670h42v42h-42zM612 670h42v42h-42z' fill='%23d7e5e7'/%3E%3Cpath d='M740 195h42v42h-42zM802 195h42v42h-42zM740 276h42v42h-42zM802 276h42v42h-42zM740 357h42v42h-42zM802 357h42v42h-42zM740 438h42v42h-42zM802 438h42v42h-42zM740 519h42v42h-42zM802 519h42v42h-42zM740 600h42v42h-42zM802 600h42v42h-42zM740 681h42v42h-42zM802 681h42v42h-42z' fill='%23d7e5e7'/%3E%3Cpath d='M930 250h42v42h-42zM992 250h42v42h-42zM930 331h42v42h-42zM992 331h42v42h-42zM930 412h42v42h-42zM992 412h42v42h-42zM930 493h42v42h-42zM992 493h42v42h-42zM930 574h42v42h-42zM992 574h42v42h-42zM930 655h42v42h-42zM992 655h42v42h-42z' fill='%23d7e5e7'/%3E%3Cpath d='M0 810h1200v90H0z' fill='%233b4d55'/%3E%3Cpath d='M535 810c45-68 126-68 171 0' fill='none' stroke='%23d99b2b' stroke-width='20'/%3E%3C/g%3E%3C/svg%3E") 50% /cover}.login-visual h1{max-width:620px;margin:0 0 14px;font-size:48px;line-height:1.02;letter-spacing:0}.login-visual p{max-width:560px;color:rgba(255,255,255,.82);font-size:18px;line-height:1.55}.login-logo{width:min(240px,72vw);margin-bottom:24px;border-radius:8px;background:rgba(255,255,255,.96);padding:18px}.login-panel{display:flex;align-items:center;padding:34px;background:var(--panel)}.auth-card{width:100%}.eyebrow{color:var(--brand-dark);font-size:12px;font-weight:850;text-transform:uppercase}h1,h2{letter-spacing:0}form{display:grid;grid-gap:14px;gap:14px}.inline-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;margin-bottom:18px}label{display:grid;grid-gap:7px;gap:7px;color:var(--ink);font-size:13px;font-weight:750}input,select{min-height:44px;width:100%;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:white;color:var(--ink)}.tabs{display:flex;gap:8px;margin:18px 0}.danger,.primary,.secondary,.tabs button{min-height:40px;border-radius:8px;padding:0 14px;font-weight:850}.tabs button{background:#e9eef1;color:var(--muted)}.primary,.tabs button.active{background:var(--brand);color:white}.secondary{background:#e5eef0;color:var(--brand-dark)}.danger{background:#f7e5e5;color:var(--bad)}.notice{margin:12px 0;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fbfcfd}.muted,.notice{color:var(--muted)}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{padding:24px;background:#10272b}.sidebar-logo{width:176px;border-radius:8px;background:rgba(255,255,255,.96);padding:12px}.sidebar nav{display:grid;grid-gap:8px;gap:8px;margin-top:28px}.sidebar button{min-height:42px;border-radius:8px;background:transparent;color:rgba(255,255,255,.76);text-align:left;font-weight:750}.sidebar button.active,.sidebar button:hover{background:rgba(255,255,255,.1);color:white}.workspace{min-width:0;padding:28px}.section-title,.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:8px;padding:18px;background:var(--panel)}.card strong{display:block;margin:8px 0;font-size:28px}.pin{display:inline-flex;width:max-content;border-radius:8px;padding:6px 10px;background:#111f25;color:white;font-size:16px;letter-spacing:2px}.spaced,.stacked{margin-top:16px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse}td,th{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.icon-button{width:36px;min-width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#e5eef0;color:var(--brand-dark);font-size:18px;font-weight:850}.icon-button:hover{background:#dbe7e9}.icon-pause{background:#fff0d9;color:#8a5a00}.icon-pause:hover{background:#f8dfad}.icon-play{background:#dcf2e6;color:#1d7f4f}.icon-play:hover{background:#c5e8d5}.icon-email{background:#e4ecfb;color:#285a9f}.icon-email:hover{background:#cfdcf4}.icon-share{background:#efe7fb;color:#6a3fa0}.icon-share:hover{background:#dfd0f4}.danger-icon{background:#f7e5e5;color:var(--bad)}.danger-icon:hover{background:#f3d5d5}.empty{border:1px dashed var(--line);border-radius:8px;padding:28px;color:var(--muted);text-align:center}@media (max-width:900px){.app-shell,.grid.cols-3,.inline-form,.login-shell{grid-template-columns:1fr}}