:root{--ink:#17231f;--muted:#6d7b76;--line:#e4ebe7;--surface:#fff;--canvas:#f5f8f6;--green:#135d47;--green2:#1b8062;--mint:#daf2e8;--danger:#c34b47;--shadow:0 12px 35px rgba(26,55,45,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--canvas)}body{margin:0;color:var(--ink);font:14px/1.5 'DM Sans',sans-serif}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#102b23;color:#dcebe6;padding:28px 20px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:800 20px 'Manrope',sans-serif;padding:0 10px 31px}.brand-mark{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;color:#10352b;background:#71d7b6;font-size:21px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{color:#a9c0b8;text-decoration:none;padding:12px 14px;border-radius:10px;display:flex;align-items:center;gap:12px;font-weight:600}.sidebar nav a span{font-size:18px;width:20px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:#1d483a;color:#fff}.sidebar-foot{margin-top:auto;padding:14px 10px 0;border-top:1px solid #29493f;color:#91aca3;font-size:12px;display:flex;align-items:flex-start;gap:7px}.live-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#5de0a9;margin-top:5px;box-shadow:0 0 0 4px rgba(93,224,169,.1)}.live-dot.waiting{background:#e6ae4b}.live-dot.error{background:#f0716a}main{margin-left:238px;padding:30px 42px 60px;max-width:1600px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--green2);margin:0 0 3px}.topbar h1{font:800 27px/1.2 'Manrope',sans-serif;margin:0}.top-actions{display:flex;align-items:center;gap:9px}.date-pill{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 14px;color:#53645e;box-shadow:0 3px 12px rgba(0,0,0,.025)}button{font:inherit;cursor:pointer}.refresh-button{border:0;border-radius:10px;background:var(--green);color:#fff;padding:10px 14px;font-weight:700}.refresh-button:disabled{opacity:.55;cursor:wait}.alert{padding:13px 16px;margin:0 0 20px;border-radius:10px}.alert.error{background:#fff0ef;color:#873f3d;border:1px solid #f2d0cd}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:18px;display:flex;gap:13px;align-items:center;box-shadow:0 4px 16px rgba(30,60,50,.03)}.stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:700}.stat-icon.mint{background:#dff5ec;color:#187259}.stat-icon.green{background:#e0f5e9;color:#258459}.stat-icon.red{background:#ffe8e6;color:#ad4b46}.stat-icon.blue{background:#e4efff;color:#376fb2}.stat-icon.amber{background:#fff1d9;color:#aa6c11}.stat-card p{margin:0;color:var(--muted);font-size:12px}.stat-card strong{font:800 23px 'Manrope',sans-serif}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.section-heading h2{font:800 18px 'Manrope',sans-serif;margin:0}.section-heading p{margin:2px 0 0;color:var(--muted);font-size:12px}.count-label{color:var(--green);background:#e4f3ed;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:700}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.search{width:min(420px,100%);display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 12px;color:#81908a}.search input{border:0;outline:0;background:transparent;padding:11px 0;width:100%;font:inherit;color:var(--ink)}.filter-tabs{display:flex;padding:3px;background:#e9f0ed;border-radius:10px}.filter-tabs button{border:0;background:transparent;color:var(--muted);padding:7px 12px;border-radius:8px;font-size:11px;font-weight:700}.filter-tabs button.active{background:#fff;color:var(--green);box-shadow:0 2px 7px rgba(22,55,44,.09)}.machine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.machine-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:var(--shadow)}.machine-top{display:flex;align-items:flex-start;justify-content:space-between}.machine-illustration{position:relative;background:#dff2eb;border-radius:12px;width:58px;height:60px;padding:9px 8px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.machine-illustration:before{content:'';position:absolute;width:26px;height:4px;border-radius:4px;background:#8bb9aa;left:8px;top:8px}.machine-illustration i{background:#5f9d89;border-radius:2px;height:19px;margin-top:11px}.machine-illustration span{position:absolute;width:7px;height:7px;background:#f5b94d;border-radius:50%;right:7px;top:7px}.status-badge{display:inline-flex;align-items:center;font-size:10px;padding:5px 8px;border-radius:15px;font-weight:700}.status-badge i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px}.status-badge.online{color:#197053;background:#e7f6f0}.status-badge.online i{background:#34a97e}.status-badge.offline{color:#fff;background:#d64545}.status-badge.offline i{background:#fff}.machine-card h3{font:800 17px 'Manrope',sans-serif;margin:16px 0 1px}.model{color:var(--muted);margin:0 0 18px;font-size:12px}.stock-line{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.stock-line strong{color:var(--ink)}.progress{height:6px;background:#edf1ef;border-radius:10px;margin:7px 0 18px;overflow:hidden}.progress span{display:block;height:100%;border-radius:10px}.progress .good{background:#36a77d}.progress .medium{background:#e4ac46}.progress .low{background:#dc6a61}.machine-card dl{border-top:1px solid var(--line);margin:0;padding-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.machine-card dl div{display:flex;flex-direction:column}.machine-card dl .full{grid-column:1/-1}.machine-card dt{color:var(--muted);font-size:10px}.machine-card dd{margin:1px 0;font-weight:600;font-size:12px;overflow-wrap:anywhere}.loading-card,.empty-state{background:#fff;border:1px dashed #cad8d2;border-radius:15px;grid-column:1/-1;text-align:center;color:var(--muted);padding:48px}.loading-card span{display:block;width:30px;height:30px;margin:0 auto 10px;border:3px solid #dbe9e4;border-top-color:var(--green2);border-radius:50%;animation:spin .8s linear infinite}.loading-card p{margin:0}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.machine-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.sidebar{position:static;width:auto;padding:16px}.brand{padding:0 4px 15px}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav a{white-space:nowrap;padding:9px 11px}.sidebar-foot{display:none}main{margin:0;padding:22px 16px}.topbar{align-items:flex-start}.top-actions{align-items:flex-end;flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:stretch;flex-direction:column}.filter-tabs{overflow:auto}.filter-tabs button{flex:1;white-space:nowrap}.machine-grid{grid-template-columns:1fr}}
@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.date-pill{font-size:11px}.refresh-button{font-size:12px}}
.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:24px}.pagination button{border:1px solid var(--line);background:#fff;color:var(--green);border-radius:8px;min-width:36px;padding:8px;font-weight:700}.pagination button.active{background:var(--green);color:#fff}.pagination button:disabled{opacity:.45;cursor:not-allowed}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#eef6f2,#f8faf9)}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px;box-shadow:var(--shadow)}.login-brand{color:var(--ink);padding:0;margin-bottom:30px}.login-card h1{font:800 27px 'Manrope',sans-serif;margin:0}.login-copy{color:var(--muted);margin:4px 0 24px}.login-form{display:grid;gap:15px}.login-form label,.user-select label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:600}.login-form input,.user-select select{width:100%;border:1px solid #dbe5e0;border-radius:9px;padding:11px;background:#fbfdfc;font:inherit;color:var(--ink)}.alert.success{background:#e8f7f1;color:#176047;border:1px solid #c7eadb}.admin-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(420px,1.3fr);gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.checkbox{display:flex!important;align-items:center}.checkbox input{width:auto}.user-select{margin-bottom:18px}.machine-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:480px;overflow:auto;margin-bottom:18px;padding-right:5px}.machine-checks label{display:flex;align-items:center;gap:9px;background:#f8faf9;border:1px solid var(--line);border-radius:9px;padding:9px}.machine-checks label input{accent-color:var(--green)}.machine-checks small{display:block;color:var(--muted)}
@media(max-width:900px){.admin-grid{grid-template-columns:1fr}}
.machine-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.machine-card{padding:15px;border-radius:13px;box-shadow:0 5px 18px rgba(26,55,45,.055)}.machine-card .machine-top{align-items:center;border-bottom:1px solid var(--line);padding-bottom:11px}.machine-card .machine-top h3{margin:0;font-size:14px}.machine-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 0}.machine-metrics div{background:#f4f8f6;border-radius:8px;padding:8px 10px}.machine-metrics span,.compact-details span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.45px}.machine-metrics strong{display:block;font:800 17px 'Manrope',sans-serif;margin-top:1px}.compact-details{display:grid;gap:8px}.compact-details>div{display:grid}.compact-details strong{font-size:11px;line-height:1.35}.compact-details small{color:var(--muted);font-size:10px;margin-top:1px}.compact-details>div+div{border-top:1px solid #edf1ef;padding-top:8px}
@media(max-width:1250px){.machine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){.machine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.machine-grid{grid-template-columns:1fr}}
.assignment-search{display:grid;gap:5px;margin-bottom:10px;color:var(--muted);font-size:12px;font-weight:600}.assignment-search input{width:100%;border:1px solid #dbe5e0;border-radius:9px;padding:10px 11px;background:#fbfdfc;font:inherit;color:var(--ink);outline:none}.assignment-search input:focus{border-color:#5ea68f;box-shadow:0 0 0 3px rgba(39,132,102,.09)}.search-empty{color:var(--muted);font-size:12px;margin:8px 0 14px}
.machine-checks label[hidden]{display:none}
.status-badge.idle{color:#8b5e12;background:#fff1d9}.status-badge.idle i{background:#e4ac46}.stats-grid{grid-template-columns:repeat(5,1fr)}