:root{--brand-green: #00ed64;--brand-green-dark: #00684a;--brand-green-mid: #00a35c;--brand-green-soft: #c3f0d2;--brand-teal-deep: #001e2b;--brand-teal: #003d4f;--brand-teal-mid: #00684a;--on-primary: #001e2b;--alert-bg: #fff1ee;--alert-text: #a3341a;--alert-border: #f3b8a6;--alert-solid: #e2521f;--canvas: #ffffff;--canvas-dark: #001e2b;--surface: #f9fbfa;--surface-soft: #f4f7f6;--surface-feature: #e3fcef;--hairline: #e1e5e8;--hairline-soft: #eceff1;--hairline-strong: #c1ccd6;--hairline-dark: #1c2d38;--ink: #001e2b;--charcoal: #1c2d38;--slate: #3d4f5b;--steel: #5c6c7a;--stone: #7c8c9a;--muted: #a8b3bc;--on-dark: #ffffff;--on-dark-muted: #a8b3bc;--font-display: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-code: "Source Code Pro", "SF Mono", Menlo, Consolas, monospace;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 9999px;--sp-xxs: 4px;--sp-xs: 8px;--sp-sm: 12px;--sp-md: 16px;--sp-lg: 20px;--sp-xl: 24px;--sp-xxl: 32px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--surface);color:var(--ink);font-family:var(--font-display)}body{font-size:16px;line-height:1.55}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--sp-lg);height:64px;padding:0 var(--sp-xxl);background:var(--canvas);border-bottom:1px solid var(--hairline);position:sticky;top:0;z-index:20}.back-link{color:var(--steel);font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}.back-link:hover{color:var(--ink)}.topbar__brand{display:flex;align-items:center;gap:var(--sp-xs);margin-right:auto}.topbar__mark{width:20px;height:20px;border-radius:var(--r-sm);background:var(--brand-green);box-shadow:0 0 0 1px var(--brand-green-dark) inset}.topbar__name{font-weight:700;font-size:16px;letter-spacing:-.2px;color:var(--ink)}.topbar__actions{display:flex;align-items:center;gap:var(--sp-sm)}.badge{display:inline-flex;align-items:center;font-size:13px;font-weight:600;line-height:1.4;border-radius:var(--r-full);padding:2px 10px}.badge--soft{background:var(--brand-green-soft);color:var(--brand-green-dark)}.badge--alert{background:var(--alert-solid);color:#fff;border-radius:var(--r-sm);padding:2px 8px;font-size:12px}.btn{font-family:var(--font-display);font-size:14px;font-weight:600;line-height:1.3;border-radius:var(--r-full);padding:10px 20px;border:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease;white-space:nowrap}.btn--primary{background:var(--brand-green);color:var(--on-primary)}.btn--primary:hover{background:#00b545}.btn--primary:active{background:#008c34}.btn--secondary{background:transparent;color:var(--ink);border:1px solid var(--hairline-strong)}.btn--secondary:hover{background:var(--surface-soft)}.btn--tertiary{background:transparent;color:var(--steel);border:none;padding:10px 14px}.btn--tertiary:hover{color:var(--ink)}.btn--sm{padding:6px 12px;font-size:13px}.btn--icon{border-radius:var(--r-md);padding:6px 10px;font-size:13px;font-weight:700}.btn--icon-in{background:var(--brand-green-soft);color:var(--brand-green-dark);border:1px solid var(--brand-green-soft)}.btn--icon-in:hover{background:#aeead5}.btn--icon-out{background:var(--surface-soft);color:var(--slate);border:1px solid var(--hairline-strong)}.btn--icon-out:hover{background:var(--hairline-soft)}.main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:var(--sp-xxl);display:flex;flex-direction:column;gap:var(--sp-xl)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-md)}.stat-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--sp-lg) var(--sp-xl)}.stat-card__label{font-size:13px;font-weight:600;color:var(--steel);text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}.stat-card__value{font-size:28px;font-weight:700;color:var(--ink);letter-spacing:-.5px}.stat-card--alert .stat-card__value{color:var(--alert-text)}.stat-card--green .stat-card__value{color:var(--brand-green-dark)}.toolbar{display:flex;align-items:center;gap:var(--sp-md);flex-wrap:wrap}.search-input{display:flex;align-items:center;gap:var(--sp-xs);background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--r-md);padding:0 var(--sp-md);height:44px;color:var(--steel);flex:1;max-width:420px}.search-input input{border:none;background:transparent;outline:none;font-family:var(--font-display);font-size:15px;color:var(--ink);width:100%}.search-input input::placeholder{color:var(--stone)}.check-filter{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--slate);cursor:pointer;-webkit-user-select:none;user-select:none}.check-filter input{width:16px;height:16px;accent-color:var(--brand-green-dark);cursor:pointer}.view{display:block}.table-wrap{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-lg);overflow:hidden}.table{width:100%;border-collapse:collapse;font-size:14px}.table thead th{text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--steel);background:var(--surface);padding:var(--sp-sm) var(--sp-lg);border-bottom:1px solid var(--hairline)}.table tbody td{padding:var(--sp-sm) var(--sp-lg);border-bottom:1px solid var(--hairline-soft);color:var(--charcoal);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.row--low{background:var(--alert-bg)}.table--compact th,.table--compact td{padding:var(--sp-xs) var(--sp-lg);font-size:13px}.cell-name{font-weight:600;color:var(--ink)}.cell-sku{font-family:var(--font-code);font-size:13px;color:var(--steel)}.cell-qty{font-weight:700;font-size:15px;color:var(--ink)}.cell-actions{display:flex;gap:6px;justify-content:flex-end}.movement-log-type{font-weight:600}.movement-log-type--in{color:var(--brand-green-dark)}.movement-log-type--out{color:var(--alert-text)}.empty-state{padding:var(--sp-xxl);text-align:center;color:var(--stone);font-size:14px}.panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-md)}.panel__header h2{font-size:18px;font-weight:600;margin:0;color:var(--ink)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#001e2b73;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--sp-md)}.modal-overlay[hidden]{display:none}.modal{background:var(--canvas);border-radius:var(--r-lg);width:100%;max-width:480px;box-shadow:#001e2b29 0 16px 48px -8px;max-height:90vh;overflow-y:auto}.modal--sm{max-width:400px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-lg) var(--sp-xl);border-bottom:1px solid var(--hairline)}.modal__title{font-size:18px;font-weight:600;margin:0;color:var(--ink)}.modal__close{background:transparent;border:none;cursor:pointer;color:var(--steel);padding:4px;border-radius:var(--r-sm);display:flex}.modal__close:hover{color:var(--ink);background:var(--surface-soft)}.modal__form{padding:var(--sp-xl);display:flex;flex-direction:column;gap:var(--sp-md)}.field{display:flex;flex-direction:column;gap:6px;flex:1}.field label{font-size:13px;font-weight:600;color:var(--slate)}.field input,.field select{height:44px;border:1px solid var(--hairline-strong);border-radius:var(--r-md);padding:0 var(--sp-md);font-family:var(--font-display);font-size:15px;color:var(--ink);background:var(--canvas);outline:none}.field input:focus,.field select:focus{border:2px solid var(--brand-green-dark)}.field-row{display:flex;gap:var(--sp-md)}.field-hint{font-size:13px;color:var(--steel);margin:-4px 0 0}.movement-context{font-size:14px;color:var(--slate);margin:0}.movement-context strong{color:var(--ink)}.movement-type{display:flex;gap:var(--sp-sm);width:100%}.movement-type__btn{flex:1;height:40px;border-radius:var(--r-full);border:1px solid var(--hairline);background:transparent;color:var(--steel);font-family:var(--font-display);font-size:14px;font-weight:600;cursor:pointer}.movement-type__btn.is-active[data-type=in]{background:var(--brand-green-soft);color:var(--brand-green-dark);border-color:var(--brand-green-soft)}.movement-type__btn.is-active[data-type=out]{background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border)}.modal__footer{display:flex;justify-content:flex-end;padding-top:var(--sp-sm)}.modal__footer-right{display:flex;gap:var(--sp-sm)}.toast{position:fixed;bottom:var(--sp-xl);left:50%;transform:translate(-50%);background:var(--brand-teal-deep);color:var(--on-dark);padding:var(--sp-sm) var(--sp-lg);border-radius:var(--r-md);font-size:14px;font-weight:500;box-shadow:#001e2b29 0 16px 48px -8px;z-index:200}.toast--alert{background:var(--alert-solid)}@media (max-width: 1023px){.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.topbar{padding:0 var(--sp-md);gap:var(--sp-sm)}.topbar__name{display:none}.main{padding:var(--sp-md)}.stats{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.search-input{max-width:none}.table-wrap{overflow-x:auto}.table{min-width:720px}.field-row{flex-direction:column}}