:root{--bg-1:#eef2ff;--bg-2:#cffafe;--card-bg:#fff;--border:#e2e8f0;--ink:#1e293b;--muted:#64748b;--accent:#4f46e5;--accent-2:#06b6d4;--radius:14px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 10px 24px -8px #0f172a2e, 0 2px 6px #0f172a0f;--ok-bg:#d4f4dd;--ok-fg:#14532d;--ok-dot:#22c55e;--warn-bg:#fdf0c8;--warn-fg:#7c4a03;--warn-dot:#f59e0b;--bad-bg:#fbd5d5;--bad-fg:#7a1212;--bad-dot:#ef4444;--neutral-bg:#e2e8f0;--neutral-fg:#475569;--neutral-dot:#94a3b8}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(1100px 550px at 8% -10%, var(--bg-1) 0%, transparent 60%), radial-gradient(900px 450px at 105% 8%, var(--bg-2) 0%, transparent 55%), linear-gradient(180deg, #f8fafc, #eef2f7);margin:0;padding:2rem 1rem 4rem;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}nav[aria-label=site]{justify-content:center;gap:.6rem;margin-block-end:2rem;display:flex}nav[aria-label=site] a{border:1px solid var(--border);color:#334155;box-shadow:var(--shadow-sm);background:#ffffffbf;border-radius:999px;padding:.5rem 1.2rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,color .18s,background .18s}nav[aria-label=site] a:hover,nav[aria-label=site] a:focus-visible{box-shadow:var(--shadow-md);color:var(--accent);background:#fff;transform:translateY(-2px)}main{max-width:42rem;margin:0 auto;animation:.5s both rise-in}h1{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0000;background-clip:text;margin-block-end:.3rem;font-size:clamp(1.9rem,4vw,2.4rem)}h2{color:#334155;margin-block-start:2.5rem}main>p{color:var(--muted);max-width:38rem}a{color:var(--accent)}#printers{gap:.8rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}#printers li{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem 1.15rem;transition:transform .2s,box-shadow .2s;animation:.45s both rise-in;position:relative;overflow:hidden}#printers li:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));opacity:.55;height:3px;position:absolute;inset:0 0 auto}#printers li:nth-child(2){animation-delay:60ms}#printers li:nth-child(3){animation-delay:.12s}#printers li:nth-child(n+4){animation-delay:.18s}#printers li:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.printer-icon{margin-inline-end:.35rem}.status-line{margin-block-start:.35rem;display:block}.status-badge{background:var(--neutral-bg);color:var(--neutral-fg);border-radius:999px;align-items:center;gap:.45rem;padding:.2rem .7rem;font-size:.82em;font-weight:600;transition:background .25s,color .25s;display:inline-flex}.status-badge:before{content:"";background:var(--neutral-dot);border-radius:50%;width:.55em;height:.55em}.status-badge.pulse{animation:.7s pulse-glow}#printers li[data-status=ok] .status-badge{background:var(--ok-bg);color:var(--ok-fg)}#printers li[data-status=ok] .status-badge:before{background:var(--ok-dot)}#printers li[data-status=low_paper] .status-badge,#printers li[data-status=low_toner] .status-badge{background:var(--warn-bg);color:var(--warn-fg)}#printers li[data-status=low_paper] .status-badge:before,#printers li[data-status=low_toner] .status-badge:before{background:var(--warn-dot)}#printers li[data-status=jammed] .status-badge,#printers li[data-status=broken] .status-badge{background:var(--bad-bg);color:var(--bad-fg)}#printers li[data-status=jammed] .status-badge:before,#printers li[data-status=broken] .status-badge:before{background:var(--bad-dot)}.status-note{color:var(--muted);font-size:.9em}form{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:end;gap:.9rem;margin-block:1.8rem;padding:1.1rem 1.2rem;display:flex}.field{flex-direction:column;flex:1;gap:.3rem;min-width:11rem;display:flex}form label{color:var(--muted);font-size:.78rem;font-weight:600}input,select{border:1px solid var(--border);font:inherit;color:var(--ink);background:#fff;border-radius:.6rem;padding:.55rem .7rem;transition:box-shadow .18s,border-color .18s}input:focus-visible,select:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4f46e526}button{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:var(--shadow-sm);border:none;border-radius:.7rem;padding:.65rem 1.4rem;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s}button:hover{box-shadow:var(--shadow-md);filter:brightness(1.06);transform:translateY(-2px)}button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}#reports{flex-direction:column;gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}#reports li{background:var(--card-bg);border:1px solid var(--border);border-inline-start:4px solid var(--neutral-dot);box-shadow:var(--shadow-sm);border-radius:.6rem;padding:.6rem .9rem;animation:.35s both slide-in}#reports li[data-status=ok]{border-inline-start-color:var(--ok-dot)}#reports li[data-status=low_paper],#reports li[data-status=low_toner]{border-inline-start-color:var(--warn-dot)}#reports li[data-status=jammed],#reports li[data-status=broken]{border-inline-start-color:var(--bad-dot)}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}