@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400&display=swap";:root{--bg: #0a0a12;--bg-2: #0d0d16;--card: #11111a;--card-2: #14141d;--mist: #14141d;--wash-blue: #131a26;--line: #1f1f2b;--line-strong: #2b2b3a;--text: #fafafa;--muted: #a8a8b8;--accent: #22d3ee;--primary: #60a5fa;--primary-d: #3b82f6;--on-primary: #0a0a12;--danger: #f87171;--danger-solid: #b91c1c;--ok: #4ade80;--warn: #fbbf24;--radius: 14px;--radius-sm: 8px;--pill: 999px;--font-display: "Space Grotesk", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", Tahoma, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--glow: 0 0 0 1px rgba(34,211,238,.15), 0 8px 30px rgba(34,211,238,.1);--shadow-soft: 0 2px 8px rgba(0,0,0,.4), 0 16px 40px rgba(0,0,0,.35);color-scheme:dark}*{box-sizing:border-box}html,body{max-width:100%}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.5;background:radial-gradient(1200px 600px at 80% -10%,rgba(34,211,238,.06),transparent 60%),radial-gradient(900px 500px at 0% 0%,rgba(96,165,250,.06),transparent 55%),var(--bg);background-attachment:fixed;color:var(--text)}h1,h3{font-family:var(--font-display);font-weight:500;letter-spacing:-.015em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}main>*{animation:fadeInUp .4s ease both}.modal-box{animation:fadeInUp .22s ease both}.modal{animation:fadeIn .18s ease both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.hidden{display:none!important}.muted{color:var(--muted);font-size:.9em}.err{color:var(--danger);font-size:.9em;margin-top:8px;min-height:1em}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.boot-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;animation:fadeIn .3s ease both}.boot-bar{width:200px;height:3px;border-radius:3px;background:var(--card-2);overflow:hidden}.boot-bar span{display:block;width:40%;height:100%;border-radius:3px;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:bootSlide 1.2s ease-in-out infinite}@keyframes bootSlide{0%{transform:translate(-110%)}to{transform:translate(360%)}}.login-wrap{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:40px 20px;overflow:hidden}.login-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.login-fx>span{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.fx-grid{background-image:linear-gradient(rgba(120,170,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,255,.06) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 80% 65% at 50% 45%,#000 35%,transparent 78%);mask-image:radial-gradient(ellipse 80% 65% at 50% 45%,#000 35%,transparent 78%)}.fx-glow{border-radius:50%;filter:blur(70px);opacity:.5}.fx-glow-a{inset:auto auto 22% 12%;width:46vw;height:46vw;background:radial-gradient(circle,rgba(34,211,238,.5),transparent 65%);animation:drift-a 22s ease-in-out infinite alternate}.fx-glow-b{inset:14% 8% auto auto;width:40vw;height:40vw;background:radial-gradient(circle,rgba(139,120,255,.45),transparent 65%);animation:drift-b 26s ease-in-out infinite alternate}@keyframes drift-a{to{transform:translate3d(8vw,-6vh,0) scale(1.15)}}@keyframes drift-b{to{transform:translate3d(-7vw,7vh,0) scale(1.1)}}.fx-stars{background-image:radial-gradient(1.6px 1.6px at 12% 18%,#cfefff 50%,transparent),radial-gradient(1.4px 1.4px at 78% 12%,#bcd8ff 50%,transparent),radial-gradient(1.8px 1.8px at 33% 72%,#a8ecff 50%,transparent),radial-gradient(1.3px 1.3px at 64% 62%,#dbe7ff 50%,transparent),radial-gradient(1.5px 1.5px at 88% 78%,#9fe8ff 50%,transparent),radial-gradient(1.2px 1.2px at 24% 44%,#e6f3ff 50%,transparent),radial-gradient(1.7px 1.7px at 52% 26%,#b9e6ff 50%,transparent),radial-gradient(1.3px 1.3px at 8% 84%,#cfe4ff 50%,transparent),radial-gradient(1.5px 1.5px at 92% 38%,#b7f0ff 50%,transparent);animation:twinkle 4.5s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.35}50%{opacity:.95}}.login-hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px;animation:fadeInUp .6s ease both}.login-mark{--lw: clamp(260px, 74vw, 380px);position:relative;width:var(--lw);height:calc(var(--lw) * .442)}.brand-logo.full{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;background-size:100% auto;background-position:0 0}.mark-ring{position:absolute;z-index:0;border-radius:50%;width:calc(var(--lw) * .48);height:calc(var(--lw) * .48);left:calc(var(--lw) * -.019);top:calc(var(--lw) * -.019)}.mark-ring:before,.mark-ring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.mark-ring:before{background:conic-gradient(from 0deg,transparent 0 58%,rgba(34,211,238,.9) 76%,rgba(139,120,255,.95) 92%,transparent 100%);mask:radial-gradient(circle,transparent 60%,#000 61%,#000 65%,transparent 66%);animation:ringspin 7s linear infinite}.mark-ring:after{top:10%;right:10%;bottom:10%;left:10%;box-shadow:0 0 46px 12px #22d3ee3d,inset 0 0 36px #8b78ff33;animation:halo 3.6s ease-in-out infinite}@keyframes ringspin{to{transform:rotate(360deg)}}@keyframes halo{0%,to{opacity:.5}50%{opacity:1}}.login-tagline{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#7fd4e8;text-align:center}.login-card{position:relative;z-index:1;width:380px;max-width:100%;box-shadow:var(--shadow-soft);background:#11111ad1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .6s .1s ease both}.login-card h1{margin:0 0 4px;font-size:1.7rem;font-family:var(--font-display);font-weight:500;letter-spacing:-.02em}.login-card label,form label{display:block;margin:12px 0 0;font-size:.88rem;color:var(--text);font-weight:600}form label .muted,form label .hint{font-weight:400}.login-card input,form input,form select,form textarea,.modal-box>div>input{width:100%;margin-top:4px;padding:11px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font:inherit;background:var(--card-2);color:var(--text)}.login-card input::placeholder,form input::placeholder,form textarea::placeholder,.modal-box>div>input::placeholder{color:#6b6b7d}.login-card input:focus,form input:focus,form select:focus,form textarea:focus,.modal-box>div>input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #22d3ee2e}.login-card button{margin-top:16px;width:100%}.btn{border:1px solid var(--line-strong);background:var(--card-2);color:var(--text);padding:8px 16px;border-radius:var(--pill);cursor:pointer;font:inherit;font-weight:500;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s}.btn:hover{background:#1b1b27;border-color:var(--line-strong)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary);font-weight:600}.btn.primary:hover{background:var(--accent);border-color:var(--accent);box-shadow:var(--glow)}.btn.danger{color:#fff;background:var(--danger-solid);border-color:var(--danger-solid)}.btn.danger:hover{background:#dc2626;border-color:#dc2626}.btn.small{padding:5px 12px;font-size:.85rem}.btn.info{background:transparent;color:var(--accent);border-color:var(--line-strong)}.btn.info:hover{background:var(--wash-blue);border-color:var(--accent)}.btn.edit{background:transparent;color:var(--warn);border-color:var(--line-strong)}.btn.edit:hover{background:#241f10;border-color:var(--warn)}.shell{display:flex;align-items:flex-start;min-height:100vh}.sidebar{position:sticky;top:0;z-index:20;flex:none;align-self:flex-start;width:236px;height:100vh;max-height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:20px 14px;background:#0a0a12b8;-webkit-backdrop-filter:saturate(1.5) blur(12px);backdrop-filter:saturate(1.5) blur(12px);border-right:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:500;font-family:var(--font-display);letter-spacing:-.01em;font-size:1.05rem;color:var(--text);padding:0 6px}.brand-logo{flex:none;display:inline-block;width:30px;height:30px;background:url(/logo.png) no-repeat 0 0;background-size:68px auto;filter:invert(1)}.brand-logo.lg{width:46px;height:46px;background-size:104px auto;vertical-align:middle}.tabs{display:flex;flex-direction:column;gap:3px;flex:1}.tab{position:relative;display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;padding:11px 12px;border-radius:10px;cursor:pointer;color:var(--muted);font:inherit;font-weight:500;text-align:left;overflow:hidden;transition:color .18s,background .18s,box-shadow .18s}.tab:before{content:"";position:absolute;left:0;top:50%;width:3px;height:58%;background:var(--accent);border-radius:0 3px 3px 0;transform:translateY(-50%) scaleY(0);transform-origin:center;transition:transform .2s ease}.tab:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,transparent 20%,rgba(34,211,238,.12) 50%,transparent 80%);transform:translate(-110%);transition:transform .45s ease}.tab:hover{color:var(--text);background:var(--wash-blue)}.tab:hover:before{transform:translateY(-50%) scaleY(1)}.tab:hover:after{transform:translate(110%)}.tab.active{color:var(--accent);background:#22d3ee17;box-shadow:inset 0 0 0 1px #22d3ee2e}.tab.active:before{transform:translateY(-50%) scaleY(1);box-shadow:0 0 10px var(--accent)}.tab-label{flex:1}.userbox{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding-top:12px;border-top:1px solid var(--line)}.userbox .muted{padding:0 6px 2px}.guest-name{display:flex;flex-direction:column;gap:4px;margin:0 0 4px}.guest-name .hint{padding:0 4px}.guest-name input{width:100%;padding:9px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--card-2);color:var(--text);font:inherit}.guest-name input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #22d3ee2e}@media (max-width: 900px){.guest-name{min-width:200px}}.confirm-text-short{display:none}main{flex:1;min-width:0;max-width:1120px;margin:24px auto;padding:0 24px 96px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.stat-empty{visibility:hidden}.tab-titles{display:flex;gap:12px;align-items:center;margin:10px 0 6px;flex-wrap:wrap}.tab-title{font-family:var(--font-display);font-size:1.08rem;font-weight:600;cursor:pointer;padding:10px 20px;border-radius:14px;color:var(--muted);background:var(--card-2, rgba(255,255,255,.04));border:2px solid var(--line);transition:all .15s}.tab-title:hover{color:var(--text);border-color:var(--line-strong)}.tab-title.on{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:var(--glow)}@media (max-width: 640px){.stat-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);grid-auto-flow:column}.stat-empty{display:none}}.stat{text-align:center;transition:box-shadow .18s ease,border-color .18s}.stat:hover{box-shadow:var(--glow);border-color:var(--line-strong)}.stat .num{font-size:2.1rem;font-weight:500;font-family:var(--font-display);letter-spacing:-.02em}.stat .num:not([class*=col-]){color:var(--text)}.stat .lbl{color:var(--text);font-size:.78rem;font-weight:700;font-family:var(--font-mono);letter-spacing:.06em}.section-title{margin:24px 0 10px;font-size:1.2rem;font-family:var(--font-display);font-weight:500;letter-spacing:-.01em}table{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:.9rem}th{background:var(--card-2);color:var(--text);font-weight:700;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.05em}tr:last-child td{border-bottom:none}td.right,th.right{text-align:right}th:not(:last-child),td:not(:last-child){border-right:1px solid var(--line)}tbody tr{transition:background .15s}tbody tr:hover>td{background:var(--wash-blue)}.col-total{color:var(--primary);font-weight:600}.col-out{color:var(--danger);font-weight:600}.col-remain{color:var(--ok);font-weight:700}.col-inkit{color:var(--warn);font-weight:600}.col-free{color:#2dd4bf;font-weight:700}.badge{display:inline-block;padding:3px 10px;border-radius:var(--pill);font-size:.74rem;font-weight:500;border:1px solid transparent}.badge.tool{background:#60a5fa1f;color:var(--primary)}.badge.consumable{background:#4ade801f;color:var(--ok)}.badge.low{background:#f8717124;color:var(--danger)}.badge.add{background:#4ade801f;color:var(--ok)}.badge.issue,.badge.borrow{background:#fbbf2424;color:var(--warn)}.badge.return,.badge.ready{background:#22d3ee24;color:var(--accent)}.badge.adjust{background:var(--card-2);color:var(--muted)}.badge.repair{background:#fbbf2424;color:var(--warn)}.badge.lost{background:#f8717124;color:var(--danger)}.badge.warn-low{background:#fbbf2424;color:var(--warn)}.overdue-zone{background:#f871710f;border-left:3px solid var(--danger);border-radius:var(--radius-sm);padding:10px 12px 4px;margin-bottom:14px}.overdue-zone table{background:transparent}.badge.st-available{background:#4ade801f;color:var(--ok)}.badge.st-borrowed{background:#facc1524;color:#facc15}.badge.st-repair{background:#fb923c24;color:#fb923c}.badge.st-lost{background:#f8717124;color:#f87171}.badge.st-reserved{background:#2dd4bf24;color:#2dd4bf}.modal-box:has(.stock-summary){width:1040px}.stock-summary{display:flex;flex-wrap:wrap;gap:14px;font-size:.9rem;color:var(--muted);margin-bottom:10px}.stock-summary b{color:var(--fg)}.stock-summary .stock-req{margin-left:auto}.stock-search{width:100%;margin:4px 0 12px;padding:11px 16px;border:1px solid var(--line-strong);border-radius:999px;font:inherit;background:var(--card-2);color:var(--text);transition:box-shadow .15s,border-color .15s}.stock-search::placeholder{color:var(--muted)}.stock-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #22d3ee38;background:var(--card-2)}.stock-search::-webkit-search-cancel-button{cursor:pointer}.code-chips{display:flex;flex-wrap:wrap;gap:5px}.code-chip{font-family:var(--font-mono);font-size:.8rem;padding:2px 9px;border-radius:999px;border:1px solid var(--line-strong);background:#ffffff0d;color:var(--accent)}.code-chip.cc-repair{color:#fb923c;border-color:#fb923c73;background:#fb923c1f}.chat-fab{position:fixed;right:20px;bottom:148px;z-index:42;width:52px;height:52px;border-radius:50%;border:1px solid var(--line-strong);cursor:pointer;font-size:1.45rem;background:var(--accent);color:var(--on-primary);box-shadow:0 6px 22px #0006;transition:transform .15s,opacity .15s}.chat-fab:hover{transform:scale(1.08)}.chat-fab.hide{opacity:0;pointer-events:none}.chat-panel{position:fixed;left:20px;bottom:20px;z-index:61;width:360px;max-width:calc(100vw - 40px);height:520px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 12px 40px #00000080;overflow:hidden}.chat-panel>header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-weight:600;border-bottom:1px solid var(--line);background:#ffffff08}.chat-x{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1rem}.chat-x:hover{color:var(--text)}.chat-body{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.chat-msg{display:flex}.chat-msg.me{justify-content:flex-end}.chat-msg .bubble{max-width:85%;padding:9px 12px;border-radius:14px;font-size:.9rem;line-height:1.5;background:var(--card-2);border:1px solid var(--line);white-space:pre-wrap}.chat-msg.me .bubble{background:var(--accent);color:var(--on-primary);border-color:var(--accent)}.chat-rows{margin-top:8px;display:flex;flex-direction:column;gap:5px}.chat-row{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:5px 8px;border-radius:8px;background:#ffffff0a}.cr-name{font-size:.85rem}.cr-val{font-family:var(--font-mono);font-size:.8rem;white-space:nowrap}.cr-val.ok{color:#4ade80}.cr-val.warn{color:#facc15}.cr-val.bad{color:#f87171}.chat-input{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}.chat-input input{flex:1;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--pill);background:var(--card-2);color:var(--text);font:inherit}.chat-input input:focus{outline:none;border-color:var(--accent)}@media (max-width: 640px){.chat-fab{right:14px;bottom:150px;width:48px;height:48px;font-size:1.3rem}.chat-panel{left:8px;right:8px;bottom:8px;width:auto;max-width:none;height:70vh}}.kit-box{margin-top:12px;padding:12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#ffffff08}.kit-head{font-weight:600;margin-bottom:4px}.kit-row{display:flex;gap:8px;align-items:center;margin-top:8px}.kit-row select{flex:1;margin:0}.kit-row input{margin:0}.kit-list{display:flex;flex-direction:column;gap:6px;margin:4px 0 8px}.kit-line{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:7px 10px;border-radius:var(--radius-sm);background:#ffffff0a;font-size:.9rem}.cat-bar{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}.cat-chip{display:inline-flex;align-items:center;gap:7px;cursor:pointer;padding:7px 14px;border-radius:999px;font:inherit;font-size:.88rem;border:1px solid var(--line-strong);background:var(--card-2);color:var(--text);transition:border-color .15s,background .15s,color .15s}.cat-chip:hover{border-color:var(--accent)}.cat-chip .n{font-family:var(--font-mono);font-size:.78rem;padding:1px 8px;border-radius:999px;background:#ffffff14;color:var(--muted)}.cat-chip.active{background:var(--accent);border-color:var(--accent);color:var(--on-primary)}.cat-chip.active .n{background:#00000038;color:inherit}.cat-chip.fix{border-width:2px;border-color:var(--primary);background:#60a5fa1a;font-weight:600}.cat-chip.fix:hover{background:#60a5fa2e}.cat-chip.fix.active{background:var(--primary);border-color:var(--primary);color:#fff}.cat-chip.fix.robot{border-color:#2dd4bf;background:#2dd4bf1a}.cat-chip.fix.robot:hover{background:#2dd4bf33}.cat-chip.fix.robot.active{background:#2dd4bf;border-color:#2dd4bf;color:#06201c}.cat-chip .sub{font-size:.72rem;color:var(--muted);font-weight:400}.cat-bar.cat-sub{flex-basis:100%;margin:4px 0 0 14px;padding-left:12px;border-left:2px solid var(--line-strong)}.cat-chip.fix.active .sub{color:#fffc}.id-toggle{display:flex;gap:6px;margin-bottom:6px}.id-tab{flex:1;padding:5px 8px;border-radius:8px;font:inherit;font-size:.82rem;cursor:pointer;border:1px solid var(--line-strong);background:var(--card-2);color:var(--muted)}.id-tab.on{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}select.unit-any{color:#2dd4bf;font-style:italic}select.unit-pinned{color:var(--text);font-weight:600}tr.row-active>td{background:#22d3ee1a}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0 4px;font-size:.9rem;flex-wrap:wrap}.pager .btn:disabled{opacity:.4;cursor:default}.pager b{color:var(--text)}.code-chip{display:inline-flex;align-items:center;gap:7px;padding:3px 4px 3px 10px}.code-chip:not(:has(.chip-fix)){padding:2px 9px}.chip-fix{font:inherit;font-size:.72rem;font-family:var(--font-sans, inherit);cursor:pointer;border:none;border-radius:999px;padding:3px 9px;white-space:nowrap;background:#4ade8024;color:#4ade80;transition:background .15s,color .15s}.chip-fix:hover{background:#4ade80;color:#06120a}.code-chip.cc-lost{color:#f87171;border-color:#f8717173;background:#f871711f}.stock-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.stock-col{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column}.stock-col>header{display:flex;align-items:center;gap:8px;padding:8px 10px;font-weight:600;font-size:.88rem;border-bottom:1px solid var(--line);background:#ffffff08}.stock-col>header .n{margin-left:auto;font-family:var(--font-mono);padding:1px 8px;border-radius:999px;background:#ffffff14}.stock-col.sc-ok>header{color:#4ade80}.stock-col.sc-warn>header{color:#facc15}.stock-col.sc-bad>header{color:#f87171}.stock-col.sc-kit>header{color:#2dd4bf}.stock-list{overflow:auto;max-height:52vh}.stock-list .unit-row{flex-wrap:wrap}@media (max-width: 900px){.stock-list{max-height:34vh}}.unit-list{max-height:46vh;overflow:auto;margin:4px 0 14px;border:1px solid var(--line);border-radius:var(--radius-sm)}.unit-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line)}.unit-row:last-child{border-bottom:none}.unit-row .code{font-weight:500;font-family:var(--font-mono);color:var(--accent)}.btn.ok{background:var(--ok);border-color:var(--ok);color:var(--on-primary);font-weight:600}.btn.ok:hover{filter:brightness(1.08)}.btn.warn{background:#fb923c;border-color:#fb923c;color:var(--on-primary);font-weight:600}.btn.warn:hover{filter:brightness(1.08)}.btn.u-borrow{color:#facc15;border-color:#facc1566}.btn.u-return{color:#2dd4bf;border-color:#2dd4bf66}.btn.u-repair{color:#fb923c;border-color:#fb923c66}.btn.u-lost{color:#f87171;border-color:#f8717166}.btn.u-ready{color:#4ade80;border-color:#4ade8066}.btn.u-borrow:hover{background:#facc151f;border-color:#facc15}.btn.u-return:hover{background:#2dd4bf1f;border-color:#2dd4bf}.btn.u-repair:hover{background:#fb923c1f;border-color:#fb923c}.btn.u-lost:hover{background:#f871711f;border-color:#f87171}.btn.u-ready:hover{background:#4ade801f;border-color:#4ade80}.unit-row .holder{color:var(--muted);font-size:.82rem}.unit-row .acts{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}.subtabs{display:flex;gap:6px;margin-bottom:10px}.subtabs .btn.active{background:var(--accent);color:var(--on-primary);border-color:var(--accent)}.caret{font-size:.7em;margin-left:2px}tr.expanded-parent>td{background:var(--wash-blue)}tr.expand-row>td{background:var(--bg-2);padding:0;border-right:none}.units-panel{padding:14px 16px;max-width:620px}.units-panel .form-row>label input,.units-panel form input{max-width:100%}.toolbar{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.toolbar input[type=search]{flex:1;min-width:180px;padding:11px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font:inherit;background:var(--card-2);color:var(--text)}.toolbar input[type=search]::placeholder{color:#6b6b7d}.toolbar input[type=search]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #22d3ee2e}.check-inline{display:flex;align-items:center;gap:6px;font-size:.88rem;color:var(--muted);white-space:nowrap;cursor:pointer}.check-inline input{width:auto;margin:0;accent-color:var(--accent)}.qty-strong{font-weight:700}.row-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;white-space:normal}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:16px;z-index:50}.modal-box{width:460px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:var(--shadow-soft)}.modal-box.wide{width:620px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal-head h3{margin:0;font-family:var(--font-display);font-weight:500;letter-spacing:-.01em}.form-row{display:flex;gap:10px}.form-row>label{flex:1}.hint{font-size:.8rem;color:var(--muted);margin-top:2px}.movebtns{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 14px}.movebtns .btn{flex:1;min-width:90px}.btn.k-add{color:#4ade80;border-color:#4ade8073}.btn.k-return{color:#2dd4bf;border-color:#2dd4bf73}.btn.k-borrow,.btn.k-issue{color:#f87171;border-color:#f8717173}.btn.k-adjust{color:#fbbf24;border-color:#fbbf2473}.btn.k-add:hover{background:#4ade801f;border-color:#4ade80}.btn.k-return:hover{background:#2dd4bf1f;border-color:#2dd4bf}.btn.k-borrow:hover,.btn.k-issue:hover{background:#f871711f;border-color:#f87171}.btn.k-adjust:hover{background:#fbbf241f;border-color:#fbbf24}.btn.k-add.active{background:#4ade80;border-color:#4ade80;color:var(--on-primary);font-weight:600}.btn.k-return.active{background:#2dd4bf;border-color:#2dd4bf;color:var(--on-primary);font-weight:600}.btn.k-borrow.active,.btn.k-issue.active{background:#f87171;border-color:#f87171;color:var(--on-primary);font-weight:600}.btn.k-adjust.active{background:#fbbf24;border-color:#fbbf24;color:var(--on-primary);font-weight:600}.btn.k-add.active:hover{background:#22c55e;border-color:#22c55e}.btn.k-return.active:hover{background:#14b8a6;border-color:#14b8a6}.btn.k-borrow.active:hover,.btn.k-issue.active:hover{background:#ef4444;border-color:#ef4444}.btn.k-adjust.active:hover{background:#f59e0b;border-color:#f59e0b}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--card);color:var(--text);border:1px solid var(--line-strong);padding:10px 18px;border-radius:var(--pill);z-index:100;opacity:0;transition:opacity .2s;pointer-events:none;box-shadow:var(--shadow-soft)}.toast.show{opacity:1}.subtabs.wrap{flex-wrap:wrap}.tab-badge{display:inline-block;min-width:18px;height:18px;line-height:18px;text-align:center;background:var(--danger-solid);color:#fff;border-radius:var(--pill);font-size:.72rem;margin-left:5px;padding:0 5px}.req-list{display:flex;flex-direction:column;gap:10px}.req-bar{display:flex;align-items:center;gap:16px;padding:16px;flex-wrap:wrap;transition:box-shadow .18s ease,border-color .18s ease}.req-bar:hover{box-shadow:var(--glow);border-color:var(--line-strong)}.req-info{flex:1;min-width:200px;display:flex;flex-direction:column;gap:4px}.req-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.req-title strong{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em}.req-sub{display:flex;gap:14px;flex-wrap:wrap;font-size:.84rem;color:var(--muted)}.req-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.req-imgs{display:flex;gap:8px}.unit-select{padding:6px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font:inherit;font-size:.85rem;background:var(--card-2);color:var(--text)}.item-thumb{display:block;margin-top:6px;width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line);cursor:pointer;transition:border-color .15s,box-shadow .15s}.item-thumb:hover{border-color:var(--accent);box-shadow:var(--glow)}.borrow-cell{display:flex;flex-direction:column;gap:3px}.borrow-line{display:flex;align-items:baseline;gap:6px}.borrow-code{font-family:var(--font-mono);font-size:.78rem;color:var(--accent)}.bstat{font-size:.82rem;font-weight:600}.bstat-borrowed{color:#facc15}.bstat-kit{color:#2dd4bf}.bstat-repair{color:#fb923c}.bstat-lost{color:#f87171}.detail-img{display:block;width:100%;max-height:300px;object-fit:contain;background:var(--card-2);border:1px solid var(--line);border-radius:var(--radius)}.detail-noimg{display:grid;place-items:center;height:110px;color:var(--muted);background:var(--card-2);border:1px dashed var(--line-strong);border-radius:var(--radius)}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}.detail-head{margin:16px 0 6px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.detail-spec{white-space:pre-wrap;word-break:break-word;background:var(--card-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;font-size:.92rem;line-height:1.6}form textarea{resize:vertical;min-height:90px;font-family:inherit}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:var(--pill);background:var(--danger-solid);color:#fff;font-size:.72rem;font-weight:700}.btn.small.active .tab-count{background:var(--on-primary);color:var(--accent)}.unit-pick{display:flex;flex-direction:column;gap:6px}.unit-chips{display:flex;flex-wrap:wrap;gap:6px;max-width:420px}.unit-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border:1px solid var(--line-strong);border-radius:var(--pill);font-size:.82rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-mono);color:var(--text)}.unit-chip:hover{border-color:var(--accent);color:var(--accent)}.unit-chip.on{background:var(--accent);color:var(--on-primary);border-color:var(--accent)}.unit-chip.disabled{opacity:.35;cursor:not-allowed}.unit-chip.disabled:hover{border-color:var(--line-strong);color:var(--text)}.unit-chip input{width:auto;margin:0;accent-color:var(--accent)}.row-click{cursor:pointer}.row-click:hover>td{background:#22d3ee12}.borrow-fab{position:fixed;right:20px;bottom:84px;z-index:41;display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border:none;border-radius:var(--pill);background:linear-gradient(180deg,#f43f5e,#b91c1c);color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 8px 26px #f43f5e6b,0 2px 8px #00000080;animation:fadeInUp .3s ease both;transition:filter .15s,box-shadow .15s}.borrow-fab:hover{filter:brightness(1.12);box-shadow:0 10px 34px #f43f5e99,0 2px 8px #00000080}.borrow-fab:active{transform:translateY(1px)}.fab-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--pill);pointer-events:none;animation:fabPulse 2.2s ease-out infinite}@keyframes fabPulse{0%{box-shadow:0 0 #f43f5e80}70%{box-shadow:0 0 0 16px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}.cart-bar{position:fixed;bottom:20px;right:20px;z-index:40;display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:var(--on-primary);padding:12px 18px;border:none;border-radius:var(--pill);box-shadow:var(--glow),var(--shadow-soft);cursor:pointer;font:inherit;font-weight:600;animation:fadeInUp .25s ease both}.cart-bar:hover{background:var(--accent)}.cart-bar b{font-weight:800}.cart-cta{margin-left:4px;opacity:.8}.cart-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cart-lines{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow:auto}.cart-line{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.cart-line:last-child{border-bottom:none}.cart-line-info{flex:1;display:flex;flex-direction:column;gap:2px}.cart-line-info strong{font-family:var(--font-display);font-weight:500}.cart-line input{margin:0}.order-card{padding:0;overflow:hidden}.order-head{display:flex;align-items:center;gap:16px;padding:16px;cursor:pointer}.order-head:hover{background:var(--wash-blue)}.order-lines{border-top:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:10px;background:var(--bg-2)}.thumb{margin:0;cursor:pointer;text-align:center}.thumb img{width:72px;height:72px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line)}.thumb figcaption{font-size:.72rem;color:var(--muted);margin-top:2px}.img-full{max-width:92vw;max-height:88vh;border-radius:var(--radius)}.img-preview{width:100%;max-height:240px;object-fit:contain;border-radius:var(--radius-sm);margin-top:10px;border:1px solid var(--line)}.badge.st-pending{background:#fbbf2424;color:var(--warn)}.badge.st-approved{background:#60a5fa24;color:var(--primary)}.badge.st-handed{background:#22d3ee24;color:var(--accent)}.badge.st-received{background:#4ade801f;color:var(--ok)}.badge.st-returned{background:var(--card-2);color:var(--muted)}.badge.st-rejected{background:#f8717124;color:var(--danger)}.badge.st-cancelled{background:var(--card-2);color:var(--muted)}@media (max-width: 900px){.shell{flex-direction:column;width:100%;max-width:100%}main{width:100%;max-width:100%;min-width:0;overflow-x:hidden}table{display:block;width:100%;max-width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.sidebar{width:100%;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 12px;border-right:none;border-bottom:1px solid var(--line)}.sidebar>.brand{order:1}.userbox{order:2}.tabs{order:3;flex:0 0 100%;width:100%;flex-direction:row;overflow-x:auto;gap:4px}.tab{white-space:nowrap;padding:8px 12px;border-radius:var(--pill);width:auto}.tab:before{left:12px;right:12px;top:auto;bottom:2px;width:auto;height:2px;border-radius:2px;transform:translateY(0) scaleX(0)}.tab:hover:before,.tab.active:before{transform:translateY(0) scaleX(1)}.userbox{flex-direction:row;flex-wrap:wrap;align-items:center;margin-left:auto;padding-top:0;border-top:none}.userbox .btn{white-space:nowrap;flex:none}.guest-name{flex:1 1 200px}main{margin:14px auto}}@media (max-width: 640px){.brand{width:100%;font-size:1rem}.tabs{gap:6px;padding-bottom:2px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:7px 14px;font-size:.9rem}.userbox{width:100%;margin-left:0;gap:6px}.guest-name{flex:1 1 100%;min-width:0}.userbox .btn{padding:9px 14px;font-size:.9rem;flex:1 1 auto}.confirm-text-full{display:none}.confirm-text-short{display:inline}main{padding:0 12px 96px}.toolbar{flex-direction:column}.toolbar .btn{width:100%}.req-list{grid-template-columns:1fr}.modal-box{width:100%}.row-actions{flex-wrap:wrap}.cart-bar{left:16px;right:16px;justify-content:center}.toast{bottom:78px;max-width:calc(100% - 32px)}.stat{padding:14px 8px}.stat .num{font-size:1.5rem;word-break:break-word}.stat .lbl{font-size:.68rem}.btn.small{padding:8px 13px;min-height:36px}.unit-select,.id-tab,.cat-chip{min-height:36px}}