:root{color:#1e302c;font-synthesis:none;--ink:#102b24;--accent:#d2eb79;--line:#dfe5de;--muted:#718079;background:#f4f6f3;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #75a940}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cdd6cf;border-radius:7px;min-height:44px;padding:12px}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #8dac56}label{gap:8px;font-size:13px;font-weight:600;display:grid}button{border:0;border-radius:7px;min-height:42px;padding:11px 16px}p{line-height:1.6}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.2px;margin-bottom:10px;font-size:32px;font-weight:650}h2{letter-spacing:-.4px;margin-bottom:7px;font-size:19px}h3{margin-bottom:9px;font-size:15px}.primary{background:var(--ink);color:#fff;font-weight:600}.primary:hover{background:#234e40}.secondary{border:1px solid var(--line);color:#344c42;background:#fff}.text-button{color:#54704f;white-space:nowrap;background:0 0;min-height:40px;padding:8px;font-size:13px}.danger{color:#ad3838}.danger-bg{background:#983838}.eyebrow{letter-spacing:2px;color:#75846e;font-size:10px;font-weight:750}.brand{color:#fff;letter-spacing:3px;font-size:29px;font-weight:800;text-decoration:none;display:block}.brand span{letter-spacing:3px;color:#b2c3af;margin-top:8px;font-size:8px;font-weight:500;display:block}.login{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login-story{background:var(--ink);color:#fff;background-image:linear-gradient(135deg,#0000 70%,#294b35 70% 71%,#0000 71%),linear-gradient(155deg,#0000 79%,#1b3c2f 79%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:54px 64px;display:flex}.login-story .eyebrow{color:#c6dd85;margin-bottom:26px}.login-story h1{letter-spacing:-3px;font-size:clamp(40px,4.5vw,68px);font-weight:600;line-height:1.08}.login-story h1 span{color:var(--accent)}.login-story p{color:#b9c9bc;font-size:14px}.login-story small{color:#8eaa97;font-size:11px}.login-panel{justify-content:center;align-items:center;padding:48px 32px;display:flex}.login-card{width:100%;max-width:380px}.login-card h2{font-size:28px}.login-card>p{color:var(--muted);font-size:14px}.login-card form{gap:20px;margin-top:30px;display:grid}.login-card form button{margin-top:5px}.login-card .secondary{width:100%}.fine{line-height:1.6;font-size:12px!important}.divider{background:var(--line);height:1px;margin:24px 0}.workspace{grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}aside{background:var(--ink);color:#c0d0c5;flex-direction:column;height:100vh;padding:36px 22px;display:flex;position:sticky;top:0}aside .brand{margin:0 8px 49px;font-size:25px}.nav-caption{letter-spacing:1.8px;color:#819b8d;margin-left:12px;font-size:8px}nav{gap:7px;display:grid}nav button{text-align:left;color:#b8cabc;background:0 0;align-items:center;gap:14px;padding:14px 12px;font-size:13px;display:flex}nav button span{font-size:21px;line-height:1}nav button.selected{background:var(--accent);color:#21341e;font-weight:650}nav button:hover:not(.selected){background:#1c3a30}.sidebar-bottom{margin-top:auto;padding:20px 12px 0;font-size:11px}.sidebar-bottom p{color:#88a08f;margin:12px 0 0;font-size:10px}.live-dot{background:var(--accent);border-radius:100%;width:6px;height:6px;margin-right:5px;display:inline-block}.main{min-width:0}header{border-bottom:1px solid var(--line);background:#fafbf9;justify-content:space-between;align-items:center;height:86px;padding:0 42px;display:flex}.breadcrumb{font-size:11px;font-weight:600}.breadcrumb span{color:#9ca89f;margin:0 15px}.account{align-items:center;gap:11px;font-size:11px;display:flex}.account small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.avatar{background:#e6eddf;border:1px solid #cdd8c9;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:grid}.main main{max-width:1600px;margin:auto;padding:28px 42px}.contextbar{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.test-label{letter-spacing:1.3px;color:#7d8e64;font-size:8px}.page-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.page-heading p{color:var(--muted);margin:0;font-size:13px}.heading-actions{gap:10px;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:17px;margin:24px 0 27px;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:23px}.stats article>span{letter-spacing:1.1px;color:#78856f;font-size:9px;font-weight:700}.stats strong{letter-spacing:-2px;margin:15px 0 10px;font-size:43px;font-weight:550;display:block}.stats small{color:#7b8677;font-size:11px}.stats .highlight{background:#eaf0df;border-color:#d7e2c7}.dashboard-grid{grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);gap:24px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;padding:25px 24px 16px;display:flex}.panel-heading p{color:var(--muted);margin:0;font-size:11px}.project-card{border-top:1px solid #edf0ea;align-items:center;gap:17px;margin:0 24px;padding:25px 0;display:flex}.project-icon{color:#718856;background:#eef2e8;border:1px solid #e0e7d6;border-radius:7px;flex-shrink:0;place-items:center;width:42px;height:46px;font-size:21px;display:grid}.project-info{flex:1;min-width:0}.project-info small{color:#7b8c72;margin-bottom:9px;font-size:9px;display:block}.project-info p{color:#81907a;margin-bottom:0;font-size:10px}.project-info p span{margin:0 7px}.badge{color:#66745c;white-space:nowrap;background:#eef2ea;border-radius:20px;padding:6px 9px;font-size:9px;display:inline-block}.badge.active{color:#50753a;background:#e7f1df}.badge.paused{color:#996c20;background:#fff0d7}.badge.completed{color:#456e79;background:#e6eeef}.operation-map{padding:4px 24px}.operation-map>div{border-bottom:1px solid #edf0ea;align-items:center;gap:14px;padding:15px 0;font-size:12px;display:flex}.map-index{color:#94a385;font-size:9px}.operation-map strong{margin-left:auto;font-size:17px;font-weight:500}.note{background:#f5f7f0;border-radius:6px;margin:24px;padding:16px}.note strong{font-size:11px}.note p{color:#809074;margin:6px 0 0;font-size:11px}footer{letter-spacing:1px;color:#8b9884;border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:38px;padding-top:18px;font-size:11px;font-weight:750;display:flex}footer span{letter-spacing:0;font-size:10px;font-weight:400}footer small{letter-spacing:0;margin-left:auto;font-size:9px;font-weight:400}.demo-banner{color:#5b7150;background:#e9efdf;border-radius:6px;margin-bottom:18px;padding:10px 14px;font-size:11px}.notice{color:#3f7251;font-size:13px;line-height:1.6}.notice:not(:empty){padding:12px 0}.notice.error{color:#a23838}.toolbar{align-items:center;gap:15px;padding:20px;display:flex}.search{flex:1;align-items:center;gap:9px;max-width:400px;display:flex}.search span{color:#8f9b86;font-size:24px}.toolbar select{max-width:190px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:640px}th{text-transform:uppercase;letter-spacing:1px;color:#829076;background:#f8faf5;padding:14px 20px;font-size:9px}td{border-top:1px solid #edf0e9;padding:20px;font-size:12px}td strong{font-weight:550}td small{color:#87937f;margin-top:7px;font-size:10px;display:block}.empty{text-align:center;color:var(--muted);padding:60px 24px;font-size:13px}.org-label{max-width:350px;margin-bottom:20px}dialog{border:1px solid var(--line);width:min(640px,100vw - 24px);max-height:90vh;color:var(--ink);border-radius:12px;padding:28px;overflow-y:auto;box-shadow:0 25px 100px #0003}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10282088}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-heading .eyebrow{margin-bottom:10px}.modal-heading h2{font-size:24px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.wide{grid-column:1/-1}textarea{resize:vertical;min-height:100px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}@media (width>=1450px){.main main{padding-top:40px}.stats article{padding:30px}.project-card{padding:30px 0}}@media (width<=1100px){.workspace{grid-template-columns:190px minmax(0,1fr)}aside{padding:30px 14px}.main main{padding:25px}header{padding:0 25px}.stats{gap:10px}.stats article{padding:18px}.stats article>span{font-size:8px}.dashboard-grid{grid-template-columns:1fr}.project-card{min-height:110px}.login-story{padding:40px}.page-heading{align-items:flex-start}.heading-actions{flex-shrink:0}.page-heading h1{font-size:28px}}@media (width<=760px){.workspace{display:block}aside{height:auto;padding:20px 16px 12px;position:static}aside .brand{margin:0 0 20px;font-size:20px}.brand span{font-size:7px}.nav-caption,.sidebar-bottom{display:none}nav{gap:5px;display:flex;overflow-x:auto}nav button{white-space:nowrap;min-height:44px;padding:10px;font-size:11px}nav button span{font-size:16px}header{height:66px;padding:0 18px}.account{gap:7px}.breadcrumb,.account small{font-size:9px}.main main{padding:22px 16px}.contextbar{margin-bottom:20px}.eyebrow{font-size:8px}.test-label{font-size:7px}.page-heading{display:block}.heading-actions{margin-top:20px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stats article{padding:17px}.stats strong{margin:12px 0;font-size:35px}.stats small{font-size:10px}.dashboard-grid{gap:18px}.panel-heading{padding:20px 16px 14px}.project-card{flex-wrap:wrap;gap:12px;margin:0 16px}.project-info h3{font-size:14px}.project-info small{line-height:1.5}.project-card .badge{margin-left:54px}.project-icon{width:36px;height:40px}.toolbar{flex-wrap:wrap;padding:15px}.search{min-width:100%}.toolbar select{max-width:100%}.form-grid{grid-template-columns:1fr}.login{display:block}.login-story{min-height:auto;padding:28px}.login-story>div{margin-top:36px}.login-story h1{letter-spacing:-1px;font-size:36px}.login-story h1 br{display:none}.login-story h1 br:after{content:" "}.login-story>small{display:none}.login-panel{padding:32px 24px}.login-story p{font-size:12px}.login-story .eyebrow{margin-bottom:14px}.login-card h2{font-size:25px}footer span{display:none}.page-heading p{font-size:12px}dialog{padding:22px}}@media (width>=761px) and (width<=1100px){.stats{grid-template-columns:repeat(2,1fr)}}
