:root{--color-bg:#f4f5f7;--color-surface:#fff;--color-surface-alt:#eceef1;--color-text:#1c1e21;--color-text-muted:#6b7280;--color-border:#e0e2e6;--color-primary:#2563eb;--color-primary-text:#fff;--color-danger:#dc2626;--color-danger-bg:#fdecec;--color-overlay:#0f111573;--status-forming-bg:#e4e5e8;--status-forming-text:#6b6f76;--status-formed-bg:#dbeafe;--status-formed-text:#4a7bc4;--status-awaiting-bg:#ccf3ee;--status-awaiting-text:#16867a;--status-done-bg:#d9f2df;--status-done-text:#1f8a3f;--status-cancelled-bg:#f3d9d9;--status-cancelled-text:#a13f3f;--status-deleted-bg:#e4e5e8;--status-deleted-text:#83777a;--color-warning-bg:#fdead1;--color-warning-text:#8a5a12;--color-warning-border:#f3c988;--radius:10px;--transition-fast:.18s ease;--transition-medium:.25s ease;--color-chart-up:var(--color-danger);--color-chart-down:var(--status-done-text)}[data-theme=dark]{--color-bg:#17181c;--color-surface:#212226;--color-surface-alt:#2a2b30;--color-text:#f1f2f4;--color-text-muted:#9aa0aa;--color-border:#33353a;--color-primary:#4d8dff;--color-primary-text:#0c1524;--color-danger:#ef5350;--color-danger-bg:#3a2323;--color-overlay:#0009;--status-forming-bg:#34363b;--status-forming-text:#a3a8b0;--status-formed-bg:#223349;--status-formed-text:#7fa9e8;--status-awaiting-bg:#113936;--status-awaiting-text:#4fd8c9;--status-done-bg:#17361f;--status-done-text:#5cc97b;--status-cancelled-bg:#3a2323;--status-cancelled-text:#e08585;--status-deleted-bg:#34363b;--status-deleted-text:#a89ea1;--color-warning-bg:#40320f;--color-warning-text:#f0c675;--color-warning-border:#6b5320}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--color-text);background:var(--color-bg);transition:background var(--transition-fast), color var(--transition-fast);font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}#root{flex-direction:column;min-height:100svh;display:flex}button{font:inherit}h1,h2,h3{color:var(--color-text)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.login-screen{flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.login-theme-toggle{position:absolute;top:24px;right:24px}.login-version{text-align:center;color:var(--color-text-muted);font-size:12px;position:absolute;bottom:16px;left:0;right:0}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:16px;width:100%;max-width:360px;padding:32px 24px;display:flex}.login-title{text-align:center;margin:0 0 8px;font-size:20px}.login-field{color:var(--color-text-muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.login-field input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast);padding:10px 12px;font-size:16px}.login-field input:focus{border-color:var(--color-primary);outline:none}.login-error{border-radius:var(--radius);background:var(--color-danger-bg);color:var(--color-danger);margin:0;padding:10px 12px;font-size:14px}.login-notice{border-radius:var(--radius);background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border);margin:0;padding:10px 12px;font-size:14px}.login-submit{border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-text);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;padding:12px;font-size:16px;font-weight:500}.login-submit:hover{opacity:.92}.login-submit:active{transform:scale(.98)}.login-submit:disabled{opacity:.6;cursor:default}.burger-overlay{background:var(--color-overlay);opacity:0;pointer-events:none;transition:opacity var(--transition-medium);z-index:100;position:fixed;inset:0}.burger-overlay.open{opacity:1;pointer-events:auto}.burger-panel{background:var(--color-surface);width:min(50vw,320px);min-width:260px;transition:transform var(--transition-medium);z-index:101;flex-direction:column;padding:20px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0003}.burger-panel.open{transform:translate(0)}.burger-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.burger-role{color:var(--color-text-muted);font-size:13px}.burger-name{color:var(--color-text);margin-top:2px;font-size:16px;font-weight:500}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text-muted);cursor:pointer;width:34px;height:34px;transition:opacity var(--transition-fast), transform var(--transition-fast);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{opacity:.8}.theme-toggle:active{transform:scale(.92)}.burger-connection{color:var(--color-text-muted);align-items:center;gap:8px;margin-top:24px;font-size:13px;display:flex}.connection-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.connection-dot.online{background:#22c55e}.connection-dot.offline{background:#ef4444}.burger-item{text-align:left;color:var(--color-text);cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;margin-top:20px;padding:10px 0;font-size:15px}.burger-item:active{opacity:.65}.burger-spacer{flex:1}.burger-logout{color:var(--color-danger);text-align:left;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;padding:10px 0 2px;font-size:15px}.burger-logout:active{opacity:.65}.burger-version{color:var(--color-text-muted);font-size:12px}.order-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.order-card:active{transform:scale(.99)}.order-card-restaurant{color:var(--color-text);font-size:15px;font-weight:500}.order-card-meta{color:var(--color-text-muted);gap:10px;margin-top:4px;font-size:13px;display:flex}.order-card-draft{font-style:italic}.order-card-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.order-card-info-btn{width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.order-card-info-btn:hover{background:var(--color-surface-alt);color:var(--color-text)}.order-card-info-btn:active{transform:scale(.92)}.order-badge{cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.order-badge:hover{opacity:.85}.order-badge:active{transform:scale(.95)}.order-badge-icon{font-size:12px}.order-card-alert{color:var(--color-danger);flex-shrink:0;animation:1.6s ease-in-out infinite order-card-alert-blink}@keyframes order-card-alert-blink{0%,to{opacity:1}50%{opacity:.25}}.status-forming{background:var(--status-forming-bg);color:var(--status-forming-text)}.status-formed{background:var(--status-formed-bg);color:var(--status-formed-text)}.status-awaiting{background:var(--status-awaiting-bg);color:var(--status-awaiting-text)}.status-done{background:var(--status-done-bg);color:var(--status-done-text)}.status-cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-text)}.status-deleted{background:var(--status-deleted-bg);color:var(--status-deleted-text)}.actions-menu-backdrop{z-index:250;position:fixed;inset:0}.actions-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:220px;animation:actions-menu-in var(--transition-fast);flex-direction:column;padding:6px;display:flex;position:fixed;box-shadow:0 10px 28px #00000038}@keyframes actions-menu-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.actions-menu-item{text-align:left;color:var(--color-text);border-radius:calc(var(--radius) - 4px);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;padding:10px 12px;font-size:14px}.actions-menu-item:hover{background:var(--color-surface-alt)}.actions-menu-item:active{background:var(--color-border)}.modal-backdrop{background:var(--color-overlay);z-index:300;animation:modal-backdrop-in var(--transition-medium);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:400px;max-height:80vh;animation:modal-card-in var(--transition-medium);flex-direction:column;gap:14px;padding:22px;display:flex;overflow-y:auto}@keyframes modal-card-in{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:none}}.modal-title{color:var(--color-text);margin:0;font-size:18px}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-close-btn{color:var(--color-text-muted);cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;margin:-2px -2px 0 0;padding:2px;display:flex}.modal-close-btn:hover{opacity:.7}.modal-close-btn:active{opacity:.5}.modal-message{color:var(--color-text-muted);margin:0;font-size:14px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.modal-btn{border-radius:var(--radius);cursor:pointer;background:var(--color-surface-alt);color:var(--color-text);transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;padding:10px 18px;font-size:14px}.modal-btn:hover{opacity:.85}.modal-btn:active:not(:disabled){transform:scale(.97)}.modal-btn:disabled{opacity:.6;cursor:default}.modal-btn-primary{background:var(--color-primary);color:var(--color-primary-text)}.modal-btn-danger{background:var(--color-danger);color:#fff}.history-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.history-item{border-radius:var(--radius);background:var(--color-surface-alt);padding:10px 12px}.history-item-transition{color:var(--color-text);margin-bottom:4px;font-size:14px}.history-item-meta{color:var(--color-text-muted);font-size:12px}.history-item-comment{color:var(--color-text);margin-top:6px;font-size:13px}.toast{background:var(--color-text);color:var(--color-bg);border-radius:var(--radius);z-index:200;animation:toast-in var(--transition-medium);text-align:center;align-items:center;gap:10px;max-width:min(90vw,360px);padding:10px 18px;font-size:14px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000040}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.toast-closing{animation:toast-out var(--transition-fast) forwards}@keyframes toast-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,8px)}}.toast-spinner{border:2px solid #ffffff59;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite toast-spin;display:inline-block}@keyframes toast-spin{to{transform:rotate(360deg)}}.toast-dots{display:inline-flex}.toast-dot{opacity:0;animation:1.4s infinite toast-dot-fade}.toast-dot:first-child{animation-delay:0s}.toast-dot:nth-child(2){animation-delay:.2s}.toast-dot:nth-child(3){animation-delay:.4s}@keyframes toast-dot-fade{0%{opacity:0}35%{opacity:1}85%{opacity:1}to{opacity:0}}.auto-form-banner{background:var(--color-warning-bg);color:var(--color-warning-text);border-bottom:1px solid var(--color-warning-border);animation:auto-form-banner-in var(--transition-medium);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;line-height:1.4;display:flex;overflow:hidden}.auto-form-banner.closing{animation:auto-form-banner-out var(--transition-medium) forwards}@keyframes auto-form-banner-in{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transform:translateY(-6px)}to{opacity:1;max-height:80px;transform:none}}@keyframes auto-form-banner-out{0%{opacity:1;max-height:80px}to{opacity:0;max-height:0;padding-top:0;padding-bottom:0}}.auto-form-banner-close{color:inherit;border-radius:var(--radius);cursor:pointer;opacity:.85;width:26px;height:26px;transition:opacity var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.auto-form-banner-close:hover{opacity:1;background:#0000000f}.auto-form-banner-close:active{background:#0000001f}.order-loading-logo{color:var(--color-text);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;display:flex}.order-loading-logo-line{line-height:1;display:flex}.order-loading-logo-line-1{letter-spacing:.03em;font-size:clamp(40px,12vw,64px);font-weight:700}.order-loading-logo-line-2{letter-spacing:.06em;margin-top:6px;margin-left:clamp(32px,10vw,56px);font-size:clamp(28px,8vw,44px);font-weight:700}.order-loading-logo-letter{animation:.9s ease-in-out infinite order-loading-letter-bounce;display:inline-block}@keyframes order-loading-letter-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.22em)}}.order-editor,.order-review{width:100%;max-width:640px;height:100svh;animation:order-editor-in var(--transition-medium);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}@keyframes order-editor-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.order-content-in{min-height:0;animation:order-content-in var(--transition-medium);flex-direction:column;flex:1;display:flex}@keyframes order-content-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.order-loading-screen{justify-content:center;align-items:center}.order-editor-header,.order-review-header{border-bottom:1px solid var(--color-border);align-items:center;gap:6px;padding:14px 16px;display:flex}.order-review-header h2{margin:0;font-size:18px}.order-editor-header-spacer{flex:1}.order-status-strip{text-align:center;min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;padding:0 6px;font-size:clamp(15px,4.6vw,19px);font-weight:600;overflow:hidden}.order-editor-subtitle{padding:14px 16px 4px}.order-editor-title-row{align-items:center;gap:10px;display:flex}.order-editor-restaurant{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;font-size:17px;font-weight:600;overflow:hidden}.order-search{flex:1;min-width:76px;position:relative}.order-search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.order-search-input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;color:var(--color-text);transition:border-color var(--transition-fast);padding:7px 28px;font-size:14px}.order-search-input::placeholder{color:var(--color-text-muted)}.order-search-input:focus{border-color:var(--color-primary);outline:none}.order-search-clear{width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.order-search-clear:hover{background:var(--color-surface-alt);color:var(--color-text)}.order-editor-number{color:var(--color-text-muted);flex-shrink:0;font-size:14px}.order-editor-department,.order-editor-dates{color:var(--color-text-muted);margin-top:2px;font-size:13px}.order-editor-list{flex-direction:column;flex:1;gap:4px;padding:8px 16px 16px;display:flex;overflow-y:auto}.order-editor-empty{text-align:center;color:var(--color-text-muted);padding:32px 16px;font-size:14px}.position-row{border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:12px;padding:10px 4px;display:flex}.position-row:active{background:var(--color-surface-alt)}.position-row:last-child{border-bottom:none}.position-checkbox{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.position-name{color:var(--color-text);flex:1;font-size:14px}.position-qty{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:76px;color:var(--color-text);text-align:right;transition:border-color var(--transition-fast), opacity var(--transition-fast);flex-shrink:0;padding:8px 10px;font-size:14px}.position-qty:focus{border-color:var(--color-primary);outline:none}.position-qty:disabled{opacity:.5;cursor:pointer}.position-unit{width:34px;color:var(--color-text-muted);flex-shrink:0;font-size:13px}.order-editor-footer,.order-review-footer{z-index:5;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);background:var(--color-bg);gap:12px;display:flex;position:sticky;bottom:0}.primary-btn{border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-text);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;flex:1;padding:14px;font-size:15px;font-weight:500}.primary-btn:hover:not(:disabled){opacity:.92}.primary-btn:active:not(:disabled){transform:scale(.98)}.primary-btn:disabled,.primary-btn.disabled{background:var(--color-surface-alt);color:var(--color-text-muted);cursor:default}.outline-btn{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);background:0 0;flex:1;padding:14px;font-size:15px;font-weight:500}.outline-btn:hover:not(:disabled){background:var(--color-surface-alt)}.outline-btn:active:not(:disabled){transform:scale(.98)}.outline-btn.disabled{background:var(--color-surface-alt);color:var(--color-text-muted);border-color:var(--color-surface-alt)}.outline-btn.disabled:hover,.outline-btn.disabled:active{background:var(--color-surface-alt);transform:none}.order-review-list{flex-direction:column;flex:1;gap:2px;padding:12px 16px;display:flex;overflow-y:auto}.review-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 4px;font-size:14px;display:flex}.review-row:last-child{border-bottom:none}.review-name{color:var(--color-text)}.review-qty{color:var(--color-text-muted);white-space:nowrap}.auto-formed-banner{background:var(--color-warning-bg);color:var(--color-warning-text);border-bottom:1px solid var(--color-warning-border);animation:auto-formed-banner-in var(--transition-medium);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;line-height:1.4;display:flex;overflow:hidden}.auto-formed-banner.closing{animation:auto-formed-banner-out var(--transition-medium) forwards}@keyframes auto-formed-banner-in{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transform:translateY(-6px)}to{opacity:1;max-height:80px;transform:none}}@keyframes auto-formed-banner-out{0%{opacity:1;max-height:80px}to{opacity:0;max-height:0;padding-top:0;padding-bottom:0}}.auto-formed-banner-close{color:inherit;border-radius:var(--radius);cursor:pointer;opacity:.85;width:26px;height:26px;transition:opacity var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.auto-formed-banner-close:hover{opacity:1;background:#0000000f}.auto-formed-banner-close:active{background:#0000001f}.pricing-row{border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast);flex-direction:column;gap:6px;padding:10px 4px;display:flex}.pricing-row:active{background:var(--color-surface-alt)}.pricing-row:last-child{border-bottom:none}.pricing-row-top{align-items:center;gap:12px;display:flex}.pricing-row-name-block{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pricing-old-price{color:var(--color-text-muted);font-size:12px}.pricing-row-bottom{align-items:center;gap:10px;padding-left:32px;display:flex}.pricing-price-input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100px;color:var(--color-text);text-align:right;transition:border-color var(--transition-fast), opacity var(--transition-fast);flex-shrink:0;padding:8px 10px;font-size:14px}.pricing-price-input:focus{border-color:var(--color-primary);outline:none}.pricing-price-input:disabled{opacity:.5}.pricing-dynamics{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.pricing-dynamics-up{color:var(--color-danger)}.pricing-dynamics-down{color:var(--status-done-text)}.pricing-dynamics-flat{color:var(--color-text-muted)}.order-documents-section{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:10px;margin:4px 16px 0;padding:14px 0 4px;display:flex}.order-document-row{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-alt);min-width:0;color:var(--color-text);transition:background var(--transition-fast);flex:220px;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;display:flex}.order-document-row:hover{background:var(--color-border)}.order-document-row:active{opacity:.85}.order-document-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.doc-generate-screen{text-align:center;align-items:center}.doc-generating{color:var(--color-text);flex:1;justify-content:center;align-items:center;font-size:17px;display:flex}.doc-generating-dot{opacity:0;animation:1.4s infinite doc-generating-dot-fade}.doc-generating-dot-1{animation-delay:0s}.doc-generating-dot-2{animation-delay:.2s}.doc-generating-dot-3{animation-delay:.4s}@keyframes doc-generating-dot-fade{0%{opacity:0}35%{opacity:1}85%{opacity:1}to{opacity:0}}.doc-ready-title{text-align:center;margin:24px 16px 0;font-size:18px}.doc-ready-preview{color:var(--color-text-muted);cursor:pointer;transition:opacity var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px 16px;text-decoration:none;display:flex}.doc-ready-preview:hover{opacity:.8}.doc-ready-preview:active{opacity:.65}.doc-ready-filename{max-width:100%;color:var(--color-text);text-align:center;word-break:break-word;padding:0 16px;font-size:14px}.doc-download-link{justify-content:center;align-items:center;text-decoration:none;display:flex}.reports-page{width:100%;max-width:640px;min-height:0;animation:order-editor-in var(--transition-medium);flex-direction:column;flex:1;margin:0 auto;display:flex}.reports-loading{justify-content:center;align-items:center}.reports-header{border-bottom:1px solid var(--color-border);align-items:center;gap:6px;padding:14px 16px;display:flex}.reports-title{text-align:center;color:var(--color-text);flex:1;font-size:clamp(15px,4.6vw,19px);font-weight:600}.icon-btn-spacer{flex-shrink:0;width:38px}.reports-content{flex-direction:column;flex:1;gap:16px;padding:16px 16px 32px;display:flex;overflow-y:auto}.reports-period-row{gap:8px;display:flex}.period-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);border-radius:999px;padding:7px 14px;font-size:13px}.period-btn:hover{background:var(--color-surface-alt)}.period-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.report-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px}.report-card-title{color:var(--color-text);margin:0 0 4px;font-size:15px;font-weight:600}.report-card-subtitle{color:var(--color-text-muted);margin:0 0 12px;font-size:12px;line-height:1.4}.chart-empty{text-align:center;color:var(--color-text-muted);padding:24px 4px;font-size:13px;line-height:1.5}.chart-last-price{color:var(--color-text);margin-bottom:6px;font-size:14px}.chart-last-price strong{font-size:16px;font-weight:600}.chart-frame{width:100%;position:relative}.price-line-svg{touch-action:none;width:100%;height:auto;display:block}.chart-grid-line{stroke:var(--color-border);stroke-width:1px}.chart-axis-label{fill:var(--color-text-muted);font-size:22px}.chart-area{fill:var(--color-primary);opacity:.1;stroke:none}.chart-line{fill:none;stroke:var(--color-primary);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:var(--color-primary);stroke:var(--color-surface);stroke-width:2px;transition:r var(--transition-fast)}.chart-crosshair{stroke:var(--color-text-muted);stroke-width:1px;stroke-dasharray:3 3}.chart-tooltip{background:var(--color-surface-alt);border:1px solid var(--color-border);white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px var(--color-overlay);border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;top:4px;transform:translate(-50%)}.chart-tooltip-value{color:var(--color-text);font-weight:600}.chart-tooltip-meta{color:var(--color-text-muted);margin-top:2px;font-size:11px}.movers-list{flex-direction:column;gap:12px;display:flex}.mover-row{cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;border-radius:8px;flex-direction:column;gap:6px;margin:-6px;padding:6px;display:flex}.mover-row:hover,.mover-row.active{background:var(--color-surface-alt)}.mover-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.mover-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.mover-value{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-size:12px}.mover-arrow{margin-right:2px;font-weight:700}.mover-arrow.up{color:var(--color-chart-up)}.mover-arrow.down{color:var(--color-chart-down)}.mover-arrow.flat{color:var(--color-text-muted)}.mover-track{background:var(--color-surface-alt);border-radius:999px;height:6px;overflow:hidden}.mover-fill{border-radius:999px;height:100%}.mover-fill.up{background:var(--color-chart-up)}.mover-fill.down{background:var(--color-chart-down)}.mover-fill.flat{background:var(--color-text-muted)}.product-picker{margin-bottom:12px;position:relative}.product-picker-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:12px;left:10px}.product-picker-input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;color:var(--color-text);transition:border-color var(--transition-fast);padding:9px 12px 9px 32px;font-size:14px}.product-picker-input:focus{border-color:var(--color-primary);outline:none}.product-picker-dropdown{z-index:10;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);max-height:260px;box-shadow:0 8px 24px var(--color-overlay);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.product-picker-item{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:flex}.product-picker-item:hover,.product-picker-item.active{background:var(--color-surface-alt)}.product-picker-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.product-picker-check{color:var(--color-primary);letter-spacing:-1px;flex-shrink:0;font-size:11px;font-weight:700}.product-picker-meta{color:var(--color-text-muted);flex-shrink:0;font-size:11px}.product-picker-archive{font-style:italic}.product-picker-empty{color:var(--color-text-muted);text-align:center;padding:12px;font-size:13px}.table-toggle{color:var(--color-primary);cursor:pointer;background:0 0;border:none;margin-top:10px;padding:4px 0;font-size:12px}.report-table-wrap{margin-top:8px;overflow-x:auto}.report-table{border-collapse:collapse;width:100%;font-size:12px}.report-table th,.report-table td{text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:6px 8px}.report-table th{color:var(--color-text-muted);font-weight:500}.report-table td{color:var(--color-text)}.rejection-banner{background:var(--color-danger-bg);color:var(--color-danger);border-bottom:1px solid var(--color-danger);flex-direction:column;gap:4px;padding:12px 16px 12px 40px;font-size:13px;line-height:1.4;display:flex;position:relative}.rejection-banner-title{font-weight:600}.rejection-banner-comment{color:var(--color-text)}.rejection-banner-close{width:24px;height:24px;color:inherit;opacity:.75;cursor:pointer;transition:opacity var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;left:8px}.rejection-banner-close:hover{opacity:1;background:#0000000f}.rejection-banner-close:active{transform:scale(.92)}.writeoff-meta-row{gap:8px;margin:10px 0 2px;display:flex}.writeoff-meta-field{flex:1;min-width:0;position:relative}.writeoff-meta-btn{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.writeoff-meta-btn:active{transform:scale(.98)}.writeoff-meta-btn.placeholder{color:var(--color-text-muted);font-weight:400}.writeoff-meta-btn-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.writeoff-meta-btn.invalid{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-bg)}.writeoff-meta-popover{z-index:20;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:8px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0000002e}.writeoff-calendar{width:240px}.writeoff-calendar-header{justify-content:space-between;align-items:center;padding:2px 2px 8px;display:flex}.writeoff-calendar-title{color:var(--color-text);font-size:13px;font-weight:600}.writeoff-calendar-nav{border-radius:var(--radius);width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.writeoff-calendar-nav:hover{background:var(--color-surface-alt)}.writeoff-calendar-weekdays,.writeoff-calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.writeoff-calendar-weekdays span{text-align:center;color:var(--color-text-muted);padding-bottom:4px;font-size:11px}.writeoff-calendar-day{aspect-ratio:1;border-radius:var(--radius);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:13px;display:flex}.writeoff-calendar-day:hover:not(.empty){background:var(--color-surface-alt)}.writeoff-calendar-day.empty{cursor:default}.writeoff-calendar-day.today{color:var(--color-primary);font-weight:700}.writeoff-calendar-day.selected{background:var(--color-primary);color:var(--color-primary-text);font-weight:600}.writeoff-type-list{flex-direction:column;gap:2px;width:200px;max-height:260px;display:flex;overflow-y:auto}.writeoff-type-option{text-align:left;border-radius:var(--radius);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;padding:8px 10px;font-size:13px}.writeoff-type-option:hover{background:var(--color-surface-alt)}.writeoff-type-option.active{background:var(--color-surface-alt);font-weight:600}.writeoff-meta-readonly{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-alt);flex:1;min-width:0;padding:8px 10px}.writeoff-meta-label{color:var(--color-text-muted);font-size:11px;display:block}.writeoff-meta-value{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;display:block;overflow:hidden}.writeoff-kind-tabs{gap:6px;margin:10px 0 4px;display:flex}.writeoff-kind-tab{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;flex:1;padding:8px 10px;font-size:13px;font-weight:500}.writeoff-kind-tab:active{transform:scale(.98)}.writeoff-kind-tab.active{background:var(--color-surface-alt);color:var(--color-text);border-color:var(--color-surface-alt)}.writeoff-reject-form{flex-direction:column;align-items:stretch}.writeoff-reject-comment{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;min-height:72px;color:var(--color-text);resize:vertical;padding:10px 12px;font-family:inherit;font-size:14px}.writeoff-reject-form-actions{gap:12px;display:flex}.writeoff-reject-form-actions .outline-btn,.writeoff-reject-form-actions .primary-btn{flex:1}.writeoffs-screen{width:100%;max-width:640px;animation:home-screen-in var(--transition-medium);flex-direction:column;flex:1;margin:0 auto;display:flex}.writeoffs-header{border-bottom:1px solid var(--color-border);align-items:center;gap:6px;padding:14px 16px;display:flex}.writeoffs-title{text-align:center;color:var(--color-text);flex:1;font-size:clamp(15px,4.6vw,19px);font-weight:600}.writeoffs-icon-btn{color:var(--color-text);border-radius:var(--radius);cursor:pointer;width:38px;height:38px;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.writeoffs-icon-btn:hover{background:var(--color-surface-alt)}.writeoffs-icon-btn:active{transform:scale(.92)}.writeoffs-icon-btn.spinning svg{animation:.8s linear infinite icon-spin}.writeoffs-content{flex-direction:column;flex:1;gap:28px;padding:20px 16px 40px;display:flex}.writeoffs-create-block h2,.writeoffs-list-block h2{margin:0 0 12px;font-size:18px}.writeoffs-create-buttons{gap:12px;display:flex}.writeoffs-create-btn-wrap{flex:1;display:flex;position:relative}.writeoffs-dept-menu-backdrop{z-index:90;position:fixed;inset:0}.writeoffs-dept-menu{z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);animation:dept-menu-in var(--transition-fast);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 10px 28px #0000002e}.writeoffs-dept-menu-item{text-align:left;color:var(--color-text);border-radius:calc(var(--radius) - 4px);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;padding:10px 12px;font-size:14px}.writeoffs-dept-menu-item:hover{background:var(--color-surface-alt)}.writeoffs-dept-menu-item:active{background:var(--color-border)}.writeoffs-create-btn{border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-text);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;flex:1;padding:14px;font-size:15px;font-weight:500}.writeoffs-create-btn:hover{opacity:.92}.writeoffs-create-btn:active{transform:scale(.98)}.writeoffs-create-btn.disabled{background:var(--color-surface-alt);color:var(--color-text-muted)}.writeoffs-subsection{margin-top:18px}.writeoffs-subsection h3{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:14px;font-weight:600}.writeoffs-subsection-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;margin:0 0 10px;padding:4px 0;display:flex}.writeoffs-subsection-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.writeoffs-subsection-chevron.collapsed{transform:rotate(-90deg)}.writeoffs-list{flex-direction:column;gap:10px;display:flex}.writeoffs-empty{color:var(--color-text-muted);margin:0;font-size:14px}.home-screen{width:100%;max-width:640px;animation:home-screen-in var(--transition-medium);flex-direction:column;flex:1;margin:0 auto;display:flex}@keyframes home-screen-in{0%{opacity:0}to{opacity:1}}.home-header{border-bottom:1px solid var(--color-border);align-items:center;gap:6px;padding:14px 16px;display:flex}.home-header-spacer{flex:1}.icon-btn{color:var(--color-text);border-radius:var(--radius);cursor:pointer;width:38px;height:38px;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--color-surface-alt)}.icon-btn:active{transform:scale(.92)}.icon-btn-muted{color:var(--color-text-muted)}.icon-btn.spinning svg{animation:.8s linear infinite icon-spin}@keyframes icon-spin{to{transform:rotate(360deg)}}.home-content{flex-direction:column;flex:1;gap:28px;padding:20px 16px 40px;display:flex}.create-order-block h2,.orders-block h2{margin:0 0 12px;font-size:18px}.create-order-buttons{gap:12px;display:flex}.create-order-btn-wrap{flex:1;display:flex;position:relative}.dept-menu-backdrop{z-index:90;position:fixed;inset:0}.dept-menu{z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);animation:dept-menu-in var(--transition-fast);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 10px 28px #0000002e}@keyframes dept-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.dept-menu-item{text-align:left;color:var(--color-text);border-radius:calc(var(--radius) - 4px);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;padding:10px 12px;font-size:14px}.dept-menu-item:hover{background:var(--color-surface-alt)}.dept-menu-item:active{background:var(--color-border)}.create-order-btn{border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-text);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;flex:1;padding:14px;font-size:15px;font-weight:500}.create-order-btn:hover{opacity:.92}.create-order-btn:active{transform:scale(.98)}.create-order-btn.disabled{background:var(--color-surface-alt);color:var(--color-text-muted)}.orders-subsection{margin-top:18px}.orders-subsection h3{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:14px;font-weight:600}.orders-subsection-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;margin:0 0 10px;padding:4px 0;display:flex}.orders-subsection-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.orders-subsection-chevron.collapsed{transform:rotate(-90deg)}.orders-list{flex-direction:column;gap:10px;display:flex}.orders-empty{color:var(--color-text-muted);margin:0;font-size:14px}