:root{--navy:#142c3b;--teal:#0d756a;--mint:#c8f0df;--ink:#233744;--muted:#70818b;--line:#e1e8e9;--bg:#f5f7f8}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:11px 17px;background:#eaf0f1;color:var(--ink);font-weight:600}button:hover{filter:brightness(.96)}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #5bd0b6;outline-offset:3px}h1,h2,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px}h2{font-size:21px;letter-spacing:-.5px}a{text-decoration:none;color:inherit}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:700;letter-spacing:-1px}.brand>span{font-size:23px}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px;color:#90b7bb}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted);margin-bottom:12px}.muted{color:var(--muted);line-height:1.7}.small{font-size:12px}.primary{background:var(--teal);color:white}.light{background:white;color:var(--teal)}.quiet{background:transparent;color:var(--teal)}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.intro{background:var(--navy);color:white;padding:55px 65px;display:flex;flex-direction:column;justify-content:space-between;gap:65px}.intro h1{font-size:clamp(40px,5vw,67px);font-weight:600;line-height:1.12;letter-spacing:-3px}.intro p{max-width:450px;color:#a9c1c8;line-height:1.8}.intro .eyebrow{color:#80d7bd}.intro small{color:#89a8b3}.intro-tags{display:flex;gap:8px;flex-wrap:wrap}.intro-tags span{border:1px solid #34505c;padding:10px 13px;border-radius:30px;font-size:11px;color:#c0d9df}.login-card{align-self:center;width:min(440px,85%);margin:auto;padding:35px 15px}.login-card h2{font-size:32px}.login-card .primary{width:100%;margin:18px 0}.login-card button span{float:right}label{display:block;font-size:12px;font-weight:600;margin:20px 0;color:#4b626d}input,select,textarea{display:block;width:100%;border:1px solid #d6e0e3;padding:12px 13px;background:#fff;border-radius:7px;margin-top:8px;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #9bdbcc;border-color:var(--teal)}textarea{resize:vertical}aside{position:fixed;inset:0 auto 0 0;width:225px;background:var(--navy);color:white;padding:35px 22px;display:flex;flex-direction:column}nav{margin-top:65px;display:grid;gap:9px}nav button{text-align:left;background:transparent;color:#a7bec7;padding:14px 17px;font-weight:500}nav button.selected{background:#244754;color:#b8f0dc}.sidebar-foot{margin-top:auto;font-size:12px;color:#bad0d5;line-height:2}.sidebar-foot small{color:#72939f}.online-dot{width:6px;height:6px;border-radius:50%;background:#78d8b6;display:inline-block;margin-right:5px}main{margin-left:225px;padding:32px 42px;max-width:1600px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}header h1{margin:0}.account{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.hero{display:flex;justify-content:space-between;background:var(--navy);border-radius:15px;color:white;padding:35px 42px;position:relative;overflow:hidden}.hero h2{font-size:32px;font-weight:500;line-height:1.22;margin:16px 0}.hero p{color:#adc4ca;font-size:13px}.hero .eyebrow{color:#79cdb6}.year-card{min-width:220px;border-left:1px solid #3b5661;padding:12px 0 0 35px;margin-left:25px;display:flex;flex-direction:column;justify-content:center}.year-card>span{font-size:9px;letter-spacing:2px;color:#a5c2c8}.year-card strong{font-size:79px;font-weight:400;letter-spacing:-5px;color:var(--mint)}.year-card strong span{font-size:21px;letter-spacing:0;margin-left:12px}.year-card p{font-size:11px;line-height:1.8}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:24px 0}.metric{border:1px solid var(--line);background:white;border-radius:10px;padding:22px}.metric p{color:var(--muted);font-size:12px;margin-bottom:12px}.metric strong{font-size:30px;font-weight:600}.panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:auto}.panel-title{padding:24px;display:flex;align-items:center;justify-content:space-between}.panel-title h2{font-size:17px;margin-bottom:7px}.panel-title p{margin-bottom:0;font-size:12px}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);background:#fafcfc;padding:15px 20px;font-weight:600}td{padding:18px 20px;border-top:1px solid #edf1f2;vertical-align:middle}td:first-child{font-weight:600}td button{font-size:11px;padding:7px 10px;margin:2px}.badge{padding:5px 9px;border-radius:30px;background:#eff3f4;white-space:nowrap;font-size:10px;font-weight:600}.badge.active{color:#197657;background:#e1f5eb}.badge.expired,.badge.suspended{color:#a84e32;background:#faeae3}.section-actions{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.section-actions p{margin:0}footer{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;color:#94a2a9;font-size:11px}.empty{padding:40px;text-align:center;color:var(--muted)}dialog{border:0;border-radius:14px;width:min(550px,92vw);padding:30px;box-shadow:0 24px 100px #142c3b55}dialog::backdrop{background:#102a3b77}.dialog-title{display:flex;align-items:center;justify-content:space-between}.dialog-title h2{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.notice{padding:15px;background:#e4f4eb;color:#245f45;border-radius:7px;margin-bottom:20px}#global-error{position:fixed;bottom:24px;right:24px;max-width:520px;background:#fff3ed;border:1px solid #ecc5b4;color:#953b20;padding:18px 24px;border-radius:10px;z-index:1000;box-shadow:0 8px 30px #0002}#activation-key{font-family:Consolas,monospace;background:#f1f6f5;word-break:break-all}[hidden]{display:none!important}@media(max-width:1000px){aside{width:190px}main{margin-left:190px;padding:25px}.year-card{display:none}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.login{display:block}.intro{padding:30px;min-height:350px;gap:35px}.intro h1{font-size:40px}.intro small{display:none}.login-card{padding:35px 0}aside{position:static;width:auto;padding:20px}nav{display:flex;overflow:auto;margin-top:20px}nav button{white-space:nowrap}.sidebar-foot{display:none}main{margin:0;padding:20px}header{align-items:flex-start}.account{flex-direction:column;align-items:flex-end}.hero{padding:28px}.section-actions{gap:12px}footer span{display:none}}
.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 24px}.workflow button{text-align:left;background:white;border:1px solid var(--line);padding:20px;border-radius:10px}.workflow span{display:block;font-size:11px;color:var(--teal);margin-bottom:12px}.workflow strong{display:block;font-size:13px;margin-bottom:7px}.workflow small{display:block;line-height:1.6;font-size:11px;color:var(--muted);font-weight:400}.badge.trial{color:#235b9d;background:#e8f0ff}.badge.upgraded{color:#197657;background:#e1f5eb}nav{margin-top:35px;gap:3px}nav button{padding:11px 17px}.section-actions{gap:22px}.section-actions>p{max-width:740px}.section-actions>button{flex-shrink:0}aside{overflow-y:auto}.sidebar-foot{padding-top:24px}@media(max-width:1100px){.workflow{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.section-actions{align-items:flex-start;flex-direction:column}.workflow{gap:10px}.workflow button{padding:15px}nav{margin-top:20px}.account{max-width:150px;overflow-wrap:anywhere}footer{line-height:1.6}}
.usage-metrics{grid-template-columns:repeat(4,1fr)}.usage-metrics .metric strong{font-size:25px}.usage-note{background:#eaf1f3;padding:18px 22px;line-height:1.8;color:#536c77;border-radius:9px;font-size:12px}.usage-panel{margin:22px 0}.usage-panel .panel-title h2{margin-bottom:0}.usage-panel .panel-title p{margin-top:8px}.usage-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.usage-columns .usage-panel{margin:0;min-width:0}.usage-panel td{white-space:nowrap}.badge.success,.badge.succeeded{background:#e1f5eb;color:#197657}.badge.error,.badge.failed{background:#faeae3;color:#a84e32}@media(max-width:1000px){.usage-columns{grid-template-columns:1fr}.usage-metrics{grid-template-columns:repeat(2,1fr)}}