:root{--bg: #09111f;--bg-2: #0e182b;--panel: rgba(15, 23, 42, .82);--panel-strong: rgba(16, 24, 42, .96);--line: rgba(148, 163, 184, .14);--line-strong: rgba(148, 163, 184, .2);--text: #e5eefc;--muted: #8d9bb7;--muted-2: #6f7c98;--accent: #6f63ff;--accent-2: #8b7bff;--accent-soft: rgba(111, 99, 255, .15);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .14);--success: #22c55e;--success-soft: rgba(34, 197, 94, .14);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .14);--shadow: 0 24px 80px rgba(0, 0, 0, .36);--radius: 22px;--radius-sm: 14px;--radius-xs: 10px;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[data-theme=light]{--bg: #eef2fb;--bg-2: #e1e8f6;--panel: rgba(255, 255, 255, .88);--panel-strong: rgba(255, 255, 255, .96);--line: rgba(15, 23, 42, .08);--line-strong: rgba(15, 23, 42, .14);--text: #0f172a;--muted: #475569;--muted-2: #64748b;--accent: #5b4eff;--accent-2: #766cff;--accent-soft: rgba(91, 78, 255, .12);--shadow: 0 18px 50px rgba(15, 23, 42, .08);color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left,rgba(111,99,255,.22),transparent 30%),radial-gradient(circle at bottom right,rgba(34,197,94,.1),transparent 22%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}svg.icon{width:18px;height:18px;flex-shrink:0}.icon-small{width:14px;height:14px}.icon-button-left{margin-right:8px}.rotate-180{transform:rotate(180deg)}.app-shell{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:linear-gradient(180deg,#060c18eb,#09111fe0);padding:22px 18px;display:flex;flex-direction:column;gap:22px}html[data-theme=light] .sidebar{background:linear-gradient(180deg,#ffffffeb,#f4f7ffeb)}.brand,.mobile-brand{display:flex;align-items:center;gap:14px}.brand-mark{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:18px;box-shadow:0 12px 28px #6f63ff59}.brand-logo{width:44px;height:44px;object-fit:contain;flex-shrink:0}.brand-name{font-size:18px;font-weight:700;letter-spacing:-.02em}.brand-sub{color:var(--muted);font-size:13px;margin-top:3px}.nav{display:flex;flex-direction:column;gap:10px}.nav-item{width:100%;border:1px solid transparent;background:transparent;color:var(--text);text-align:left;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;transition:all .18s ease}.nav-item:hover{background:#94a3b814}.nav-item-active{background:linear-gradient(135deg,#6f63ff2e,#8b7bff14);border-color:#6f63ff52;box-shadow:inset 0 0 0 1px #6f63ff14}.nav-icon{width:24px;height:24px;border-radius:10px;background:#6f63ff1f;display:grid;place-items:center;color:#bdb8ff}.sidebar-actions{display:flex;flex-direction:column;gap:10px}.ghost-link{border:none;background:transparent;color:var(--muted);padding:8px 4px;text-align:left}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:14px}.user-chip{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#94a3b80f}.user-chip-label{color:var(--muted);font-size:12px}.user-chip-name{font-size:16px;font-weight:700}.avatar{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:700}.avatar-small{width:34px;height:34px;font-size:13px}.sidebar-utility{display:flex;gap:10px;flex-wrap:wrap}.utility-button{border:1px solid var(--line);background:#94a3b80f;color:var(--text);border-radius:14px;padding:10px 12px;display:inline-flex;align-items:center;gap:10px}.utility-pill{padding:11px 14px}.content{min-width:0;padding:18px;position:relative}.topbar{display:none;align-items:center;justify-content:space-between;margin-bottom:18px}.topbar-right{display:flex;align-items:center;gap:10px}.hero{display:flex;align-items:end;justify-content:flex-end;gap:20px;margin-bottom:18px;padding:14px 4px 4px}.eyebrow{color:#a7a0ff;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;margin-bottom:8px}.hero h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.02;letter-spacing:-.04em;max-width:14ch}.hero p{margin:10px 0 0;color:var(--muted);max-width:64ch}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-screen,.loading-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.loading-card{padding:24px 28px;border-radius:22px;border:1px solid var(--line);background:var(--panel);display:flex;align-items:center;gap:14px;box-shadow:var(--shadow)}.spinner{width:20px;height:20px;border-radius:999px;border:2px solid var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite}.login-card{width:min(480px,100%);padding:28px}.login-card h1{margin:14px 0 0;font-size:32px;letter-spacing:-.04em}.login-card p{margin:10px 0 0;color:var(--muted)}.login-badge{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-2);font-size:13px;font-weight:700}.login-form{display:grid;gap:14px;margin-top:20px}.login-error{margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--danger-soft);border:1px solid rgba(239,68,68,.2);color:#ffb8b8}.field{display:grid;gap:8px}.field-label{display:flex;justify-content:space-between;gap:10px;align-items:baseline;color:var(--text);font-size:13px;font-weight:600}.field-hint{color:var(--muted);font-size:12px;font-weight:500}.required{color:#ff8c8c;margin-left:3px}.input,.textarea,.select{width:100%;border-radius:14px;border:1px solid var(--line-strong);background:#ffffff08;color:var(--text);padding:12px 14px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}html[data-theme=light] .input,html[data-theme=light] .textarea,html[data-theme=light] .select{background:#ffffffc7}.input:focus,.textarea:focus,.select:focus{border-color:#6f63ffa6;box-shadow:0 0 0 4px #6f63ff24}.input::placeholder,.textarea::placeholder{color:var(--muted-2)}.textarea{resize:vertical;min-height:110px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.button{border:none;border-radius:16px;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,opacity .14s ease}.button:hover,.icon-button:hover,.nav-item:hover,.utility-button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 14px 28px #6f63ff47}.button-secondary{color:var(--text);background:#94a3b814;border:1px solid var(--line)}.button-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.filters-card,.section-head,.inventory-table-wrap,.mobile-inventory,.locations-grid,.activity-list{margin-top:16px}.filters-card{padding:16px}.search-row{display:flex;gap:10px;align-items:center}.search-box{flex:1;display:flex;align-items:center;gap:10px;padding:4px 6px 4px 12px;border:1px solid var(--line-strong);border-radius:16px;background:#ffffff08}.search-box .input{border:none;background:transparent;box-shadow:none;padding-left:0}.filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:14px;max-height:0;overflow:hidden;opacity:0;transition:all .22s ease}.filter-grid-open{max-height:280px;opacity:1}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px}.section-head h3{margin:0;font-size:20px;letter-spacing:-.02em}.section-head p{margin:6px 0 0;color:var(--muted)}.pagination-controls label{display:inline-flex;align-items:center;gap:10px;color:var(--muted)}.pagination-controls .select{width:84px;padding:10px 12px}.inventory-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.inventory-table{width:100%;border-collapse:collapse;min-width:1220px}.inventory-table thead th{position:sticky;top:0;z-index:1;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);padding:15px 16px;background:#0c1424db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html[data-theme=light] .inventory-table thead th{background:#ffffffe6}.inventory-table tbody td{padding:16px;border-top:1px solid var(--line);vertical-align:top}.inventory-table tbody tr{transition:background .14s ease,transform .14s ease}.inventory-table tbody tr:hover{background:#6f63ff0f}.cell-title{font-weight:700;letter-spacing:-.02em}.cell-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#b9c4de}html[data-theme=light] .cell-mono{color:#1e293b}.qty-badge{display:inline-flex;min-width:44px;justify-content:center;padding:8px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-2);font-weight:800}.chip-stack{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;border:1px solid var(--line);font-size:12px;font-weight:700;white-space:nowrap}.pill-neutral{background:#94a3b814;color:var(--text)}.pill-blue{background:#3b82f621;color:#b8d4ff;border-color:#3b82f629}.pill-purple{background:#6f63ff29;color:#d4d0ff;border-color:#6f63ff3d}.pill-green{background:var(--success-soft);color:#b8f0c8;border-color:#22c55e33}.pill-red{background:var(--danger-soft);color:#ffd1d1;border-color:#ef444438}html[data-theme=light] .pill-blue{background:#2563eb1f;color:#1d4ed8;border-color:#2563eb3d}html[data-theme=light] .pill-purple{background:#6d28d91f;color:#5b21b6;border-color:#6d28d938}html[data-theme=light] .pill-green{background:#16a34a1f;color:#166534;border-color:#16a34a38}html[data-theme=light] .pill-red{background:#dc26261a;color:#991b1b;border-color:#dc262638}.stacked-cell{display:grid;gap:4px}.stacked-cell strong{font-size:14px}.stacked-cell span{color:var(--muted)}.row-actions{color:var(--accent-2);font-weight:700}.empty-state{padding:28px;text-align:center;color:var(--muted)}.empty-state h4{margin:0;color:var(--text);font-size:18px}.empty-state p{margin:8px 0 0}.mobile-inventory{display:none;gap:12px}.inventory-card{width:100%;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);text-align:left;padding:16px;display:grid;gap:12px}.inventory-card-head{display:flex;justify-content:space-between;gap:10px}.inventory-card-title{font-size:18px;font-weight:800;letter-spacing:-.03em}.inventory-card-sub{color:var(--muted);margin-top:4px}.inventory-card-total{font-size:24px;font-weight:900;color:var(--accent-2)}.inventory-card-desc,.inventory-card-locations,.inventory-card-updated{color:var(--muted)}.footer-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px;color:var(--muted)}.pager{display:flex;gap:10px}.pager .button{padding:10px 12px}.locations-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.location-card{padding:18px}.location-inactive{opacity:.75}.location-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.location-title{font-size:18px;font-weight:800}.location-sub{color:var(--muted);margin-top:6px}.location-shelf-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.location-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.location-stats>div{padding:14px;border:1px solid var(--line);border-radius:16px;background:#94a3b80d}.stat-number{display:block;font-size:18px;font-weight:900;letter-spacing:-.03em}.stat-label{display:block;margin-top:6px;color:var(--muted);font-size:12px}.location-actions{display:flex;gap:10px;margin-top:16px}.location-inventory-breakdown{display:grid;gap:10px;margin-top:16px}.location-inventory-row{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;width:100%;padding:12px;border:1px solid var(--line);border-radius:16px;background:#94a3b80d;color:var(--text);text-align:left;transition:border-color .14s ease,background .14s ease,transform .14s ease}.location-inventory-row:hover{border-color:#6f63ff4d;background:#6f63ff12;transform:translateY(-1px)}.location-inventory-qty{display:grid;place-items:center;min-height:44px;border-radius:14px;background:var(--accent-soft);color:var(--accent-2);font-weight:900}.location-inventory-main{min-width:0}.location-inventory-title{font-weight:850;letter-spacing:-.02em}.location-inventory-title span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}html[data-theme=light] .location-inventory-title span{color:#1e293b}.location-inventory-desc{color:var(--muted);margin-top:4px;font-size:13px}.location-inventory-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.location-empty-inventory{color:var(--muted);border:1px dashed var(--line-strong);border-radius:16px;padding:14px;text-align:center;font-size:13px}.activity-list{display:grid;gap:12px}.activity-card{padding:18px}.activity-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.activity-identity{display:flex;gap:12px;align-items:center}.activity-summary{font-weight:800;letter-spacing:-.02em}.activity-meta{color:var(--muted);margin-top:4px;font-size:13px}.activity-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;margin-top:14px;color:var(--muted)}.activity-details strong{color:var(--text)}.drawer{position:fixed;top:0;right:0;width:min(720px,92vw);height:100vh;background:var(--panel-strong);border-left:1px solid var(--line);transform:translate(102%);transition:transform .22s ease;z-index:50;display:flex;flex-direction:column;box-shadow:var(--shadow)}.drawer-wide{width:min(1080px,92vw)}.drawer-narrow{width:min(720px,92vw)}.drawer-open{transform:translate(0)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061780;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:45}.overlay-open{opacity:1;pointer-events:auto}.drawer-header{padding:18px 18px 0;display:flex;justify-content:space-between;gap:10px;align-items:start}.drawer-title{font-size:24px;font-weight:900;letter-spacing:-.04em}.drawer-subtitle{color:var(--muted);margin-top:6px}.icon-button{border:1px solid var(--line);background:#94a3b814;color:var(--text);border-radius:14px;width:42px;height:42px;display:grid;place-items:center}.icon-button.danger{color:#ffd1d1}html[data-theme=light] .icon-button.danger{color:#b91c1c}.drawer-tabs{display:flex;gap:8px;padding:18px 18px 0}.drawer-tab{border:1px solid var(--line);background:#94a3b80f;color:var(--text);border-radius:999px;padding:9px 12px;font-weight:700}.drawer-tab-active{background:var(--accent-soft);border-color:#6f63ff3d;color:#ddd8ff}html[data-theme=light] .drawer-tab-active{color:#4338ca}.drawer-body{overflow:auto;padding:18px;display:grid;gap:14px;flex:1}.form-section{padding:16px}.section-title{font-size:15px;font-weight:900;letter-spacing:-.02em;margin-bottom:14px}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.location-rows{display:grid;gap:10px}.location-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 44px;gap:10px;align-items:center}.inline-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;flex-wrap:wrap}.helper-text{color:var(--muted);font-size:12px}.history-list{display:grid;gap:12px}.history-row{border:1px solid var(--line);border-radius:18px;background:#94a3b80d;padding:14px}.history-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.history-meta{color:var(--muted);margin-top:8px;font-size:12px}.history-summary{margin-top:8px;font-weight:700}.history-fields{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;color:var(--muted);font-size:12px}.history-changes{display:grid;gap:8px;margin-top:12px}.history-change{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#94a3b80f}.history-change-label{color:var(--muted);font-size:12px;font-weight:700}.history-change-values{display:flex;flex-wrap:wrap;gap:8px;color:var(--text);font-size:13px}.drawer-footer{border-top:1px solid var(--line);padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;gap:12px;flex-shrink:0;background:var(--panel-strong)}.drawer-footer-right,.drawer-footer-left{display:flex;gap:10px}.toast-stack{position:fixed;top:16px;right:16px;display:grid;gap:10px;z-index:80;width:min(360px,calc(100vw - 32px))}.toast{border-radius:18px;padding:14px;border:1px solid var(--line);background:var(--panel-strong);display:flex;justify-content:space-between;gap:10px;box-shadow:var(--shadow)}.toast-success{border-color:#22c55e3d}.toast-error{border-color:#ef44443d}.toast-title{font-weight:800}.toast-message{color:var(--muted);margin-top:4px;font-size:13px}.toast-dismiss{border:none;background:transparent;color:var(--muted)}.floating-add{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:18px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 18px 36px #6f63ff57;display:none;place-items:center;z-index:40}.loading-screen{padding:18px}.compact{padding:20px!important}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{display:flex}.content{padding:14px}.locations-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-details{grid-template-columns:1fr}.drawer{width:100vw}}@media(max-width:860px){.hero{flex-direction:column;align-items:start}.search-row{flex-direction:column;align-items:stretch}.filter-grid-open{max-height:600px}.section-head{flex-direction:column;align-items:start}.inventory-table-wrap{display:none}.mobile-inventory{display:grid}.drawer-footer{flex-direction:column}.drawer-footer-right,.drawer-footer-left{width:100%;justify-content:space-between}.floating-add{display:grid}}@media(max-width:640px){.login-card{padding:22px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.location-row{grid-template-columns:minmax(0,1fr) 84px 40px}.drawer-footer{padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px))}.drawer-footer-right,.drawer-footer-left{flex-direction:column-reverse;gap:8px}.drawer-footer .button{width:100%;min-height:44px}.toast-stack{left:14px;right:14px;width:auto}.inventory-card{border-radius:18px}}