@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--color-bg:#f4f7fa;--color-surface:#fff;--color-on-primary:#fff;--color-primary:#12395c;--color-primary-hover:#0d2c47;--color-accent:#2e7eb0;--color-text:#1c2733;--color-text-muted:#64748b;--color-border:#dce3ea;--color-danger:#b3392c;--color-danger-bg:#fbebe8;--color-success:#2f8f5b;--color-success-bg:#e9f5ee;--color-warning:#7a4a00;--color-warning-bg:#fff4e5;--color-warning-border:#f0c27a;--font-sans:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--radius:6px;--radius-lg:8px;--radius-pill:999px;--sidebar-width:220px}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);margin:0;font-size:15px;line-height:1.6}h1,h2,h3{margin:0 0 1rem;font-weight:600;line-height:1.25}h1{font-size:24px}h2{font-size:18px}h3{font-size:15px}a{color:var(--color-accent)}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-primary);color:var(--color-on-primary);flex-direction:column;flex-shrink:0;padding:24px 0;display:flex}.sidebar-brand{align-items:center;gap:10px;padding:0 20px 24px;display:flex}.sidebar-brand span{color:var(--color-on-primary);font-size:18px;font-weight:600}.sidebar-logo{width:auto;height:36px;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-nav a{color:#ffffffbf;border-left:3px solid #0000;padding:10px 20px;font-size:14px;text-decoration:none}.sidebar-nav a:hover{color:var(--color-on-primary);background:#ffffff0f}.sidebar-nav a.active{color:var(--color-on-primary);border-left-color:var(--color-accent);background:#ffffff1a;font-weight:500}.sidebar-logout{color:#ffffffd9;background:0 0;border:1px solid #ffffff40;margin:16px 20px 0;padding:8px 12px;font-size:13px}.sidebar-logout:hover{background:#ffffff14;border-color:#fff6}.sidebar-user{border-bottom:1px solid #ffffff26;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:12px;padding:10px 20px;display:flex}.sidebar-user-name{color:var(--color-on-primary);font-size:1rem;font-weight:600;display:block}.sidebar-user-role{text-transform:uppercase;letter-spacing:.04em;color:var(--color-on-primary);border-radius:var(--radius-pill);background:#ffffff26;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-block}.app-main{flex:1;min-width:0;max-width:1100px;padding:32px 40px}form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:24px;padding:20px;display:flex}form textarea{resize:vertical;width:100%;min-height:70px}input,select,textarea{font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:160px;padding:9px 11px;font-size:14px}input[type=radio],input[type=checkbox]{width:auto;min-width:0;padding:0}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 15%, transparent);outline:none}input[type=number]{font-family:var(--font-mono);min-width:110px}label{color:var(--color-text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.person-type-toggle{gap:16px;width:100%;padding-bottom:4px;display:flex}.person-type-toggle label{color:var(--color-text);font-size:14px}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--color-text-muted);font-size:12px;font-weight:500}.field-full{flex:100%;width:100%}.terms-check{align-items:flex-start;gap:8px;margin:12px 0;font-size:.85rem;line-height:1.4;display:flex}.terms-check input{flex:none;margin-top:3px}button{font-family:var(--font-sans);border-radius:var(--radius);cursor:pointer;background:var(--color-primary);color:var(--color-on-primary);border:none;padding:9px 16px;font-size:14px;font-weight:500}button:hover{background:var(--color-primary-hover)}button[type=button]{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}button[type=button]:hover{background:var(--color-bg);color:var(--color-text)}td button,th button{color:var(--color-accent);border:1px solid var(--color-border);background:0 0;padding:6px 10px;font-size:13px}td button:hover{background:var(--color-bg);border-color:var(--color-accent)}button.btn-danger{background:var(--color-surface);color:var(--color-danger);border:1px solid var(--color-danger);margin-left:6px}button.btn-danger:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}button.btn-danger:disabled{opacity:.5;cursor:default}table{border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;overflow:hidden}thead th{text-align:left;color:var(--color-text-muted);background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:10px 14px;font-size:12px;font-weight:600}tbody td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px 14px;font-size:14px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--color-bg)}tbody td:last-child{flex-wrap:wrap;align-items:center;gap:6px;display:flex}td:first-child,.stock-panel td:nth-child(3){font-family:var(--font-mono);font-size:13px}.table-wrapper{width:100%;overflow-x:auto}.subcategory-row td:first-child{padding-left:32px}.subcategory-name{color:var(--color-text-muted)}.error{color:var(--color-danger);width:100%;font-size:13px}.toast-container{z-index:1000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius);box-shadow:0 2px 8px color-mix(in srgb, var(--color-primary) 15%, transparent);border:1px solid #0000;padding:12px 18px;font-size:14px;font-weight:500}.toast-success{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success)}.toast-error{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.spinner-wrapper{color:var(--color-text-muted);align-items:center;gap:10px;padding:32px 0;font-size:14px;display:flex}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-page form{flex-direction:column;align-items:stretch;gap:14px;width:320px}.login-page h1{margin-bottom:4px;font-size:20px}.login-page input{width:100%}.login-page button{width:100%;margin-top:6px}.stock-panel{background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius);padding:16px}.stock-panel h3{font-family:var(--font-mono)}.stock-panel form{background:0 0;border:none;margin:0;padding:0 0 16px}.not-found-page{background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100vh;display:flex}.not-found-page h1{font-family:var(--font-mono);color:var(--color-primary);font-size:48px}.purchase-items{flex-direction:column;gap:12px;width:100%;display:flex}.purchase-item-row{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:flex-end;gap:10px;width:100%;padding-bottom:10px;display:flex}.purchase-item-row .field{flex:160px}.purchase-total{width:100%;font-family:var(--font-mono);text-align:right;padding:8px 0;font-weight:500}.inline-customer-form{background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius);flex-wrap:wrap;gap:8px;width:100%;padding:12px;display:flex}.item-remove-field{flex:none}.item-remove-field button{width:70px}.stock-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning);border-radius:var(--radius);flex-direction:column;gap:6px;padding:8px 12px;font-size:13px;display:flex}.stock-warning-label{color:var(--color-warning)}.order-cancelled td{color:var(--color-text-muted)}.order-cancelled .amount{text-decoration:line-through}.badge-cancelled{border-radius:var(--radius-pill);background:var(--color-danger-bg);color:var(--color-danger);margin-left:8px;padding:1px 8px;font-size:.75rem;font-weight:600;display:inline-block}.cancelled-banner{border:2px solid var(--color-danger);color:var(--color-danger);text-align:center;letter-spacing:1px;margin-bottom:14px;padding:8px;font-weight:700}.cancelled-banner small{letter-spacing:0;margin-top:2px;font-weight:400;display:block}.print-page{max-width:700px;margin:0 auto;padding:32px}.print-actions{gap:8px;margin-bottom:16px;display:flex}.print-sheet{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:32px}.print-header{border-bottom:2px solid var(--color-primary);margin-bottom:20px;padding-bottom:12px}.print-header h1{color:var(--color-primary)}.print-customer{margin-bottom:24px}.print-items{width:100%;margin-bottom:16px}.print-total{text-align:right;font-family:var(--font-mono);border-top:1px solid var(--color-border);padding:12px 0;font-size:18px;font-weight:600}.print-payment,.print-notes{color:var(--color-text-muted);font-size:14px}@media print{.no-print{display:none!important}.app-main,.print-page{max-width:none;padding:0}.print-sheet{border:none}body{background:var(--color-surface)}}.import-hint{color:var(--color-text-muted);margin-bottom:16px;font-size:13px}.import-result{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px}.import-success{color:var(--color-success);font-weight:500}.import-error-title{color:var(--color-danger);margin-top:12px;font-weight:500}.inline-edit-form{background:0 0;border:none;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:0;padding:0;display:flex}.inline-edit-actions{align-items:flex-end;gap:8px;display:flex}.platform-page{flex-direction:column;gap:20px;max-width:1100px;margin:0 auto;padding:16px;display:flex}.platform-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.platform-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end;gap:12px;display:grid}.platform-table-wrap{overflow-x:auto}.platform-table{border-collapse:collapse;width:100%}.platform-table th,.platform-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top;padding:8px}.platform-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.platform-badge{border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text-muted);padding:2px 8px;font-size:.8rem;display:inline-block}.platform-badge-ok{background:var(--color-success-bg);color:var(--color-success)}.platform-badge-warn{background:var(--color-warning-bg);color:var(--color-warning)}.platform-badge-off{background:var(--color-danger-bg);color:var(--color-danger)}.invite-box{border:1px solid var(--color-warning-border);background:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:12px;display:flex}.invite-box input{width:100%}.demo-banner{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning);border-radius:var(--radius);margin-bottom:16px;padding:10px 14px}.legal-page{background:var(--color-bg);min-height:100vh;padding:24px 16px}.legal-card{background:var(--color-surface);border-radius:var(--radius-lg);max-width:760px;margin:0 auto;padding:28px;line-height:1.55}.legal-card h1{margin:8px 0 4px;font-size:1.5rem}.legal-card h2{margin:22px 0 6px;font-size:1.05rem}.legal-nav{gap:16px;font-size:.9rem;display:flex}.legal-version{color:var(--color-text-muted);margin-bottom:16px;font-size:.85rem}.legal-draft{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning);border-radius:var(--radius);padding:8px 12px;font-size:.85rem}.reports-page h1{margin-bottom:12px}.report-tabs,.report-presets{flex-wrap:wrap;gap:6px;display:flex}.report-tabs{border-bottom:1px solid var(--color-border);margin-bottom:14px;padding-bottom:8px}.report-tabs button,.report-presets button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;padding:6px 12px}.report-tabs button.active,.report-presets button.active{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.report-filters{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.report-filters label{flex-direction:column;gap:2px;font-size:.8rem;display:flex}.report-note{color:var(--color-text-muted);font-size:.88rem}.report-error{color:var(--color-danger)}.report-actions{margin:12px 0}button.report-export{background:var(--color-surface);border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius);cursor:pointer;padding:6px 12px}button.report-export:hover{background:var(--color-bg);color:var(--color-primary)}button.report-export:disabled{opacity:.5;cursor:default}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:18px;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.stat-card span{color:var(--color-text-muted);font-size:.8rem}.stat-card strong{font-size:1.35rem}.stat-card small{color:var(--color-text-muted);font-size:.78rem}.report-columns{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:8px;display:grid}.report-columns h3{margin:0 0 8px}.bar-list{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.bar-list li{grid-template-columns:minmax(80px,1.2fr) 2fr auto;align-items:center;gap:8px;font-size:.85rem;display:grid}.bar-list-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-list-track{background:var(--color-bg);border-radius:4px;height:10px;overflow:hidden}.bar-list-fill{background:var(--color-primary);border-radius:4px;height:100%;display:block}.bar-list-value{font-variant-numeric:tabular-nums}.series-chart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:flex-end;gap:2px;height:140px;padding:10px 8px 4px;display:flex}.series-bar{flex:1;align-items:flex-end;min-width:2px;height:100%;display:flex}.series-bar span{background:var(--color-primary);border-radius:2px 2px 0 0;width:100%;display:block}.report-table{border-collapse:collapse;background:var(--color-surface);width:100%;font-size:.88rem}.report-table th,.report-table td{border-bottom:1px solid var(--color-border);text-align:left;padding:8px 10px}.report-table th{background:var(--color-bg)}.report-table .num{text-align:right;font-variant-numeric:tabular-nums}.report-table tbody td{font-size:.88rem}.report-table tbody td:first-child{font-family:var(--font-sans)}.report-table tbody td:last-child{display:table-cell}.home-list{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.home-list li{justify-content:space-between;gap:12px;font-size:.9rem;display:flex}.mobile-topbar,.sidebar-overlay{display:none}@media (width<=860px){.app-layout{flex-direction:column}.mobile-topbar{z-index:30;background:var(--color-primary);align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.mobile-topbar-brand{color:var(--color-on-primary);align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}button.menu-toggle{border-radius:var(--radius);background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0 9px;display:flex}button.menu-toggle:hover{background:#ffffff1a}.menu-toggle span{background:var(--color-on-primary);border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.sidebar{z-index:50;visibility:hidden;width:min(280px,85vw);transition:transform .25s,visibility .25s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{visibility:visible;transform:translate(0)}.sidebar-overlay{z-index:40;background:color-mix(in srgb, var(--color-text) 50%, transparent);display:block;position:fixed;inset:0}.app-main{max-width:100%;padding:20px 16px}}@media (prefers-reduced-motion:reduce){.sidebar,.menu-toggle span{transition:none}}@media (width<=600px){form{gap:10px;padding:14px}.field{width:100%}input,select,textarea{width:100%;min-width:0}.login-page form{width:100%;max-width:320px}.print-page{padding:16px}}@media (width<=640px){.table-wrapper{overflow-x:visible}.table-wrapper table,.table-wrapper thead,.table-wrapper tbody,.table-wrapper th,.table-wrapper tr{width:100%;display:block}.table-wrapper thead{display:none}.table-wrapper tbody tr{border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:14px;overflow:hidden}.table-wrapper tbody tr:last-child{margin-bottom:0}.table-wrapper tbody td{border-bottom:1px solid var(--color-border);min-height:20px;padding:10px 14px 10px calc(42% + 14px);font-size:13px;display:block;position:relative}.table-wrapper tbody tr td:last-child{border-bottom:none}.table-wrapper tbody td:before{content:attr(data-label);width:38%;color:var(--color-text-muted);white-space:normal;font-size:11px;font-weight:600;position:absolute;top:10px;left:14px}.table-wrapper tbody td:last-child{flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px 10px calc(42% + 14px);display:flex}.table-wrapper tbody td.edit-cell,.table-wrapper tbody td.edit-cell:last-child{padding:14px;display:block}.table-wrapper tbody td.edit-cell:before{content:none}.subcategory-row td:first-child{padding-left:calc(42% + 24px)}}.input-with-action{align-items:stretch;gap:6px;display:flex}.input-with-action input{flex:1;min-width:0}.scan-bar{background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius);padding:12px}.scanner-overlay{z-index:100;background:color-mix(in srgb, var(--color-text) 60%, transparent);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.scanner-modal{background:var(--color-surface);border-radius:var(--radius-lg);flex-direction:column;gap:12px;width:100%;max-width:420px;padding:16px;display:flex}.scanner-modal h3{margin:0}.scanner-region{background:var(--color-text);border-radius:var(--radius);width:100%;min-height:200px;overflow:hidden}.users-notice{border:1px solid var(--color-border);border-left:4px solid var(--color-accent);background:var(--color-surface);color:var(--color-text);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 14px;display:flex}.users-notice p{margin:0}.users-notice input{width:100%}.users-notice button{align-self:flex-start}.users-notice-ok{border-left-color:var(--color-success);background:var(--color-success-bg)}.users-notice-warn{border-color:var(--color-warning-border);border-left-color:var(--color-warning);background:var(--color-warning-bg)}.users-notice-error{border-left-color:var(--color-danger);background:var(--color-danger-bg)}.invite-mail{font-weight:600}.invite-mail-ok{color:var(--color-success)}.invite-mail-warn{color:var(--color-warning)}