@layer reset,tokens,base,layout,components,utilities;@layer reset{*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}}@layer tokens{:root{--color-ui-0:#ffffff;--color-ui-50:#f7f8fa;--color-ui-100:#eef0f3;--color-ui-200:#dde1e7;--color-ui-300:#c3c9d3;--color-ui-400:#a3abb9;--color-ui-500:#8f9cb2;--color-ui-600:#6b7688;--color-ui-700:#4d5566;--color-ui-800:#333947;--color-ui-900:#1e222c;--color-ui-950:#121419;--color-ui-1000:#000000;--color-error-500:#c20e33;--color-warning-500:#f6c100;--color-success-500:#55ab55;--text-colour-white:var(--color-ui-0);--text-colour-light:var(--color-ui-600);--text-colour-regular:var(--color-ui-800);--text-colour-dark:var(--color-ui-950);--link-colour:#0093ee;--surface-colour:var(--color-ui-0);--border-colour:var(--color-ui-200);--overlay-colour:rgba(18, 20, 25, 0.5);--surface-error-colour:#fdecee;--surface-warning-colour:#fff6d6;--surface-success-colour:#e6f4e6;--surface-host-colour:#eef3fc;--host-accent-colour:#3e63dd;--text-colour-warning:#7a5d00;--spacing-s0:0;--spacing-s1:5px;--spacing-s2:10px;--spacing-s3:15px;--spacing-s4:20px;--spacing-s6:30px;--spacing-s8:40px;--gutter-s0:0;--gutter-s2:10px;--gutter-s4:20px;--gutter-s6:30px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:12px;--font-size-s:13px;--font-size-r:14px;--font-size-m:16px;--font-size-l:20px;--font-size-xl:24px;--radius-s:4px;--radius-m:6px;--shadow-card:0 3px 6px 0 rgba(14, 30, 62, 0.08)}}@layer base{body{font-family:var(--font-family);font-size:var(--font-size-r);color:var(--text-colour-regular);background-color:var(--color-ui-50)}a{color:var(--link-colour)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);color:var(--text-colour-dark)}}@layer layout{.app-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-s4);padding:var(--spacing-s2) var(--gutter-s4);border-bottom:1px solid var(--border-colour);background:var(--surface-colour)}.app-bar__nav{display:flex;align-items:center;gap:var(--spacing-s4)}.app-bar__brand{font-weight:var(--font-weight-bold);color:var(--text-colour-dark);text-decoration:none}.app-bar__user{display:flex;align-items:center;gap:var(--spacing-s2);font-size:var(--font-size-s);color:var(--text-colour-light)}.app-bar__avatar{width:24px;height:24px;border-radius:50%}.app-bar__user button{padding:var(--spacing-s1) var(--spacing-s2);border:1px solid var(--border-colour);border-radius:var(--radius-s);background:var(--surface-colour);cursor:pointer;font:inherit}.page{max-width:1800px;margin:0 auto;padding:var(--gutter-s4)}.page--narrow{max-width:760px}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--spacing-s4);margin-bottom:var(--spacing-s4)}}@layer components{.card{background-color:var(--surface-colour);border-radius:var(--radius-m);box-shadow:var(--shadow-card);padding:var(--spacing-s4)}.card-heading{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--text-colour-regular);margin-bottom:var(--spacing-s2)}.badge{display:inline-block;padding:1px var(--spacing-s2);border-radius:var(--radius-s);background:var(--color-ui-100);color:var(--text-colour-regular);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.btn{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;border-radius:var(--radius-s);border:1px solid #fff0;font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease}.btn.disabled,.btn[disabled]{cursor:not-allowed;opacity:.5}.btn-m{padding:var(--spacing-s2) var(--spacing-s4);font-size:var(--font-size-r)}.btn-s{padding:var(--spacing-s1) var(--spacing-s2);font-size:var(--font-size-s)}.btn-solid{background-color:var(--link-colour);border-color:var(--link-colour);color:var(--text-colour-white)}.btn-solid:hover{background-color:var(--color-ui-900);border-color:var(--color-ui-900);text-decoration:none}.btn-outline{background-color:#fff0;border-color:var(--border-colour);color:var(--text-colour-regular)}.btn-outline:hover{border-color:var(--color-ui-500);text-decoration:none}.btn-danger{background-color:var(--color-error-500);border-color:var(--color-error-500);color:var(--text-colour-white)}.btn-danger:hover{filter:brightness(.85);text-decoration:none}.field{display:block;margin-bottom:var(--spacing-s3)}.field-label{display:block;font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);color:var(--text-colour-light);margin-bottom:var(--spacing-s1)}.field-input{display:block;width:100%;padding:var(--spacing-s2) var(--spacing-s3);font-size:var(--font-size-r);border:1px solid var(--border-colour);border-radius:var(--radius-s);color:var(--text-colour-regular)}.field-input:focus{outline:2px solid var(--link-colour);outline-offset:-1px}.field-error{color:var(--color-error-500);font-size:var(--font-size-s);margin-bottom:var(--spacing-s3)}.field-checkbox{display:flex;align-items:center;gap:var(--spacing-s2);font-size:var(--font-size-r);color:var(--text-colour-regular);margin-bottom:var(--spacing-s3);cursor:pointer}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-r)}.data-table th{text-align:left;font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);color:var(--text-colour-light);padding:var(--spacing-s2) var(--spacing-s3);border-bottom:1px solid var(--border-colour);white-space:nowrap}.data-table td{padding:var(--spacing-s2) var(--spacing-s3);border-bottom:1px solid var(--border-colour);color:var(--text-colour-regular);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.flag{display:inline-block;margin:1px 2px 1px 0;padding:1px var(--spacing-s2);border-radius:var(--radius-s);background:var(--color-ui-100);color:var(--text-colour-regular);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.flag--unreachable,.flag--end-of-life,.flag--not-in-inventory{background:var(--surface-error-colour);color:var(--color-error-500)}.flag--stale,.flag--apt-stale,.flag--reboot-required{background:var(--surface-warning-colour);color:var(--text-colour-warning)}.flag--decommissioned{background:var(--color-ui-200);color:var(--text-colour-light)}.plain-list{list-style:none;padding:0}.banner{margin-bottom:var(--spacing-s4);padding:var(--spacing-s2) var(--spacing-s3);border-radius:var(--radius-s);background:var(--color-ui-100)}.banner--success{background:var(--surface-success-colour)}.banner--warning{margin:var(--spacing-s3) 0 0;background:var(--surface-warning-colour);color:var(--text-colour-warning)}.banner--error{background:var(--surface-error-colour);color:var(--color-error-500)}.link-button{padding:0;border:0;background:none;color:var(--text-colour-light);font:inherit;font-size:var(--font-size-s);cursor:pointer}.link-button:hover{color:var(--color-error-500)}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-s4)}.form-actions{display:flex;gap:var(--spacing-s2)}.data-table--compact td{padding:var(--spacing-s1) var(--spacing-s2)}}@layer utilities{[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--text-colour-light);font-size:var(--font-size-s)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-size-s)}.num{text-align:right}}@layer components{.auth{min-height:100vh;display:grid;place-items:center;padding:var(--gutter-s4);background:var(--color-ui-50)}.auth__card{width:min(400px, 100%);padding:var(--spacing-s8);background:var(--surface-colour);border:1px solid var(--border-colour);border-radius:10px}.auth__title{margin:0 0 var(--spacing-s2);font-size:1.6rem}.auth__lead{margin:0 0 var(--spacing-s6);color:var(--text-colour-light)}.auth__error{padding:var(--spacing-s2) var(--spacing-s3);border-radius:6px;background:var(--surface-error-colour);color:var(--color-error-500)}.auth__google{display:block;padding:var(--spacing-s3);border-radius:6px;background:#3e63dd;color:var(--text-colour-white);text-align:center;font-weight:600;text-decoration:none}.auth__note{color:var(--text-colour-light);font-size:.85rem}.auth__dev{margin-top:var(--spacing-s6);padding-top:var(--spacing-s4);border-top:1px dashed var(--border-colour);display:grid;gap:var(--spacing-s2)}.auth__dev label{display:grid;gap:var(--spacing-s1);font-size:.85rem}.auth__dev input{padding:var(--spacing-s2);border:1px solid var(--border-colour);border-radius:4px;font:inherit}.auth__dev button{padding:var(--spacing-s2);border:1px solid var(--border-colour);border-radius:4px;background:var(--surface-colour);cursor:pointer}}@layer layout{.app-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-s4);padding:var(--spacing-s2) var(--gutter-s4);border-bottom:1px solid var(--border-colour);background:var(--surface-colour)}.app-bar__brand{font-weight:700;color:var(--text-colour-dark);text-decoration:none}.app-bar__user{display:flex;align-items:center;gap:var(--spacing-s2);font-size:.9rem;color:var(--text-colour-light)}.app-bar__avatar{width:24px;height:24px;border-radius:50%}.app-bar__user button{padding:var(--spacing-s1) var(--spacing-s2);border:1px solid var(--border-colour);border-radius:4px;background:var(--surface-colour);cursor:pointer;font:inherit}}@layer components{.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-s3)}.filter-bar .field-input{width:220px}.filter-bar .field-checkbox{margin-bottom:0}.filter-bar__group{display:flex;align-items:center;gap:var(--spacing-s2);font-size:var(--font-size-s);color:var(--text-colour-light)}.filter-bar__group .field-input{width:auto}.sort-link{color:inherit;text-decoration:none}.sort-link:hover{color:var(--link-colour)}.sort-link--current{color:var(--text-colour-dark)}.data-table .group-row th{padding-top:var(--spacing-s4);background:var(--surface-colour);color:var(--text-colour-dark);font-size:var(--font-size-r);border-bottom:2px solid var(--border-colour)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-s4);margin-bottom:var(--spacing-s4)}.fact-list{display:grid;grid-template-columns:max-content 1fr;gap:var(--spacing-s1) var(--spacing-s4)}.fact-list dt{color:var(--text-colour-light)}details.section{margin-bottom:var(--spacing-s4)}details.section>summary{cursor:pointer;margin-bottom:0}details.section[open]>summary{margin-bottom:var(--spacing-s2)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-s2)}.notes{margin-top:var(--spacing-s3);padding-top:var(--spacing-s3);border-top:1px solid var(--border-colour)}.link-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-s2);padding:var(--spacing-s1) 0}.card details{margin-top:var(--spacing-s3)}.card details>summary{cursor:pointer}.card details form{margin-top:var(--spacing-s3)}.range-list>li{padding:var(--spacing-s2) 0;border-bottom:1px solid var(--border-colour)}.range-list__header{display:flex;align-items:baseline;gap:var(--spacing-s3)}.range-list__header form{margin-left:auto}.address-usage{display:flex;flex-wrap:wrap;gap:var(--spacing-s1) var(--spacing-s4);margin-top:var(--spacing-s1);padding:0;list-style:none;font-size:var(--font-size-s)}.address-usage li{white-space:nowrap}.service-list{display:flex;flex-wrap:wrap;gap:3px;margin:0;padding:0;list-style:none}.service-chip{padding:1px var(--spacing-s1);border:1px solid var(--border-colour);border-radius:var(--radius-s);font-size:var(--font-size-xs);white-space:nowrap}.service-chip--stopped{color:var(--text-colour-light);text-decoration:line-through}.preset-list{display:flex;flex-wrap:wrap;gap:var(--spacing-s2);margin:0 0 var(--spacing-s4);padding:0;list-style:none}.preset{display:inline-block;padding:var(--spacing-s1) var(--spacing-s3);border:1px solid var(--border-colour);border-radius:var(--radius-m);background:var(--surface-colour);color:var(--text-colour-regular);text-decoration:none}.preset:hover{border-color:var(--color-ui-500)}.preset--current{border-color:var(--link-colour);color:var(--link-colour)}.package-header{display:flex;align-items:baseline;gap:var(--spacing-s3)}.package-header .card-heading{text-transform:none}.version-count-list{display:flex;flex-wrap:wrap;gap:var(--spacing-s1) var(--spacing-s4);margin:0 0 var(--spacing-s2);padding:0;list-style:none;font-size:var(--font-size-s)}.data-table .row--host td{padding-top:var(--spacing-s4);border-top:2px solid var(--border-colour);background:var(--surface-colour);font-weight:var(--font-weight-semibold)}.data-table .row--contained td:first-child{padding-left:var(--spacing-s8)}.data-table .row--contained td:first-child::before{content:'↳ ';color:var(--text-colour-light)}.service-chip--warning{border-color:var(--color-warning-500);background:var(--surface-warning-colour);color:var(--text-colour-warning)}.service-chip--error{border-color:var(--color-error-500);background:var(--surface-error-colour);color:var(--color-error-500);font-weight:var(--font-weight-semibold)}.lifecycle{font-size:var(--font-size-xs)}.lifecycle--ok{color:var(--text-colour-light)}.lifecycle--warning{color:var(--text-colour-warning)}.lifecycle--error{color:var(--color-error-500);font-weight:var(--font-weight-semibold)}.data-table .row--proxmox td{background:var(--surface-host-colour)}.data-table .row--proxmox td:first-child{box-shadow:inset 3px 0 0 var(--host-accent-colour);font-weight:var(--font-weight-semibold)}.kind-badge{display:inline-block;padding:1px var(--spacing-s2);border-radius:var(--radius-s);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.kind-badge--proxmox{background:var(--host-accent-colour);color:var(--text-colour-white)}}