:root{--color-bg: #fafafa;--color-surface: #fafafa;--color-surface-2: #f0f0f0;--color-text: oklch(.26 .03 260);--color-muted: oklch(.46 .02 260);--color-border: oklch(.84 .02 260);--color-hairline: oklch(.9 .01 260);--color-accent: oklch(.62 .16 262);--color-on-accent: oklch(.98 .01 270);--font-sans: ui-sans-serif, system-ui, "Inter", "Inter var", "SF Pro Text", "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-size-base: 15.5px;--line-height-base: 1.5;--radius-md: 5px;--radius-lg: 8px;--modal-max-width: 800px;--modal-max-w: ex. 1000px;--modal-max-h: ex. 88vh;color-scheme:light}:root.dark{--color-bg: oklch(.17 .03 260);--color-surface: oklch(.2 .03 260);--color-surface-2: oklch(.28 .04 260);--color-text: oklch(.95 .01 260);--color-muted: oklch(.78 .02 260);--color-border: oklch(.33 .02 260);--color-hairline: oklch(.28 .02 260);--color-accent: oklch(.7 .18 262);--color-on-accent: oklch(.15 .03 260);color-scheme:dark}@media(prefers-contrast:more){:root{--color-surface-2: oklch(.92 .02 260);--color-border: oklch(.78 .02 260)}}@media(prefers-contrast:more){:root.dark{--color-surface-2: oklch(.32 .04 260);--color-border: oklch(.38 .02 260)}}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans),serif;font-size:var(--font-size-base);line-height:var(--line-height-base);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:where(button,a,[role=button],.tap-target){min-height:36px;min-width:36px}:where(:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.app-header{background:var(--color-bg);border-bottom:1px solid var(--color-hairline);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-rail{background:var(--color-surface);border-right:1px solid var(--color-hairline)}.app-rail--dark{--sidebar-bg: #071125;--sidebar-bg-hover: #0c1a36;--sidebar-border: rgba(255, 255, 255, .08);--sidebar-text: #f4f7ff;--sidebar-muted: rgba(244, 247, 255, .6);--sidebar-active: #2563eb;--sidebar-button: #0f1c3a;background:var(--sidebar-bg);border-right-color:var(--sidebar-border);color:var(--sidebar-text)}.app-rail--dark .menu-item{color:var(--sidebar-text);background:transparent;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease;text-decoration:none}.app-rail--dark .menu-item:hover{background:oklch(from var(--sidebar-text) l c h / .08)}.app-rail--dark .menu-item:active{background:oklch(from var(--sidebar-text) l c h / .12);transform:scale(.98)}.app-rail--dark .menu-item[aria-current=page],.app-rail--dark .menu-item.active{background:var(--sidebar-active);color:var(--color-on-accent);box-shadow:0 2px 8px oklch(from var(--sidebar-active) l c h / .3)}.app-rail--dark .menu-item[aria-current=page]:hover,.app-rail--dark .menu-item.active:hover{filter:brightness(1.1)}.app-rail--dark .menu-item[aria-current=page]:active,.app-rail--dark .menu-item.active:active{filter:brightness(.95);transform:scale(.98)}.app-rail--dark .menu-icon,.app-rail--dark .menu-label{color:inherit}.app-rail--dark .menu-item.inventory-active{background:var(--sidebar-bg-hover);color:var(--sidebar-text)}.app-rail--dark .btn{background:var(--sidebar-button);border-color:var(--sidebar-border);color:var(--sidebar-text);transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease}.app-rail--dark .btn:hover{background:var(--sidebar-bg-hover)}.app-rail--dark .btn:active{transform:scale(.98)}.menu-item{color:var(--color-text);background:transparent;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease;text-decoration:none}.menu-item.inventory-active,.menu-item:hover{background:oklch(from var(--color-accent) l c h / .08)}.menu-item:active{background:oklch(from var(--color-accent) l c h / .12);transform:scale(.98)}.menu-item[aria-current=page],.menu-item.active{background:var(--color-accent);color:var(--color-on-accent);box-shadow:0 2px 8px oklch(from var(--color-accent) l c h / .25)}.menu-item[aria-current=page]:hover,.menu-item.active:hover{filter:brightness(1.1)}.menu-item[aria-current=page]:active,.menu-item.active:active{filter:brightness(.95);transform:scale(.98)}.menu-icon{color:currentColor;opacity:.92}.menu-label{color:currentColor}.btn{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-shrink:0;text-align:center;white-space:nowrap;word-break:keep-all;gap:.35rem;transition:background-color .15s ease,box-shadow .15s ease,opacity .15s ease;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.table-row{transition:background-color .12s ease,box-shadow .12s ease}.table-row:hover,.table-row:focus-within{background:oklch(from var(--color-accent) l c h / .08);box-shadow:inset 0 0 0 1px oklch(from var(--color-accent) l c h / .2)}:root.dark .table-row:hover,:root.dark .table-row:focus-within{background:oklch(from var(--color-accent) l c h / .12);box-shadow:inset 0 0 0 1px oklch(from var(--color-accent) l c h / .25)}.dropdown-panel{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-md);box-shadow:0 8px 16px #0f172a1f;min-width:11rem;padding:.35rem 0;z-index:1000}.dropdown-item{display:flex;align-items:center;justify-content:flex-start;gap:.4rem;width:100%;padding:.5rem .85rem;font-size:.85rem;background:transparent;border:0;color:var(--color-text)}.dropdown-item:hover,.dropdown-item:focus-visible{background:var(--color-surface-2);outline:none}.dropdown-item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.dropdown-item.text-red-600{color:#dc2626}.dropdown-item.text-red-600:hover,.dropdown-item.text-red-600:focus-visible{color:#b91c1c}.modal-backdrop{position:fixed;inset:0;background:#0f172a6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60}.modal-panel{position:fixed;inset:0;display:grid;place-items:center;z-index:61;padding:1.5rem;overflow:auto}.modal-panel--sidebar{display:flex;justify-content:flex-end;align-items:stretch;padding:0}.modal-surface{background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-lg);box-shadow:0 24px 48px #0f172a24;width:min(100%,82vw);max-width:var(--modal-max-width, 34rem);max-height:var(--modal-max-h, 86vh);overflow:auto;border:1px solid var(--color-hairline);padding:1.5rem}.modal-surface--sidebar{width:clamp(320px,40vw,720px);max-width:none;height:100vh;max-height:none;border-radius:0;border-left:1px solid var(--color-hairline);border-right:0;box-shadow:-24px 0 48px #0f172a3d;overflow-y:auto}@media(max-width:768px){.modal-surface--sidebar{width:100vw}}@media(max-width:768px){.modal-panel{padding:1rem .5rem;align-items:flex-start}.modal-surface{max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);width:100%;max-width:100%}}@media(max-width:480px){.modal-panel{padding:.5rem}.modal-surface{padding:1rem;max-height:calc(100vh - 1rem);max-height:calc(100dvh - 1rem);border-radius:var(--radius-md)}}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-2);color:var(--color-text);font-size:.8rem;line-height:1}.chip-close{border:0;background:transparent;line-height:1;padding:0 .15rem;cursor:pointer;color:var(--color-muted)}.chip-close:hover{color:var(--color-text)}@keyframes slide-in-right{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-in-right{animation:slide-in-right .3s ease-out}@keyframes toast-progress{0%{transform:scaleX(1);transform-origin:left}to{transform:scaleX(0);transform-origin:left}}.shadow-railway{box-shadow:0 8px 16px #0f172a1f}:root.dark .shadow-railway{box-shadow:0 8px 16px #00000052}.info-shell{--info-sidebar-width: 0px;--info-shell-gap: clamp(.75rem, 2vw, 1.25rem);--info-shell-top-offset: var(--app-header-height, 56px);width:100%;height:100%;min-height:0;display:flex;align-items:stretch;gap:0;overflow-x:hidden;position:relative}.info-shell--sidebar-open{--info-sidebar-width: clamp(320px, 40%, 560px);--info-shell-gap: 0px}.info-shell--nav-collapsed.info-shell--sidebar-open{--info-sidebar-width: clamp(360px, 46%, 640px)}.info-shell__main{flex:1 1 auto;min-width:0;padding-right:var(--info-shell-gap);padding-left:var(--info-shell-gap);transition:margin-right .3s ease}.info-shell--sidebar-open .info-shell__main{margin-right:calc(var(--info-sidebar-width) + var(--info-shell-gap));margin-left:var(--info-shell-gap)}.info-shell__sidebar{position:fixed;top:var(--info-shell-top-offset);right:0;bottom:0;width:var(--info-sidebar-width);max-width:var(--info-sidebar-width);background:var(--color-bg);padding:0;display:flex;flex-direction:column;opacity:0;transform:translate(40px);transition:opacity .35s ease,transform .35s ease,padding .2s ease,box-shadow .2s ease;pointer-events:none;box-shadow:none;z-index:20;border-left:1px solid var(--color-hairline)}.info-shell__sidebar--visible{opacity:1;padding:1.25rem 1.5rem;box-shadow:-4px 0 24px #0f172a14}.info-shell--sidebar-open .info-shell__sidebar{pointer-events:auto;transform:translate(0)}@keyframes tooltip-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.sidebar-tooltip{animation:tooltip-slide-in .15s ease-out}.sidebar-rail{transition:width .3s cubic-bezier(.4,0,.2,1)}.sidebar-rail.collapsing{transition:width .4s cubic-bezier(.4,0,.2,1)}.command-palette{border:1px solid var(--color-border)}.command-palette kbd{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.75rem;font-weight:500;line-height:1}