.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,var(--color-gray-900) 0%,var(--color-gray-800) 100%);color:var(--color-gray-100);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:var(--z-sticky);transition:width var(--transition-slow);overflow:hidden}.layout--collapsed .sidebar{width:var(--sidebar-collapsed-width)}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4);border-bottom:1px solid rgba(255,255,255,.08);min-height:var(--header-height)}.sidebar__logo{display:flex;align-items:center;gap:var(--space-3);overflow:hidden}.sidebar__logo-icon{font-size:var(--text-2xl);flex-shrink:0}.sidebar__logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);white-space:nowrap;background:linear-gradient(135deg,var(--color-primary-300),var(--color-accent-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar__toggle{background:#ffffff0f;border:none;color:var(--color-gray-400);width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);transition:all var(--transition-fast);flex-shrink:0}.sidebar__toggle:hover{background:#ffffff1f;color:var(--color-gray-200)}.sidebar__nav{flex:1;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-gray-400);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap;overflow:hidden;position:relative}.sidebar__link:hover{color:var(--color-gray-100);background:#ffffff0f}.sidebar__link--active{color:#fff;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));box-shadow:0 2px 8px #2d8f8a4d}.sidebar__link--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-accent-400);border-radius:0 var(--radius-full) var(--radius-full) 0}.sidebar__link-icon{font-size:var(--text-xl);flex-shrink:0;width:24px;text-align:center}.sidebar__link-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.sidebar__footer{padding:var(--space-3);border-top:1px solid rgba(255,255,255,.08)}.sidebar__logout{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-gray-400);background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:all var(--transition-fast);white-space:nowrap}.sidebar__logout:hover{color:var(--color-danger-500);background:#ef444414}.main{flex:1;margin-left:var(--sidebar-width);transition:margin-left var(--transition-slow);display:flex;flex-direction:column;min-height:100vh}.layout--collapsed .main{margin-left:var(--sidebar-collapsed-width)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);height:var(--header-height);background:#fff;border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9}.topbar__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-gray-900)}.topbar__actions{display:flex;align-items:center;gap:var(--space-4)}.topbar__user{font-size:var(--text-sm);color:var(--color-gray-600);padding:var(--space-2) var(--space-3);background:var(--color-gray-100);border-radius:var(--radius-full)}.content{flex:1;padding:var(--space-8)}.bottom-nav{display:none}@media(max-width:1024px){.sidebar{display:none}.main,.layout--collapsed .main{margin-left:0}.content{padding:var(--space-4);padding-bottom:calc(80px + var(--space-4))}.topbar{padding:0 var(--space-4)}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);background:#fff;border-top:1px solid var(--color-gray-200);justify-content:space-around;align-items:center;height:72px;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-1) var(--space-2);min-width:56px;text-decoration:none;color:var(--color-gray-500);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.bottom-nav__item:hover{background:var(--color-gray-100)}.bottom-nav__item--active{color:var(--color-primary-600)}.bottom-nav__item--active .bottom-nav__icon{background:var(--color-primary-100);padding:2px 14px;border-radius:var(--radius-full)}.bottom-nav__icon{font-size:24px;line-height:1;transition:all var(--transition-fast)}.bottom-nav__label{font-size:10px;font-weight:var(--font-medium);white-space:nowrap;line-height:1}}.login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);position:relative;overflow:hidden}.login__bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.login__bg-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s ease-in-out infinite}.login__bg-shape--1{width:500px;height:500px;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));top:-100px;right:-100px;animation-delay:0s}.login__bg-shape--2{width:400px;height:400px;background:linear-gradient(135deg,var(--color-accent-500),var(--color-accent-700));bottom:-80px;left:-80px;animation-delay:-7s}.login__bg-shape--3{width:300px;height:300px;background:linear-gradient(135deg,#6366f1,#8b5cf6);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.95)}}.login__card{position:relative;width:100%;max-width:420px;padding:var(--space-10);background:#ffffff0d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);box-shadow:0 24px 48px #0006,inset 0 1px #ffffff1a;margin:var(--space-4)}.login__header{text-align:center;margin-bottom:var(--space-8)}.login__logo{width:72px;height:72px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-600));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 8px 24px #2d8f8a4d}.login__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#fff;margin-bottom:var(--space-2);letter-spacing:-.02em}.login__subtitle{font-size:var(--text-sm);color:#ffffff80}.login__error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#ef44441f;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);color:#fca5a5;font-size:var(--text-sm);margin-bottom:var(--space-6);animation:slideDown .3s ease-out}.login__error-icon{flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.login__form{display:flex;flex-direction:column;gap:var(--space-5)}.login__field{display:flex;flex-direction:column;gap:var(--space-2)}.login__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:#ffffffb3}.login__input{padding:var(--space-3) var(--space-4);background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);transition:all var(--transition-fast);outline:none}.login__input::placeholder{color:#ffffff40}.login__input:focus{border-color:var(--color-primary-400);background:#ffffff1a;box-shadow:0 0 0 3px #2d8f8a33}.login__button{padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:var(--space-2)}.login__button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-500));box-shadow:0 8px 24px #2d8f8a59;transform:translateY(-1px)}.login__button:active:not(:disabled){transform:translateY(0)}.login__button:disabled{opacity:.5;cursor:not-allowed}.login__spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login__footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-xs);color:#ffffff4d}.dashboard__mobile-launcher{display:none}.dashboard__desktop{display:block}.dashboard__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5);margin-bottom:var(--space-8)}.dashboard__activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.dashboard__charts-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-6);margin-top:var(--space-8)}.dashboard__chart-card{height:100%}.dashboard__chart-side{display:flex;flex-direction:column;gap:var(--space-6)}.dashboard__chart-empty{color:var(--color-gray-400);font-size:var(--text-sm);text-align:center;padding:var(--space-8) var(--space-4)}.dashboard__donut-wrap{display:flex;flex-direction:column;align-items:center}.dashboard__donut-legend{display:flex;justify-content:center;gap:var(--space-5);margin-top:var(--space-3)}.dashboard__legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.dashboard__legend-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.dashboard__legend-label{color:var(--color-gray-600)}.dashboard__legend-value{font-weight:var(--font-semibold);color:var(--color-gray-800)}.dashboard__order-card{background:linear-gradient(135deg,var(--color-primary-50),white)}.dashboard__order-content{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6)}.dashboard__order-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-primary-500);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard__order-icon .material-symbols-outlined{font-size:24px}.dashboard__order-info{display:flex;flex-direction:column}.dashboard__order-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.dashboard__order-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary-700);line-height:var(--leading-tight)}.dashboard__order-desc{font-size:var(--text-sm);color:var(--color-gray-500)}@media(max-width:1200px){.dashboard__charts-grid{grid-template-columns:1fr}}@media(max-width:1024px){.dashboard__mobile-launcher{display:flex;flex-direction:column;gap:12px;max-width:480px;margin:0 auto}.dashboard__desktop{display:none}.dashboard__mobile-header{margin-bottom:4px}.dashboard__mobile-title{font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--color-gray-900);margin:0}.dashboard__mobile-subtitle{font-size:14px;color:var(--color-gray-500);margin:4px 0 0}.menu-card{border:1px solid var(--color-gray-200);border-radius:12px;cursor:pointer;text-align:left;transition:all .2s ease;background:#fff;font-family:inherit;width:100%}.menu-card:active{transform:scale(.98)}.menu-card--featured{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-500));color:#fff;padding:24px;border-color:var(--color-primary-600)}.menu-card--featured .menu-card__bg-icon{position:absolute;top:8px;right:8px;font-size:80px;opacity:.08;color:#fff;pointer-events:none}.menu-card--featured .menu-card__content{position:relative;z-index:1}.menu-card--featured .menu-card__title{font-size:18px;font-weight:600;margin:0 0 4px}.menu-card--featured .menu-card__desc{font-size:14px;color:#ffffffa6;margin:0}.menu-card__cta{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;letter-spacing:.05em;opacity:.5;color:#fff}.menu-card--featured:hover .menu-card__cta{opacity:1}.menu-card__icon-wrap{width:40px;height:40px;border-radius:10px;background:var(--color-primary-50);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--color-primary-600)}.menu-card__icon-wrap--accent{background:var(--color-primary-500);color:#fff;box-shadow:0 2px 8px #2d8f8a40}.menu-card__icon-wrap--warning{background:var(--color-warning-50);color:var(--color-warning-600)}.menu-card__icon-wrap .material-symbols-outlined{font-size:22px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-card--grid{padding:16px;display:flex;flex-direction:column;justify-content:space-between;min-height:148px}.menu-card--grid:hover{background:var(--color-gray-50)}.menu-card__grid-text{margin-top:auto}.menu-card__grid-title{font-size:16px;font-weight:600;color:var(--color-gray-900);margin:0}.menu-card__grid-desc{font-size:11px;font-weight:500;color:var(--color-gray-500);margin:4px 0 0}.menu-card--alert .menu-card__grid-desc{color:var(--color-warning-600)}}@media(min-width:600px)and (max-width:1024px){.dashboard__mobile-launcher{max-width:600px}}.scan-page{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.scan-page__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--space-1)}.scan-page__subtitle{font-size:var(--text-sm);color:var(--color-gray-500)}.scan-camera{border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);background:var(--color-gray-50);display:flex;flex-direction:column;gap:var(--space-5)}.scan-camera__header{display:flex;align-items:center;gap:var(--space-4)}.scan-camera__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-100);border-radius:var(--radius-lg);font-size:1.5rem;flex-shrink:0}.scan-camera__text{flex:1;min-width:0}.scan-camera__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-800);margin-bottom:var(--space-1)}.scan-camera__desc{font-size:var(--text-xs);color:var(--color-gray-500)}.scan-camera__toggle{flex-shrink:0;white-space:nowrap}.scan-camera__viewfinder{border-radius:var(--radius-lg);overflow:hidden;background:#000;position:relative}.scan-camera__viewfinder--active{border:2px solid var(--color-primary-400);box-shadow:0 0 0 4px #2d8f8a26}.scan-camera__reader{width:100%;min-height:280px}.scan-camera__reader video{border-radius:var(--radius-md);object-fit:cover;width:100%!important;height:auto!important;min-height:280px!important}.scan-camera__reader img[alt="Info icon"]{display:none!important}#qr-shaded-region{border-color:#2d8f8a80!important}.scan-camera__viewfinder--active:after{content:"";position:absolute;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary-400),transparent);animation:scanLine 2s ease-in-out infinite;z-index:10;pointer-events:none}@keyframes scanLine{0%,to{top:30%}50%{top:70%}}.scan-camera__scanned{text-align:center;padding:var(--space-4);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg)}.scan-camera__scanned-label{font-size:var(--text-xs);color:var(--color-gray-500);margin-bottom:var(--space-2)}.scan-camera__scanned-code{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-primary-800);letter-spacing:.05em;margin-bottom:var(--space-4);word-break:break-all}.scan-camera__rescan{padding:var(--space-2) var(--space-5);font-size:var(--text-sm)}.scan-camera__error{text-align:center;padding:var(--space-5);background:var(--color-error-50, #fef2f2);border:1px solid var(--color-error-200, #fecaca);border-radius:var(--radius-lg)}.scan-camera__error-icon{font-size:2rem;margin-bottom:var(--space-3)}.scan-camera__error-message{font-size:var(--text-sm);color:var(--color-error-700, #b91c1c);margin-bottom:var(--space-4);line-height:1.5}.scan-camera__retry{padding:var(--space-2) var(--space-5);font-size:var(--text-sm)}@media(max-width:480px){.scan-camera__header{flex-wrap:wrap}.scan-camera__toggle{width:100%;justify-content:center}.scan-camera__reader{min-height:240px}}.scan-result{animation:scanReveal .4s cubic-bezier(.16,1,.3,1)}@keyframes scanReveal{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.scan-result__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.scan-result__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-900)}.item-result{padding:var(--space-5)}.item-result__name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--space-4)}.item-result__details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.item-result__detail{display:flex;flex-direction:column;gap:var(--space-1)}.item-result__detail-label{font-size:var(--text-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}.item-result__detail-value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-gray-800)}.item-result__detail-value--mono{font-family:var(--font-mono);font-size:var(--text-sm)}.stock-adjust{border-top:1px solid var(--color-gray-200);padding-top:var(--space-5)}.stock-adjust__heading{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-700);margin-bottom:var(--space-3)}.stock-adjust__controls{display:flex;align-items:center;gap:var(--space-3)}.stock-adjust__qty-input{width:80px;padding:var(--space-2) var(--space-3);font-size:var(--text-lg);font-weight:var(--font-semibold);text-align:center;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast)}.stock-adjust__qty-input:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #2d8f8a1f}.stock-adjust__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.stock-adjust__btn:disabled{opacity:.5;cursor:not-allowed}.stock-adjust__btn--in{background:var(--color-success-500);color:#fff}.stock-adjust__btn--in:hover:not(:disabled){background:var(--color-success-600);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.stock-adjust__btn--out{background:var(--color-accent-500);color:#fff}.stock-adjust__btn--out:hover:not(:disabled){background:var(--color-accent-600);transform:translateY(-1px);box-shadow:0 4px 12px #ef75124d}.location-result{padding:var(--space-5)}.location-result__name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--space-2)}.location-result__desc{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-5)}.location-result__items-heading{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-700);margin-bottom:var(--space-3)}.location-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-100)}.location-item:last-child{border-bottom:none}.location-item__info{display:flex;flex-direction:column;gap:var(--space-1)}.location-item__name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-800)}.location-item__stock{font-size:var(--text-xs);color:var(--color-gray-500)}.location-item__actions{display:flex;gap:var(--space-2)}.not-found-result{padding:var(--space-8);text-align:center}.not-found-result__icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.not-found-result__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-700);margin-bottom:var(--space-2)}.not-found-result__code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-gray-100);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);color:var(--color-gray-600);display:inline-block;margin-bottom:var(--space-5)}.not-found-result__register-btn{padding:var(--space-3) var(--space-6)}.new-item-form{display:flex;flex-direction:column;gap:var(--space-4)}.recent-scans__list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-5)}.recent-scan{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;background:none;width:100%;text-align:left}.recent-scan:hover{background:var(--color-gray-50)}.recent-scan__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-50);border-radius:var(--radius-md);font-size:var(--text-sm);flex-shrink:0}.recent-scan__icon--not-found{background:var(--color-gray-100)}.recent-scan__info{flex:1;min-width:0}.recent-scan__code{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-800);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-scan__label{font-size:var(--text-xs);color:var(--color-gray-500)}.recent-scan__time{font-size:var(--text-xs);color:var(--color-gray-400);white-space:nowrap}.scan-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-10)}.locations-layout{display:grid;grid-template-columns:1fr;gap:var(--space-5);transition:grid-template-columns .3s ease}.locations-layout--with-panel{grid-template-columns:1fr 380px}@media(max-width:900px){.locations-layout--with-panel{grid-template-columns:1fr}}.location-tree{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);overflow:hidden}.tree-node{border-bottom:1px solid var(--color-gray-100)}.tree-node:last-child{border-bottom:none}.tree-node__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background var(--transition-fast);cursor:default}.tree-node__row:hover{background:var(--color-gray-25, #fafafa)}.tree-node__row--selected{background:var(--color-primary-50, #eff6ff)!important;border-left:3px solid var(--color-primary-500)}.tree-node__toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;cursor:pointer;color:var(--color-gray-400);font-size:var(--text-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.tree-node__toggle:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.tree-node__toggle--placeholder{visibility:hidden}.tree-node__icon{font-size:var(--text-lg);flex-shrink:0;line-height:1}.tree-node__name-btn{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-800);flex-shrink:0;background:none;border:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.tree-node__name-btn:hover{background:var(--color-primary-50, #eff6ff);color:var(--color-primary-700)}.tree-node__row--selected .tree-node__name-btn{color:var(--color-primary-700);font-weight:var(--font-semibold)}.tree-node__type{flex-shrink:0}.tree-node__barcode{display:flex;align-items:center;gap:var(--space-1);margin-left:auto;flex-shrink:0}.tree-node__barcode-text{font-size:var(--text-xs);color:var(--color-gray-400);font-family:SF Mono,Menlo,monospace;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-node__copy-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;cursor:pointer;color:var(--color-gray-400);font-size:var(--text-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.tree-node__copy-btn:hover{background:var(--color-gray-100);color:var(--color-primary-600)}.tree-node__actions{display:flex;align-items:center;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}.tree-node__row:hover .tree-node__actions{opacity:1}.tree-node__children{overflow:hidden;transition:max-height .25s ease-in-out,opacity .2s ease-in-out}.tree-node__children--collapsed{max-height:0;opacity:0}.tree-node__children--expanded{max-height:2000px;opacity:1}.tree-node__children>.tree-node>.tree-node__row{border-left:2px solid var(--color-gray-100)}.location-items-panel{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;position:sticky;top:var(--space-4);max-height:calc(100vh - 140px);display:flex;flex-direction:column;animation:panelSlideIn .25s ease-out}@keyframes panelSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.location-items-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,var(--color-primary-50, #eff6ff),var(--color-primary-100, #dbeafe));border-bottom:1px solid var(--color-primary-200, #bfdbfe)}.location-items-panel__title-row{display:flex;align-items:center;gap:var(--space-2)}.location-items-panel__icon{font-size:var(--text-xl)}.location-items-panel__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-primary-800);margin:0}.location-items-panel__close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#fff9;border-radius:var(--radius-md);cursor:pointer;color:var(--color-gray-500);font-size:var(--text-sm);transition:all var(--transition-fast)}.location-items-panel__close:hover{background:#ffffffe6;color:var(--color-gray-700)}.location-items-panel__body{flex:1;overflow-y:auto}.location-items-panel__count{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-600);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100)}.location-items-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-5);text-align:center;color:var(--color-gray-500);font-size:var(--text-sm)}.location-items-panel__empty-icon{font-size:2.5rem;margin-bottom:var(--space-3);opacity:.6}.location-items-panel__list{padding:var(--space-2)}.location-item-card{padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);margin-bottom:var(--space-2);transition:all var(--transition-fast)}.location-item-card:hover{border-color:var(--color-gray-200);box-shadow:var(--shadow-xs)}.location-item-card--clickable{cursor:pointer}.location-item-card--clickable:hover{border-color:var(--color-primary-300);background:var(--color-primary-50, #f0fdfa)}.location-item-card--clickable:active{transform:scale(.98)}.location-item-card:last-child{margin-bottom:0}.location-item-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.location-item-card__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-800)}.location-item-card__bottom{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-gray-500)}.location-item-card__stock strong{color:var(--color-gray-700);font-size:var(--text-sm)}.locations-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-16)}.delete-warning{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-warning-50);border:1px solid var(--color-warning-200, #fde68a);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-warning-600)}.delete-warning__icon{font-size:var(--text-lg);flex-shrink:0}.location-form{display:flex;flex-direction:column;gap:var(--space-4)}.settings-tabs{display:flex;gap:var(--space-1);background:var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-1);margin-bottom:var(--space-6)}.settings-tabs__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.settings-tabs__tab:hover{color:var(--color-gray-700);background:#ffffff80}.settings-tabs__tab--active{background:#fff;color:var(--color-primary-600);box-shadow:var(--shadow-sm);font-weight:var(--font-semibold)}.settings-tabs__tab .material-symbols-outlined{font-size:20px}.settings-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.settings-toolbar__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-900);display:flex;align-items:center;gap:var(--space-2)}.settings-toolbar__title .material-symbols-outlined{font-size:22px;color:var(--color-primary-500)}.settings-list{display:flex;flex-direction:column;gap:var(--space-3)}.settings-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.settings-item:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.settings-item__icon{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--color-primary-50);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-item__icon .material-symbols-outlined{font-size:22px;color:var(--color-primary-600)}.settings-item__icon--supplier{background:var(--color-accent-50)}.settings-item__icon--supplier .material-symbols-outlined{color:var(--color-accent-600)}.settings-item__body{flex:1;min-width:0}.settings-item__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-900);margin:0}.settings-item__desc{font-size:var(--text-xs);color:var(--color-gray-500);margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-item__meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:4px}.settings-item__meta-item{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--color-gray-500)}.settings-item__meta-item .material-symbols-outlined{font-size:14px}.settings-item__actions{display:flex;gap:var(--space-2);flex-shrink:0}.settings-profile{display:flex;flex-direction:column;gap:var(--space-6)}.settings-profile__card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);overflow:hidden}.settings-profile__header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));border-bottom:1px solid var(--color-primary-200)}.settings-profile__avatar{width:64px;height:64px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-profile__avatar .material-symbols-outlined{font-size:32px;color:#fff}.settings-profile__info{flex:1}.settings-profile__name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0}.settings-profile__email{font-size:var(--text-sm);color:var(--color-gray-600);margin:2px 0 0;display:flex;align-items:center;gap:var(--space-1)}.settings-profile__email .material-symbols-outlined{font-size:16px;color:var(--color-gray-400)}.settings-profile__body{padding:var(--space-6)}.settings-profile__section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-gray-800);margin:0 0 var(--space-4) 0;display:flex;align-items:center;gap:var(--space-2)}.settings-profile__section-title .material-symbols-outlined{font-size:20px;color:var(--color-primary-500)}.settings-password-form{display:flex;flex-direction:column;gap:var(--space-4);max-width:480px}.settings-password-form__actions{display:flex;justify-content:flex-end;padding-top:var(--space-2)}.settings-empty{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-gray-400)}.settings-empty__icon{font-size:48px;margin-bottom:var(--space-3);opacity:.5}.settings-empty__icon .material-symbols-outlined{font-size:48px}.settings-empty__text{font-size:var(--text-sm);margin:0}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.settings-form-grid .input-group--full{grid-column:1 / -1}.settings-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-16)}@media(max-width:768px){.settings-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-tabs__tab{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.settings-item{flex-wrap:wrap;gap:var(--space-3)}.settings-item__actions{width:100%;justify-content:flex-end;border-top:1px solid var(--color-gray-100);padding-top:var(--space-3);margin-top:var(--space-1)}.settings-form-grid{grid-template-columns:1fr}.settings-profile__header{flex-direction:column;text-align:center}}.platform-page{padding:0}.platform-page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.platform-page__title{display:flex;align-items:center;font-size:1.25rem;font-weight:700;color:var(--color-neutral-900);margin:0 0 .25rem}.platform-page__description{font-size:.875rem;color:var(--color-neutral-500);margin:0}.platform-page__search{margin-bottom:1.5rem}.platform-page__search .input-group{position:relative}.platform-page__loading,.platform-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem;text-align:center;color:var(--color-neutral-500);background:var(--color-neutral-50);border-radius:var(--radius-lg);border:2px dashed var(--color-neutral-200)}.platform-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1rem;margin-bottom:1.5rem}.tenant-card{background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .2s,border-color .2s}.tenant-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-200)}.tenant-card--suspended{opacity:.7;background:var(--color-neutral-50)}.tenant-card__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--color-neutral-100);gap:.75rem}.tenant-card__name-area{display:flex;align-items:center;gap:.5rem;min-width:0}.tenant-card__name{font-size:1rem;font-weight:600;color:var(--color-neutral-900);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-card__actions{display:flex;gap:.25rem;flex-shrink:0}.tenant-card__body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.tenant-card__field{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.tenant-card__label{font-size:.8rem;color:var(--color-neutral-500);white-space:nowrap}.tenant-card__value{font-size:.85rem;color:var(--color-neutral-800);text-align:right}.tenant-card__value--mono{font-family:SF Mono,Fira Code,monospace;font-size:.8rem;background:var(--color-neutral-100);padding:.15rem .5rem;border-radius:var(--radius-sm)}.platform-page__info{display:flex;gap:.75rem;padding:1rem 1.25rem;background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);margin-top:1.5rem}.platform-page__info strong{display:block;margin-bottom:.25rem;color:var(--color-primary-700);font-size:.875rem}.platform-page__info p{margin:0;font-size:.8rem;line-height:1.5;color:var(--color-primary-600)}.platform-form{display:flex;flex-direction:column;gap:1.25rem}.platform-form__section-title{font-size:.85rem;font-weight:600;color:var(--color-neutral-700);padding-bottom:.25rem;border-bottom:1px solid var(--color-neutral-200)}.platform-form__divider{height:1px;background:var(--color-neutral-200);margin:.25rem 0}.platform-form__subdomain-input{display:flex;align-items:center;gap:0}.platform-form__subdomain-input .input{border-top-right-radius:0;border-bottom-right-radius:0}.platform-form__subdomain-suffix{display:flex;align-items:center;padding:0 .75rem;height:42px;background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:.85rem;color:var(--color-neutral-500);white-space:nowrap}.platform-form__help{display:block;margin-top:.25rem;font-size:.75rem;color:var(--color-neutral-500);line-height:1.4}.platform-form__actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.5rem}.platform-form__warning{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.platform-form__warning p{margin:0;font-size:.9rem;color:var(--color-neutral-700)}.platform-form__warning-detail{font-size:.8rem!important;color:var(--color-neutral-500)!important;line-height:1.5}@media(max-width:768px){.platform-page__header{flex-direction:column}.platform-page__grid{grid-template-columns:1fr}.tenant-card__header{flex-direction:column;align-items:flex-start}.tenant-card__actions{width:100%;justify-content:flex-end}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;line-height:1.5}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;box-shadow:0 1px 3px #2d8f8a33}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-500));box-shadow:0 4px 12px #2d8f8a4d;transform:translateY(-1px)}.btn--secondary{background:#fff;color:var(--color-gray-700);border-color:var(--color-gray-300)}.btn--secondary:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn--danger{background:var(--color-danger-500);color:#fff}.btn--danger:hover:not(:disabled){background:var(--color-danger-600)}.btn--ghost{background:transparent;color:var(--color-gray-600)}.btn--ghost:hover:not(:disabled){background:var(--color-gray-100)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn--icon{padding:var(--space-2);min-width:36px}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700)}.input{padding:var(--space-2) var(--space-3);background:#fff;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-gray-800);transition:all var(--transition-fast);outline:none;width:100%}.input::placeholder{color:var(--color-gray-400)}.input:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #2d8f8a1f}.input--error{border-color:var(--color-danger-500)}.input-error{font-size:var(--text-xs);color:var(--color-danger-500)}.select{padding:var(--space-2) var(--space-3);padding-right:var(--space-8);background:#fff;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-gray-800);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;cursor:pointer;outline:none;width:100%}.select:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #2d8f8a1f}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);white-space:nowrap}.badge--success{background:var(--color-success-50);color:var(--color-success-600)}.badge--warning{background:var(--color-warning-50);color:var(--color-warning-600)}.badge--danger{background:var(--color-danger-50);color:var(--color-danger-600)}.badge--info{background:var(--color-primary-50);color:var(--color-primary-600)}.badge--neutral{background:var(--color-gray-100);color:var(--color-gray-600)}.badge--ordering{background:#eff6ff;color:#2563eb}.badge--draft{background:var(--color-gray-100);color:var(--color-gray-600)}.badge--received{background:var(--color-success-50);color:var(--color-success-600)}.order-status-card{background:#f8fafc;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-top:var(--space-3)}.order-status-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.order-status-card__qty{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-gray-900)}.order-status-card__details{display:flex;flex-direction:column;gap:var(--space-1)}.order-status-card__row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-gray-600)}.order-status-card__label{color:var(--color-gray-400)}.order-dialog{background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-3)}.card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-sm)}.card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-gray-100)}.card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-gray-900)}.card__body{padding:var(--space-5)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);background:#fff}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;padding:var(--space-3) var(--space-4);background:var(--color-gray-50);font-weight:var(--font-medium);color:var(--color-gray-600);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-gray-200);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.table th:hover{color:var(--color-gray-800)}.table th--sorted{color:var(--color-primary-600)}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-gray-25)}.table__empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-gray-400)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn .15s ease-out}.modal{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease-out}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-gray-200)}.modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal__close{background:none;border:none;font-size:var(--text-xl);cursor:pointer;color:var(--color-gray-400);padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal__close:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.modal__body{padding:var(--space-6)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;font-size:var(--text-sm);color:var(--color-gray-600)}.pagination__buttons{display:flex;gap:var(--space-1)}.pagination__btn{padding:var(--space-1) var(--space-3);border:1px solid var(--color-gray-300);background:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast)}.pagination__btn:hover:not(:disabled){background:var(--color-gray-50)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__btn--active{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.empty-state{text-align:center;padding:var(--space-16) var(--space-8)}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.6}.empty-state__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-700);margin-bottom:var(--space-2)}.empty-state__text{color:var(--color-gray-500);font-size:var(--text-sm);margin-bottom:var(--space-6)}.search-bar{position:relative;display:flex;align-items:center}.search-bar__icon{position:absolute;left:var(--space-3);color:var(--color-gray-400);pointer-events:none;font-size:var(--text-sm)}.search-bar__input{padding-left:var(--space-8);min-width:280px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.toolbar__left{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.toolbar__right{display:flex;align-items:center;gap:var(--space-3)}.stat-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);border:1px solid var(--color-gray-200);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.stat-card--primary:before{background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600))}.stat-card--warning:before{background:linear-gradient(90deg,var(--color-warning-500),var(--color-accent-500))}.stat-card--danger:before{background:linear-gradient(90deg,var(--color-danger-500),#f97316)}.stat-card--accent:before{background:linear-gradient(90deg,var(--color-accent-400),var(--color-accent-600))}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.stat-card__icon{font-size:var(--text-2xl)}.stat-card__value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-gray-900);letter-spacing:-.02em}.stat-card__label{font-size:var(--text-sm);color:var(--color-gray-500);margin-top:var(--space-1)}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border-left:4px solid;min-width:300px;animation:slideIn .3s ease-out}.toast--success{border-left-color:var(--color-success-500)}.toast--error{border-left-color:var(--color-danger-500)}.toast--info{border-left-color:var(--color-primary-500)}.toast__message{flex:1;font-size:var(--text-sm);color:var(--color-gray-700)}.toast__close{background:none;border:none;cursor:pointer;color:var(--color-gray-400);font-size:var(--text-sm)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.spinner{width:24px;height:24px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .6s linear infinite}.spinner--sm{width:16px;height:16px;border-width:2px}.spinner--lg{width:40px;height:40px;border-width:4px}.stock-meter{display:flex;flex-direction:column;gap:3px;min-width:120px}.stock-meter__info{display:flex;align-items:baseline;gap:2px;font-size:var(--text-xs);line-height:1}.stock-meter__current{font-weight:var(--font-bold);font-size:var(--text-sm)}.stock-meter--ok .stock-meter__current{color:var(--color-success-600)}.stock-meter--low .stock-meter__current{color:var(--color-warning-600)}.stock-meter--critical .stock-meter__current{color:var(--color-danger-600)}.stock-meter__sep{color:var(--color-gray-300)}.stock-meter__safety{color:var(--color-gray-400)}.stock-meter__bar{position:relative;width:100%;height:8px;background:var(--color-gray-200);border-radius:var(--radius-full)}.stock-meter__fill{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-full);transition:width .4s ease}.stock-meter--ok .stock-meter__fill{background:var(--color-success-500)}.stock-meter--low .stock-meter__fill{background:var(--color-warning-500)}.stock-meter--critical .stock-meter__fill{background:var(--color-danger-500)}.stock-meter__reorder-line{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--color-danger-400);border-radius:1px;z-index:1;pointer-events:auto}.stock-meter__reorder-line:before{content:"▼";position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:7px;color:var(--color-danger-400);line-height:1}.item-name-btn{background:none;border:none;padding:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary-600);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.item-name-btn:hover{color:var(--color-primary-800);text-decoration:underline}.item-detail{display:flex;flex-direction:column;gap:var(--space-5)}.item-detail__header{display:flex;align-items:center;gap:var(--space-3)}.item-detail__name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0}.item-detail__stock{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.item-detail__stock-numbers{display:flex;align-items:center;justify-content:space-between}.item-detail__stock-main{display:flex;align-items:baseline;gap:var(--space-2)}.item-detail__stock-value{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.02em}.item-detail__stock-value--ok{color:var(--color-success-600)}.item-detail__stock-value--low{color:var(--color-warning-600)}.item-detail__stock-value--critical{color:var(--color-danger-600)}.item-detail__stock-unit{font-size:var(--text-sm);color:var(--color-gray-500)}.item-detail__stock-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-gray-500)}.item-detail__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.item-detail__field{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);background:#fff;border:1px solid var(--color-gray-100);border-radius:var(--radius-md)}.item-detail__label{font-size:var(--text-xs);color:var(--color-gray-400);font-weight:var(--font-medium)}.item-detail__value{font-size:var(--text-sm);color:var(--color-gray-800);font-weight:var(--font-medium);word-break:break-all}.item-detail__section{border-top:1px solid var(--color-gray-200);padding-top:var(--space-4)}.item-detail__section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-700);margin:0 0 var(--space-3) 0}.item-detail__empty{text-align:center;font-size:var(--text-sm);color:var(--color-gray-400);padding:var(--space-3) 0}.item-detail__tx-list{display:flex;flex-direction:column;gap:var(--space-2)}.item-detail__tx{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:#fff;border:1px solid var(--color-gray-100);border-radius:var(--radius-md);font-size:var(--text-sm)}.item-detail__tx-type{font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap}.item-detail__tx-type--in{color:var(--color-success-600)}.item-detail__tx-type--out{color:var(--color-danger-600)}.item-detail__tx-qty{font-weight:var(--font-bold);color:var(--color-gray-800)}.item-detail__tx-date{margin-left:auto;font-size:var(--text-xs);color:var(--color-gray-400)}.image-upload__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--color-gray-50)}.image-upload__dropzone:hover{border-color:var(--color-primary-400);background:#2d8f8a0a}.image-upload__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.image-upload__action-btn{flex:1;min-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--color-gray-50);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-600)}.image-upload__action-btn span:first-child{font-size:1.5rem}.image-upload__action-btn--camera:hover{border-color:var(--color-primary-400);background:#2d8f8a0f;color:var(--color-primary-700)}.image-upload__action-btn--file:hover{border-color:var(--color-gray-400);background:var(--color-gray-100);color:var(--color-gray-800)}.image-upload__action-btn:active{transform:scale(.97)}.image-upload__icon{font-size:1.5rem}.image-upload__text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-600)}.image-upload__hint{font-size:var(--text-xs);color:var(--color-gray-400)}.image-upload__preview{display:flex;flex-direction:column;gap:var(--space-2)}.image-upload__img{width:100%;max-height:200px;object-fit:contain;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);background:var(--color-gray-50)}.image-upload__info{display:flex;align-items:center;justify-content:space-between}.image-upload__size{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:var(--font-medium)}.item-detail__image{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-gray-200);background:var(--color-gray-50)}.item-detail__image img{width:100%;max-height:240px;object-fit:contain;display:block}.inventory-desktop-only{display:block}.inventory-mobile-only{display:none}@media(max-width:1024px){.inventory-desktop-only{display:none}.inventory-mobile-only{display:block}.toolbar__left{flex-wrap:wrap}.toolbar__left .search-bar{width:100%;min-width:unset}.toolbar__left .select{flex:1;min-width:0!important}}.mobile-item-list{display:grid;grid-template-columns:1fr;gap:8px}.mobile-item-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:8px;padding:0;display:flex;flex-direction:row;gap:0;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #0000000a;overflow:hidden}.mobile-item-card:active{transform:scale(.99)}.mobile-item-card__thumb{width:64px;height:64px;flex-shrink:0;align-self:center;margin:8px 0 8px 8px;border-radius:6px;background:var(--color-gray-50);display:flex;align-items:center;justify-content:center;overflow:hidden}.mobile-item-card__thumb img{width:64px;height:64px;object-fit:cover;display:block}.mobile-item-card__thumb-placeholder{font-size:24px;color:var(--color-gray-300)}.mobile-item-card__info{flex:2;min-width:0;padding:8px 12px;display:flex;flex-direction:column;justify-content:center;gap:6px}.mobile-item-card__name-row{display:flex;align-items:center;gap:8px}.mobile-item-card__name{font-size:14px;font-weight:600;color:var(--color-gray-900);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-item-card__cat{flex-shrink:0;font-size:10px;padding:1px 6px;border-radius:4px;background:var(--color-primary-50);color:var(--color-primary-600);white-space:nowrap}.mobile-item-card__props{display:flex;gap:16px;flex-wrap:wrap}.mobile-item-card__prop{display:flex;align-items:center;gap:4px}.mobile-item-card__prop-label{font-size:10px;color:var(--color-gray-400)}.mobile-item-card__prop-value{font-size:12px;color:var(--color-gray-700);font-weight:500}.mobile-item-card__gauge{flex:1;min-width:100px;max-width:200px;padding:8px 12px;display:flex;flex-direction:column;justify-content:center;gap:5px;border-left:1px solid var(--color-gray-100)}.mobile-item-card__gauge-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.mobile-item-card__stock-col{display:flex;align-items:baseline;gap:2px}.mobile-item-card__stock-num{font-size:20px;font-weight:700;line-height:1}.mobile-item-card__stock-num--ok{color:var(--color-success-600)}.mobile-item-card__stock-num--low{color:var(--color-warning-600)}.mobile-item-card__stock-num--critical{color:var(--color-danger-600)}.mobile-item-card__stock-sub{font-size:11px;color:var(--color-gray-400)}.mobile-item-card__actions-col{flex-shrink:0;width:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-left:1px solid var(--color-gray-100)}.mobile-item-card__action-btn{background:none;border:none;color:var(--color-gray-400);padding:4px;cursor:pointer;border-radius:6px;display:flex;align-items:center;transition:all .15s}.mobile-item-card__action-btn:hover{color:var(--color-primary-600);background:var(--color-primary-50)}.mobile-item-card__action-btn--danger:hover{color:var(--color-danger-500);background:var(--color-danger-50)}@media(max-width:480px){.mobile-item-card{flex-wrap:wrap}.mobile-item-card__info{flex:1 1 calc(100% - 104px)}.mobile-item-card__gauge{flex:1 1 100%;max-width:none;border-left:none;border-top:1px solid var(--color-gray-100);padding:6px 12px}}@media(max-width:1024px){.toolbar__right{position:fixed;bottom:84px;right:16px;z-index:20;display:flex;gap:8px;align-items:center}.toolbar__right .btn--primary{border-radius:24px;padding:12px 20px;box-shadow:0 4px 14px #2d8f8a59;font-weight:500}.toolbar__right .btn--secondary{border-radius:50%;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001f;background:#fff}.toolbar__right .btn__label-desktop{display:none}}@media(min-width:1025px){.toolbar__right{display:flex;gap:8px;align-items:center}.toolbar__right .btn--sm{display:flex;align-items:center;gap:4px}}.csv-import__dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);background:var(--color-gray-50);cursor:pointer;transition:all var(--transition-fast)}.csv-import__dropzone:hover{border-color:var(--color-primary-400);background:#2d8f8a0a}:root{--color-primary-50: #edf8f7;--color-primary-100: #d1eeec;--color-primary-200: #a3ddda;--color-primary-300: #6ec5c1;--color-primary-400: #41a8a3;--color-primary-500: #2d8f8a;--color-primary-600: #247370;--color-primary-700: #1f5c5a;--color-primary-800: #1b4a49;--color-primary-900: #183e3d;--color-accent-50: #fef7ed;--color-accent-100: #fdebd4;--color-accent-200: #fad3a8;--color-accent-300: #f6b571;--color-accent-400: #f29038;--color-accent-500: #ef7512;--color-accent-600: #e05c08;--color-accent-700: #ba4409;--color-accent-800: #94360f;--color-accent-900: #782f10;--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-danger-50: #fef2f2;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-gray-25: #fcfcfd;--color-gray-50: #f8f9fb;--color-gray-100: #f1f3f5;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--font-sans: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-gray-800);background-color:var(--color-gray-50);min-height:100vh}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}img{max-width:100%;display:block}input,textarea,select,button{font-family:inherit;font-size:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-400)}