:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#1d2925;background:#f5f6f2;font-size:14px;--green:#194d3b;--muted:#78827b;--line:#e2e6df;--cream:#f5f6f2}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;background:var(--green);color:white;border-radius:8px;padding:12px 18px;cursor:pointer;font-weight:600;transition:background .15s}button:hover{background:#29654d}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #a4c285;outline-offset:3px}input{border:1px solid #cbd2c9;background:#fff;border-radius:7px;padding:12px;width:100%;color:#22332c}input:focus{outline:2px solid #79a68c;outline-offset:1px}label{display:block;font-weight:600;margin:20px 0 8px}p{line-height:1.65;color:var(--muted)}small{display:block;line-height:1.6;color:var(--muted)}h1,h2,h3{margin:0;font-weight:600}h1{font-size:30px;letter-spacing:-1px}h2{font-size:28px;letter-spacing:-.8px}h3{font-size:17px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px}.mark{width:38px;height:43px;background:#c6dba6;color:var(--green);display:grid;place-items:center;font-size:25px;font-weight:800;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%)}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fafbf8}.login-brand{background:#173e30;color:white;padding:11vh 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;overflow:hidden}.login-brand:after{content:'';width:560px;height:560px;border:1px solid #ffffff0d;border-radius:50%;position:absolute;bottom:-330px;right:-220px;box-shadow:0 0 0 70px #ffffff04,0 0 0 140px #ffffff03}.mark.large{width:65px;height:73px;font-size:40px;margin-bottom:36px}.login-brand .eyebrow{color:#b4cf9f}.login-brand h1{font-size:clamp(32px,3.2vw,52px);line-height:1.15;margin:18px 0}.login-brand p{color:#bed0c4;max-width:390px}.brand-line{margin-top:65px;font-size:18px;letter-spacing:3px}.brand-line span{display:block;font-size:10px;margin-top:10px;letter-spacing:1px;color:#a8bcae}.login-card{align-self:center;width:360px;max-width:80%;margin:60px auto}.login-card h2{margin-top:16px;font-size:32px}.login-card button{width:100%;margin-top:25px;display:flex;justify-content:space-between}.login-card small{margin-top:30px;font-size:11px}.error{color:#a04230;font-size:13px;min-height:18px}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}[hidden]{display:none!important}aside{background:#fafbf8;border-right:1px solid var(--line);padding:32px 20px;position:fixed;width:240px;top:0;bottom:0;display:flex;flex-direction:column}.logo{display:flex;gap:11px;align-items:center;text-decoration:none;color:#24362c;font-size:12px;font-weight:800;letter-spacing:.5px}.logo small{font-size:9px;font-weight:600;letter-spacing:1.7px;margin-top:5px}.workspace-label{color:#92998f;font-size:9px;letter-spacing:1.5px;margin:55px 14px 16px}nav{display:flex;flex-direction:column;gap:6px}.nav{display:flex;gap:13px;align-items:center;text-align:left;color:#667369;background:transparent;font-size:15px;padding:13px 14px}.nav span{font-size:13px;font-weight:500}.nav.active{color:#244d38;background:#e9eee1}.nav:hover{background:#f0f2e9}.nav b{margin-left:auto;background:#d9e5ca;border-radius:5px;font-size:10px;padding:2px 5px}.nav b:empty{display:none}.aside-footer{margin-top:auto;font-size:10px;color:#6c7d6e;padding:25px 9px 0}.aside-footer p{font-size:9px;margin-top:10px}.tiny-dot{display:inline-block;background:#6d8a51;border-radius:50%;width:6px;height:6px;margin-right:6px}.text-button{padding:10px 0;background:none;color:#5b6b5d;font-size:11px}.text-button:hover{background:none;color:#183e2e}main{grid-column:2;padding:40px clamp(24px,4vw,64px) 16px;max-width:1500px;width:100%;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}header h1{margin-top:10px}header .eyebrow{color:#8a9286;font-size:9px}.header-actions{display:flex;align-items:center;gap:10px}.muted{font-size:10px;color:#7c897d}.secondary{background:transparent;border:1px solid #d5dcd0;color:#4b5e4f}.secondary:hover{background:#eaf0e3}.intro{background:#e9eddf;border:1px solid #dee5d3;border-radius:14px;padding:32px 38px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.intro .eyebrow{color:#718357;font-size:9px}.intro h2{font-size:35px;line-height:1.15;margin-top:16px;color:#2d4935;font-weight:500}.intro p{color:#738168;font-size:12px;margin-bottom:0}.hero-emblem{color:#799359;width:190px;display:flex;flex-direction:column;align-items:center;margin-right:18px;transform:rotate(4deg)}.hero-emblem svg{width:100px;height:115px}.hero-emblem span{font-size:7px;letter-spacing:1.5px;margin-top:15px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:23px 0}.metrics article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.metrics article>span{font-size:11px;color:#72806f}.metrics strong{display:block;font-size:35px;font-weight:500;margin:12px 0 9px;letter-spacing:-1px}.metrics small{font-size:9px;color:#9ba293}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;margin:22px 0}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 25px 18px;gap:12px}.panel-heading p{font-size:11px;margin:7px 0 0}.pill{display:inline-block;padding:6px 10px;border-radius:6px;font-size:10px;font-weight:600;white-space:nowrap}.pill.healthy{background:#eef3e6;color:#66813d}.pill.review{background:#fcf0dd;color:#a27622}.pill.unknown,.pill.stale,.pill.neutral,.pill.disconnected{background:#f0f2ee;color:#7e8877}.pill.active{background:#eaf2e5;color:#557c35}.pill.expired,.pill.suspended{background:#f9eee7;color:#a57050}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:9px;color:#88927f;letter-spacing:.8px;background:#fafbf7;padding:12px 24px;font-weight:600}td{padding:18px 24px;border-top:1px solid #f0f2ec;font-size:12px;vertical-align:middle}td small{font-size:10px;margin-top:5px}.pc-name{display:flex;align-items:center;gap:12px}.pc-icon{width:32px;height:32px;background:#f0f3ea;border:1px solid #e4e8dc;color:#7c9065;border-radius:7px;display:grid;place-items:center;font-size:17px}.table-action{padding:7px 10px;font-size:10px;margin:2px;white-space:nowrap}.empty{padding:36px 25px;text-align:center;color:#819078;font-size:12px}.empty strong{display:block;font-size:15px;color:#4a6049;font-weight:500;margin-bottom:8px}.activity .event{padding:13px 25px;display:flex;gap:14px;border-top:1px solid #f1f2ed;font-size:11px;align-items:center}.event-dot{width:6px;height:6px;background:#adbd97;border-radius:50%;flex-shrink:0}.event time{margin-left:auto;white-space:nowrap;font-size:10px;color:#9ba391}.event span{line-height:1.5}.section-copy{margin-bottom:30px}.section-copy p{max-width:720px;font-size:12px}.ticket{border:1px solid var(--line);background:#fff;border-radius:10px;padding:24px;margin:15px 0}.ticket-heading{display:flex;justify-content:space-between;align-items:center}.ticket h3{margin:15px 0 0}.ticket p{white-space:pre-wrap;overflow-wrap:anywhere}.ticket small{font-size:11px}.notice{padding:13px 18px;border:1px solid #d6e2c4;background:#eff4e8;color:#47652f;border-radius:8px;margin-bottom:20px;font-size:12px}footer{margin-top:40px;border-top:1px solid var(--line);padding-top:20px;color:#839078;font-size:9px;letter-spacing:.5px;display:flex;justify-content:space-between}footer span{color:#a1a898;letter-spacing:0}dialog{border:1px solid #dbe2d3;border-radius:15px;width:470px;max-width:90%;padding:30px;box-shadow:0 30px 90px #183a2422;background:#fff;color:#22382b}dialog::backdrop{background:#16332355;backdrop-filter:blur(4px)}dialog p{font-size:12px}dialog h2{margin-top:20px}dialog small{font-size:10px;margin:20px 0}dialog form>button{width:100%;margin-top:8px}.dialog-top{display:flex;justify-content:space-between;align-items:center}.icon-button{font-size:24px;background:none;color:#788472;padding:0 5px}.icon-button:hover{background:#f2f5ed}.dialog-actions{display:flex;gap:10px;margin-top:20px}#new-key{font-family:monospace;font-size:12px}.dialog-actions button{flex:1}@media(max-width:1100px){aside{width:195px}.shell{grid-template-columns:195px 1fr}main{padding:30px 25px}.header-actions .muted{display:none}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:740px){.login-screen{grid-template-columns:1fr}.login-brand{padding:40px}.login-brand h1{font-size:32px}.brand-line{display:none}.mark.large{margin-bottom:20px;width:40px;height:46px;font-size:26px}.login-card{margin:40px auto}.shell{display:block}aside{position:relative;inset:auto;width:100%;padding:16px 20px;border-bottom:1px solid var(--line);border-right:0}.workspace-label,.aside-footer{display:none}nav{flex-direction:row;margin-top:20px;gap:4px}.nav{padding:9px 8px;gap:5px;flex:1;justify-content:center}.nav span{font-size:10px}.logo small{font-size:8px}main{padding:25px 16px}header{align-items:flex-start;flex-wrap:wrap;gap:18px}header h1{font-size:27px}.header-actions{width:100%;justify-content:flex-end}.header-actions button{font-size:11px}.intro{padding:25px}.intro h2{font-size:28px}.hero-emblem{width:90px;margin:0 0 0 14px}.hero-emblem span{display:none}.hero-emblem svg{width:75px}.intro p{font-size:10px}.metrics{gap:10px;margin:15px 0}.metrics article{padding:16px}.metrics article>span{font-size:10px}.metrics small{font-size:8px}.metrics strong{font-size:30px}.panel-heading{padding:20px}.panel-heading .pill{display:none}td,th{padding:15px 20px}footer{font-size:8px;gap:15px}.event time{font-size:8px}.activity .event{padding:12px 20px}.ticket{padding:18px}}
:root .pill.connected,:root .pill.accepted{background:#eaf2e5;color:#426527}.pill.paused,.pill.pending{background:#fcf0dd;color:#87601a}.pill.declined,.pill.withdrawn{background:#f0f2ee;color:#66715e}.quote{border:1px solid #dfe7d8;background:#f8faf5;border-radius:8px;padding:18px;margin:16px 0}.quote strong{display:block;font-size:20px;margin:12px 0}.quote p{color:#485b46}.quote small{overflow-wrap:anywhere}.ticket>small{overflow-wrap:anywhere}textarea{font:inherit;width:100%;border:1px solid #cbd2c9;border-radius:7px;padding:12px;resize:vertical}textarea:focus{outline:2px solid #79a68c;outline-offset:1px}dialog{max-height:90vh;overflow:auto}.shell>main{min-width:0}
