@import "https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,600&family=Sora:wght@400;500;600;700&display=swap";:root{color:#17342d;font-synthesis:none;--ink:#17342d;--forest:#143e34;--cream:#f8f7f0;--paper:#fffef8;--line:#d9ddd4;--muted:#6d7d77;--lime:#d8f05b;--orange:#ff7657;--shadow:0 16px 44px #19383014;background:#eeeee8;font-family:Sora,sans-serif}*{box-sizing:border-box}body{background:#eeeee8;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}.app-shell{grid-template-columns:76px minmax(0,1fr);min-height:100vh;display:grid}.rail{background:var(--forest);z-index:10;flex-direction:column;align-items:center;height:100vh;padding:22px 0;display:flex;position:sticky;top:0}.brand-mark{width:44px;height:44px;color:var(--lime);border:1px solid #ffffff38;place-items:center;display:grid;position:relative}.brand-mark span{color:#fff;letter-spacing:.08em;font-size:8px;font-weight:700;position:absolute;bottom:3px;right:4px}.rail nav{gap:12px;margin-top:76px;display:grid}.rail-button{color:#b6c7c1;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;transition:all .2s;display:grid}.rail-button:hover{color:#fff;background:#ffffff14}.rail-button.active{background:var(--lime);color:var(--forest);box-shadow:0 0 0 5px #d8f05b14}.rail-status{border:1px solid #ffffff29;border-radius:50%;place-items:center;width:32px;height:32px;margin-top:auto;display:grid}.rail-status span{background:var(--lime);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #d8f05b1c}main{background-image:radial-gradient(circle at 85% 0,#d8f05b21,#0000 25%),linear-gradient(#17342d06 1px,#0000 1px);background-size:auto,100% 32px;min-width:0;padding:30px clamp(24px,4vw,64px) 56px}.topbar{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;animation:.5s both rise;display:flex}.eyebrow{letter-spacing:.19em;color:#72817c;margin:0 0 5px;font-size:10px;font-weight:700}h1{letter-spacing:-.035em;margin:0;font-family:Newsreader,serif;font-size:clamp(38px,4vw,56px);font-weight:600;line-height:.95}.top-actions{align-items:center;gap:10px;display:flex}.sync-chip{color:var(--muted);align-items:center;gap:8px;margin-right:6px;font-size:11px;display:flex}.sync-chip>span:first-child{background:#5da94f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #5da94f1c}.button{cursor:pointer;border:1px solid #cdd2ca;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:12px;font-weight:600;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px #17342d1c}.button:disabled{opacity:.5;cursor:not-allowed}.button.secondary{background:#ffffff73}.button.primary{background:var(--forest);color:#fff;border-color:var(--forest)}.summary-grid{grid-template-columns:repeat(7,minmax(135px,1fr));gap:12px;margin-bottom:18px;display:grid}.metric-card,.health-card{border:1px solid var(--line);background:#fffef8c7;min-height:132px;padding:20px;animation:.55s both rise;position:relative;box-shadow:0 4px 12px #17342d06}.metric-card:nth-child(2){animation-delay:40ms}.metric-card:nth-child(3){animation-delay:80ms}.metric-card:nth-child(4){animation-delay:.12s}.metric-card:nth-child(5){animation-delay:.16s}.metric-card{align-items:flex-end;gap:14px;display:flex;overflow:hidden}.metric-card:after{content:"";border:1px solid #17342d12;border-radius:50%;width:70px;height:70px;position:absolute;top:-25px;right:-22px}.metric-card.accent{background:var(--lime);border-color:#c9dd58}.metric-icon{width:38px;height:38px;color:var(--forest);border:1px solid #cbd3cb;place-items:center;display:grid}.metric-icon svg{width:18px}.metric-card>div:last-child{gap:1px;display:grid}.metric-card strong{font-family:Newsreader,serif;font-size:34px;line-height:1}.metric-card>div:last-child span{color:var(--muted);font-size:11px}.metric-card.accent>div:last-child span{color:#46563e}.metric-card>div:last-child small{color:#8b9792;white-space:nowrap;margin-top:3px;font-size:8px}.metric-card.accent>div:last-child small{color:#657255}.card-index{opacity:.35;font-size:9px;font-weight:700;position:absolute;bottom:11px;right:13px}.health-card{background:var(--forest);color:#fff;align-items:center;gap:14px;display:flex}.health-card:after{content:"";opacity:.55;background:repeating-linear-gradient(90deg,#d8f05b80 0 2px,#0000 2px 6px);width:54px;height:26px;position:absolute;bottom:14px;right:16px}.health-icon{width:40px;height:40px;color:var(--lime);background:#d8f05b21;border-radius:50%;place-items:center;display:grid}.health-card div:last-child{gap:5px;display:grid}.health-card span{color:#a8b9b3;font-size:10px}.health-card strong{font-size:12px;font-weight:600}.inventory-panel{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);animation:.55s .14s both rise}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:22px 24px 18px;display:flex}.title-line{align-items:center;gap:9px;display:flex}h2,h3{margin:0}.panel-heading h2{letter-spacing:-.02em;font-size:16px}.panel-heading p{color:var(--muted);margin:5px 0 0;font-size:10px}.count-tag{color:#52615d;background:#e8ece5;border-radius:20px;padding:3px 7px;font-size:10px;font-weight:700}.filters{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.search-field{color:#73817c;background:#fff;border:1px solid #cfd4cc;align-items:center;gap:8px;width:min(270px,25vw);height:38px;padding:0 11px;display:flex}.search-field:focus-within{border-color:var(--forest);box-shadow:0 0 0 3px #143e3412}.search-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:11px}.search-field input::placeholder{color:#9aa49f}.filters select{height:38px;color:var(--ink);background:#fff;border:1px solid #cfd4cc;outline:0;padding:0 30px 0 10px;font-size:10px}.clear-filter{color:#a04f3c;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;font-size:10px;display:inline-flex}.error-banner{color:#8c3e2c;background:#fff0ec;border:1px solid #f1b9ab;align-items:center;gap:9px;margin:14px 20px 0;padding:11px 13px;font-size:11px;display:flex}.error-banner button{cursor:pointer;background:0 0;border:0;margin-left:auto}.table-wrap{min-height:390px;overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:#798681;border-bottom:1px solid var(--line);white-space:nowrap;background:#f5f5ef;padding:12px 16px;font-size:9px}td{color:#465751;border-bottom:1px solid #e7e9e3;padding:14px 16px;font-size:11px}tbody tr:not(.skeleton-row){cursor:pointer;transition:background .14s}tbody tr:not(.skeleton-row):hover,tbody tr:not(.skeleton-row):focus{background:#f5f8ed;outline:none}.person-cell{align-items:center;gap:10px;min-width:170px;display:flex}.person-cell>span{width:31px;height:31px;color:var(--forest);background:#e4eadf;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.person-cell>div{gap:3px;display:grid}.person-cell strong{color:var(--ink);font-size:11px}.person-cell small,.subline{color:#8c9894;letter-spacing:.04em;font-size:8px}.floor-pill{background:#edf0e9;align-items:center;gap:5px;padding:5px 8px;font-weight:600;display:inline-flex}.mono{color:#2c4740;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.subline{margin-top:4px;display:block}.windows-label{max-width:240px;line-height:1.45;display:block}.program-count{color:var(--ink);font-size:14px}.unit{color:#87928f;font-size:9px}.date-cell{white-space:nowrap;color:#667571;align-items:center;gap:6px;display:flex}.row-arrow{color:#a6afab}.skeleton-row td{padding:13px 16px}.skeleton-row div{background:linear-gradient(90deg,#f0f1ec 25%,#e5e8e1 50%,#f0f1ec 75%) 0 0/200% 100%;border-radius:3px;height:30px;animation:1.25s infinite shimmer}.empty-state{text-align:center;place-content:center;justify-items:center;min-height:310px;padding:40px;display:grid}.empty-state>div{color:#64736d;border:1px dashed #9faa9f;place-items:center;width:58px;height:58px;margin-bottom:14px;display:grid;transform:rotate(3deg)}.empty-state h3{font-family:Newsreader,serif;font-size:22px}.empty-state p{max-width:380px;color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.6}.pagination{border-top:1px solid var(--line);min-height:56px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 20px;font-size:10px;display:flex}.pagination>div{align-items:center;gap:10px;display:flex}.pagination button,.icon-button{cursor:pointer;background:#fff;border:1px solid #d1d6ce;place-items:center;width:32px;height:32px;display:grid}.pagination button:disabled{opacity:.35;cursor:not-allowed}.flat-inventory{overflow:hidden}.flat-inventory .panel-heading{padding-bottom:16px}.employee-filter{min-width:190px}.filter-strip{border-bottom:1px solid var(--line);background:#f3f4ee;align-items:center;gap:7px;min-height:52px;padding:8px 24px;display:flex}.filter-strip>span{letter-spacing:.15em;color:#71807b;margin-right:4px;font-size:8px;font-weight:700}.filter-strip button{background:var(--paper);cursor:pointer;border:1px solid #cbd2ca;min-width:34px;height:30px;padding:0 10px;font-size:10px;font-weight:600;transition:all .15s}.filter-strip button:hover{border-color:var(--forest)}.filter-strip button.active{background:var(--forest);color:#fff;border-color:var(--forest);box-shadow:3px 3px 0 var(--lime)}.filter-strip small{color:var(--muted);margin-left:auto;font-size:9px}.flat-table-wrap{min-height:520px;max-height:calc(100vh - 355px);overflow:auto}.flat-table{min-width:1810px}.license-status{letter-spacing:.02em;color:#60788f;background:#edf2f7;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.license-status.clean{color:#067647;background:#e8f7ef}.license-status.suspicious{color:#b54708;background:#fff4e5}.license-status.critical{color:#b42318;background:#feeceb}.last-update{white-space:nowrap;color:#526962;min-width:132px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.flat-table thead{z-index:4;position:sticky;top:0}.flat-table th{padding:11px 12px}.flat-table td{vertical-align:middle;padding:11px 12px}.flat-table tbody tr{cursor:default!important}.flat-table tbody tr:hover{background:#f8faef!important}.flat-table th:first-child,.flat-table td:first-child{text-align:center;width:52px}.flat-table th:nth-child(2),.flat-table td:nth-child(2){width:190px}.flat-table th:nth-child(3),.flat-table td:nth-child(3){text-align:center;width:62px}.flat-table th:nth-child(4),.flat-table td:nth-child(4){width:220px}.flat-table th:nth-child(5),.flat-table td:nth-child(5){width:245px}.flat-table th:nth-child(6),.flat-table td:nth-child(6){width:190px}.flat-table th:nth-child(7),.flat-table td:nth-child(7){width:110px}.flat-table th:nth-child(8),.flat-table td:nth-child(8){width:95px}.flat-table th:nth-child(9),.flat-table td:nth-child(9){width:130px}.flat-table th:last-child,.flat-table td:last-child{z-index:2;border-left:1px solid var(--line);background:#fbfaf4;width:260px;min-width:260px;position:sticky;right:0;box-shadow:-8px 0 16px #17342d09}.flat-table th:last-child{z-index:5;background:#edf0e9}.flat-table tbody tr:nth-child(2n) td:last-child{background:#f5f6ef}.row-number{color:#94a09b;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.employee-inline{align-items:center;gap:9px;display:flex}.employee-inline>span{width:28px;height:28px;color:var(--forest);background:#e2e9de;border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:700;display:grid}.employee-inline>div{gap:3px;min-width:0;display:grid}.employee-inline strong{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.employee-inline small{color:#8b9792;font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.floor-number{background:var(--lime);width:28px;height:25px;color:var(--forest);place-items:center;font-size:10px;font-weight:700;display:inline-grid}.program-name{gap:4px;display:grid}.program-name strong{color:var(--ink);font-size:10px;line-height:1.35}.program-name small{color:#75827e;text-transform:uppercase;background:#edf0e9;width:fit-content;padding:2px 5px;font-size:7px}.nowrap{white-space:nowrap}.note-cell{color:#87938e;border:1px solid #0000;align-items:center;gap:7px;min-height:34px;padding:3px 6px;transition:all .15s;display:flex}.note-cell:focus-within{color:var(--forest);background:#fff;border-color:#9eaa9f;box-shadow:0 0 0 3px #143e340d}.note-cell textarea{resize:none;color:#344c45;background:0 0;border:0;outline:0;flex:1;min-width:0;height:24px;padding:0;font:10px/24px Sora,sans-serif;overflow:hidden}.note-cell textarea::placeholder{color:#a0aaa6;font-style:italic}.note-cell.saving{color:#9a7935}.note-cell.saved{color:#4e9347}.note-status{flex:none}.drawer-layer{z-index:30;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a1d1875;border:0;animation:.2s both fade;position:absolute;inset:0}.drawer{background:var(--paper);flex-direction:column;width:min(920px,100vw - 76px);height:100%;animation:.28s cubic-bezier(.2,.8,.2,1) both slide;display:flex;position:relative;box-shadow:-22px 0 60px #091f1933}.drawer-loading{color:var(--muted);align-items:center;gap:10px;margin:auto;font-size:12px;display:flex}.drawer-header{background:var(--forest);color:#fff;grid-template-columns:auto auto 1fr auto;align-items:center;gap:16px;min-height:116px;padding:22px 28px;display:grid}.drawer-header .icon-button{color:#fff;background:0 0;border-color:#fff3}.machine-glyph{background:var(--lime);width:52px;height:52px;color:var(--forest);place-items:center;display:grid}.drawer-header p{letter-spacing:.16em;color:#aebdb8;margin:0 0 3px;font-size:8px}.drawer-header h2{font-family:Newsreader,serif;font-size:28px;line-height:1}.drawer-header span{color:#c0ccc8;margin-top:6px;font-size:10px;display:block}.delete-button{color:#ff9a82;cursor:pointer;background:#ff765714;border:1px solid #ff765759;place-items:center;width:36px;height:36px;display:grid}.machine-facts{border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr 1.5fr 1fr;display:grid}.machine-facts>div{border-right:1px solid var(--line);gap:6px;padding:18px 22px;display:grid}.machine-facts>div:last-child{border-right:0}.machine-facts span{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:8px}.machine-facts strong{font-size:10px;line-height:1.45}.drawer-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.drawer-toolbar>div{align-items:baseline;gap:8px;display:flex}.drawer-toolbar h3{font-size:14px}.drawer-toolbar span{color:var(--muted);font-size:9px}.search-field.small{width:230px}.program-list{border-top:1px solid var(--line);flex:1;min-height:0;overflow:auto}.program-list table{min-width:760px}.program-list td{vertical-align:top;padding:12px 14px;font-size:10px}.program-list td:first-child{color:#97a19e;width:48px}.program-list td:nth-child(2){min-width:210px;color:var(--ink)}.program-list td:nth-child(2) strong{display:block}.program-list td:nth-child(2) small{color:#71807b;text-transform:uppercase;background:#edf0e9;margin-top:5px;padding:2px 5px;font-size:7px;display:inline-block}.program-empty{text-align:center;color:var(--muted);padding:70px;font-size:11px}.spin{animation:.8s linear infinite spin}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{opacity:.7;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media (width<=1180px){.summary-grid{grid-template-columns:repeat(2,1fr)}.panel-heading{flex-direction:column;align-items:flex-start}.filters{justify-content:flex-start;width:100%}.search-field{width:min(100%,300px)}.sync-chip{display:none}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.rail{display:none}main{padding:22px 14px 36px}.topbar{align-items:flex-start}.top-actions .secondary{display:none}.summary-grid{grid-template-columns:1fr 1fr}.metric-card,.health-card{min-height:112px;padding:15px}.health-card{grid-column:span 2}.filters select{flex:1}.search-field{width:100%}.drawer{width:100vw}.machine-facts{grid-template-columns:1fr 1fr}.machine-facts>div:nth-child(2){border-right:0}.machine-facts>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.drawer-header{grid-template-columns:auto auto 1fr auto;padding:16px}.drawer-toolbar{flex-direction:column;align-items:flex-start}.search-field.small{width:100%}.filter-strip{padding:8px 14px;overflow-x:auto}.filter-strip small{display:none}.flat-table-wrap{max-height:none}}@media (width<=520px){h1{font-size:36px}.topbar{display:block}.top-actions{margin-top:18px}.summary-grid{grid-template-columns:1fr}.health-card{grid-column:auto}.metric-card{min-height:100px}.drawer-header{grid-template-columns:auto 1fr auto}.machine-glyph,.pagination>span{display:none}.pagination{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}