*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--clr-accent: #6366f1;--clr-accent-light: #818cf8;--clr-accent-dim: rgba(99, 102, 241, .15);--clr-green: #10b981;--clr-green-dim: rgba(16, 185, 129, .15);--clr-amber: #f59e0b;--clr-amber-dim: rgba(245, 158, 11, .15);--clr-red: #ef4444;--clr-red-dim: rgba(239, 68, 68, .15);--bg-page: #0d1117;--bg-sidebar: #111827;--bg-card: #1a2235;--bg-elevated: #1e2d45;--bg-hover: rgba(255, 255, 255, .04);--bg-active: rgba(99, 102, 241, .12);--border: rgba(255, 255, 255, .07);--border-focus: rgba(99, 102, 241, .5);--txt-primary: #f0f4ff;--txt-secondary: #8b9ab5;--txt-muted: #4d5f7a;--sidebar-w: 220px;--topbar-h: 56px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .35);--shadow-modal: 0 24px 60px rgba(0, 0, 0, .55)}html{font-size:16px;height:100%;scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-page);color:var(--txt-primary);height:100%;-webkit-font-smoothing:antialiased}#root{width:100%;height:100dvh;display:flex}.app-shell{display:flex;width:100%;height:100dvh;overflow:hidden}.app-sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-sidebar);border-left:1px solid var(--border);display:flex;flex-direction:column;height:100%;overflow:hidden;z-index:50;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-brand{height:var(--topbar-h);min-height:var(--topbar-h);display:flex;align-items:center;padding:0 1.25rem;border-bottom:1px solid var(--border);gap:.75rem;flex-shrink:0}.sidebar-brand-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--clr-accent),#a78bfa);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:#fff;flex-shrink:0}.sidebar-brand-name{font-size:1rem;font-weight:700;color:var(--txt-primary);letter-spacing:-.01em}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem .75rem;display:flex;flex-direction:column;gap:2px}.sidebar-nav::-webkit-scrollbar{width:0}.sidebar-section-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--txt-muted);padding:.75rem .5rem .35rem;pointer-events:none}.sidebar-link{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;color:var(--txt-secondary);text-decoration:none;cursor:pointer;transition:background .15s,color .15s;border:none;background:transparent;width:100%;text-align:inherit;font-family:inherit;white-space:nowrap}.sidebar-link:hover{background:var(--bg-hover);color:var(--txt-primary)}.sidebar-link.active{background:var(--bg-active);color:var(--clr-accent-light);font-weight:600}.sidebar-link .link-icon{font-size:1rem;width:20px;text-align:center;flex-shrink:0;opacity:.8}.sidebar-footer{padding:.75rem;border-top:1px solid var(--border);flex-shrink:0}.sidebar-user-row{display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;border-radius:var(--radius-sm);transition:background .15s}.sidebar-user-row:hover{background:var(--bg-hover)}.sidebar-avatar{width:30px;height:30px;border-radius:50%;background:var(--clr-accent-dim);color:var(--clr-accent-light);font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:.82rem;font-weight:600;color:var(--txt-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.72rem;color:var(--txt-muted)}.sidebar-logout-btn{background:transparent;border:none;color:var(--txt-muted);cursor:pointer;font-size:.85rem;padding:4px;border-radius:4px;transition:color .15s,background .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logout-btn:hover{color:var(--clr-red);background:var(--clr-red-dim)}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;overflow:hidden}.app-topbar{height:var(--topbar-h);min-height:var(--topbar-h);flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;border-bottom:1px solid var(--border);background:#0d1117d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:40}.topbar-title{font-size:1rem;font-weight:600;color:var(--txt-primary)}.topbar-actions{display:flex;align-items:center;gap:.75rem}.menu-btn{display:none;background:transparent;border:none;color:var(--txt-primary);font-size:1.3rem;cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:background .15s;align-items:center;justify-content:center}.menu-btn:hover{background:var(--bg-hover)}.app-content{flex:1;min-height:0;overflow-y:auto;padding:1.5rem}.app-content::-webkit-scrollbar{width:6px}.app-content::-webkit-scrollbar-track{background:transparent}.app-content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:6px}.app-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.drawer-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200}.drawer-overlay.open{display:block}@media(max-width:768px){.app-sidebar{position:fixed;top:0;right:0;height:100%;transform:translate(100%);z-index:300;border-left:1px solid var(--border);border-right:none}.app-sidebar.open{transform:translate(0)}.menu-btn{display:flex}.app-main{width:100%}}.login-page{width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg-page);padding:1.5rem}.login-container{width:100%;max-width:400px;animation:fadeUp .4s ease-out}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 2rem;box-shadow:var(--shadow-modal)}.login-logo{display:flex;align-items:center;justify-content:center;margin-bottom:1.75rem;gap:.75rem}.login-logo-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--clr-accent),#a78bfa);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#fff}.login-logo-text{font-size:1.5rem;font-weight:800;color:var(--txt-primary)}.login-card h2{font-size:1.35rem;font-weight:700;text-align:center;margin-bottom:.35rem}.login-subtitle{text-align:center;color:var(--txt-secondary);font-size:.88rem;margin-bottom:1.75rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.settings-container{width:100%;max-width:1400px;margin:0 auto;animation:fadeUp .35s ease-out}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group.span-full{grid-column:1 / -1}.form-group label{font-size:.8rem;font-weight:600;color:var(--txt-secondary);letter-spacing:.02em}.form-group input,.form-group select,.form-group textarea,input[type=text],input[type=password],input[type=number],select{width:100%;padding:.65rem .9rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#00000040;color:var(--txt-primary);font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f126}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:700px){.form-grid-2,.form-grid-3,.form-grid-4{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:var(--radius-sm);padding:.6rem 1.2rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s,opacity .15s,box-shadow .15s;font-family:inherit;white-space:nowrap;text-decoration:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--clr-accent),#818cf8);color:#fff;box-shadow:0 2px 10px #6366f14d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 4px 16px #6366f166}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.14);color:var(--txt-secondary)}.btn-outline:hover:not(:disabled){background:var(--bg-hover);border-color:#ffffff40;color:var(--txt-primary)}.btn-ghost{background:transparent;border:none;color:var(--txt-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--txt-primary)}.btn-danger{background:var(--clr-red-dim);border:1px solid rgba(239,68,68,.3);color:#f87171}.btn-danger:hover:not(:disabled){background:#ef444440}.btn-success{background:var(--clr-green-dim);border:1px solid rgba(16,185,129,.3);color:#34d399}.btn-success:hover:not(:disabled){background:#10b98140}.btn-ready{background:linear-gradient(135deg,var(--clr-green),#059669);color:#fff;box-shadow:0 2px 10px #10b98140}.btn-ready:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 16px #10b98159}.btn-block{width:100%}.btn-sm{padding:.4rem .85rem;font-size:.8rem}.btn-xs{padding:.25rem .55rem;font-size:.75rem;border-radius:6px}.btn-small{padding:.4rem .85rem;font-size:.8rem}.btn-add{background:var(--clr-accent);color:#fff}.btn-add:hover:not(:disabled){background:var(--clr-accent-light)}.btn-retry{background:#ffffff14;color:var(--txt-primary)}.btn-retry:hover{background:#ffffff24}.btn-delete{background:transparent;border:none;font-size:1rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s;color:var(--txt-muted)}.btn-delete:hover{background:var(--clr-red-dim);color:#f87171}.btn-delete-roll{background:transparent;border:none;color:var(--txt-muted);font-size:.9rem;cursor:pointer;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-delete-roll:hover{background:var(--clr-red-dim);color:#ff4d4d}.btn-delete-mini{background:transparent;border:none;color:var(--txt-muted);cursor:pointer;font-size:.82rem;padding:2px 6px;border-radius:4px;transition:all .15s}.btn-delete-mini:hover{background:var(--clr-red-dim);color:#ff4d4d}.btn-group{display:flex;gap:.3rem;flex-wrap:wrap}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.card-padded{padding:1.5rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.page-header h2{font-size:1.35rem;font-weight:700;color:var(--txt-primary);letter-spacing:-.02em}.error-banner{background:var(--clr-red-dim);color:#fca5a5;padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.875rem;border:1px solid rgba(252,165,165,.2)}.success-banner{background:var(--clr-green-dim);border:1px solid rgba(52,211,153,.3);color:#34d399;padding:.65rem 1rem;border-radius:var(--radius-sm);text-align:center;margin-bottom:.75rem;font-weight:500;font-size:.875rem}.warning-banner{margin:1rem 0;padding:.85rem 1rem;background:var(--clr-red-dim);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:#f87171;font-weight:500;font-size:.875rem}.spinner{width:34px;height:34px;border:3px solid rgba(255,255,255,.08);border-top-color:var(--clr-accent);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:var(--txt-secondary)}.empty-state{text-align:center;padding:3.5rem 2rem;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--txt-secondary);font-size:.95rem}.empty-tab{background:#ffffff08;padding:3.5rem 2rem;border-radius:var(--radius-md);text-align:center;color:var(--txt-secondary);font-size:1rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge.admin{background:var(--clr-accent-dim);color:var(--clr-accent-light)}.badge.user{background:#ffffff14;color:var(--txt-secondary)}.home-container{width:100%;display:flex;flex-direction:column;gap:1.5rem}.home-tabs-header{display:flex;gap:.35rem;border-bottom:1px solid var(--border);padding-bottom:0;overflow-x:auto;white-space:nowrap;flex-shrink:0;scrollbar-width:none}.home-tabs-header::-webkit-scrollbar{display:none}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--txt-secondary);font-size:.88rem;font-weight:500;cursor:pointer;padding:.6rem 1rem;position:relative;transition:color .15s,border-color .15s;font-family:inherit;white-space:nowrap;flex-shrink:0;margin-bottom:-1px}.tab:hover{color:var(--txt-primary)}.tab.active{color:var(--clr-accent-light);border-bottom-color:var(--clr-accent);font-weight:600}.counter-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:var(--shadow-card);max-width:480px;margin:0 auto}.value-display{display:flex;flex-direction:column;align-items:center;gap:.25rem}.value-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--txt-muted);font-weight:600}.value-number{font-size:5rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--txt-primary);background:linear-gradient(135deg,var(--txt-primary),var(--clr-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.button-row{display:flex;gap:.75rem}.status-text{font-size:.78rem;color:var(--txt-muted)}.error-card{border-color:#ef44444d}.error-icon{font-size:2.5rem}.error-card h3{font-size:1.05rem;color:#fca5a5}.error-message{font-size:.8rem;color:#fca5a5;text-align:center;word-break:break-word;background:var(--clr-red-dim);padding:.65rem .9rem;border-radius:var(--radius-sm);max-width:100%;overflow-wrap:break-word}@media(max-width:400px){.value-number{font-size:3.5rem}.counter-card{padding:1.5rem 1rem}}.ready-container,.ready-edit-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.ready-header-bar,.edit-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.edit-header{justify-content:flex-start}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;width:100%}.order-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-card);cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;flex-direction:column;gap:.85rem}.order-card:hover{transform:translateY(-3px);border-color:#ffffff24;box-shadow:0 12px 32px #0006}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.order-card-header h3{font-size:1rem;margin:0;color:var(--txt-primary);font-weight:600;line-height:1.4;word-break:break-word;flex:1}.card-print-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:4px;border-radius:6px;transition:background .15s;opacity:.65;flex-shrink:0}.card-print-btn:hover{background:var(--bg-hover);opacity:1}.card-print-btn:disabled{opacity:.3;cursor:not-allowed}.order-card-body{display:flex;flex-direction:column;gap:.4rem;font-size:.875rem;color:var(--txt-secondary);border-top:1px solid var(--border);padding-top:.65rem}.card-stat{display:flex;justify-content:space-between}.card-stat strong{color:var(--txt-primary);font-weight:600}.card-date{display:flex;justify-content:space-between;font-size:.78rem;margin-top:.15rem;color:var(--txt-muted)}.order-card-status{padding:.15rem 0}.order-card-footer{margin-top:auto}.order-card-ready{background:linear-gradient(135deg,#10b98112,#10b98108);border-color:#10b98138}.order-card-ready:hover{border-color:#10b98161}.status-badge{display:inline-block;padding:.25rem .7rem;border-radius:12px;font-size:.72rem;font-weight:700;letter-spacing:.03em;white-space:nowrap}.status-badge-preparing{background:var(--clr-amber-dim);color:var(--clr-amber);border:1px solid rgba(245,158,11,.22)}.status-badge-ready{background:var(--clr-green-dim);color:var(--clr-green);border:1px solid rgba(16,185,129,.22)}.status-ready-badge{background:var(--clr-green-dim);color:#34d399;border:1px solid rgba(16,185,129,.3);padding:.3rem .8rem;font-size:.8rem;border-radius:12px}.status-badge.status-pending{background:var(--clr-amber-dim);color:#fbbf24}.status-badge.status-completed{background:var(--clr-green-dim);color:#34d399}.status-badge.status-cancelled{background:var(--clr-red-dim);color:#f87171}.creator-badge{background:var(--clr-accent-dim);color:var(--clr-accent-light);padding:.22rem .6rem;border-radius:6px;font-size:.8rem;display:inline-flex;align-items:center;gap:.3rem}.settings-card,.ready-edit-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-card)}.ready-edit-card{display:flex;flex-direction:column;gap:1.5rem}.order-name-input{font-size:1rem!important;font-weight:600}.rolls-section{display:flex;flex-direction:column;gap:.85rem;border-top:1px solid var(--border);padding-top:1.25rem}.rolls-header{display:flex;justify-content:space-between;align-items:center}.rolls-header h3{margin:0;font-size:1rem}.rolls-list{background:#00000026;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:.55rem}.rolls-list::-webkit-scrollbar{width:5px}.rolls-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.no-rolls-msg{text-align:center;color:var(--txt-muted);font-size:.88rem;padding:1.5rem 1rem}.roll-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.4rem .65rem;background:#ffffff06;border:1px solid var(--border);border-radius:6px;animation:slideDown .18s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.roll-index{font-size:.82rem;color:var(--txt-muted);min-width:52px}.roll-input-container{display:flex;align-items:center;gap:.4rem;flex:1;max-width:180px}.roll-input-container input{padding:.35rem .65rem;text-align:left;direction:ltr;font-size:.9rem}.roll-input-container .unit{font-size:.8rem;color:var(--txt-muted)}.order-info-tab{background:#ffffff06;border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.order-info-tab h4{margin:0;font-size:.95rem;color:var(--clr-accent-light);border-bottom:1px solid var(--border);padding-bottom:.4rem}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:520px){.info-grid{grid-template-columns:1fr}}.info-stat{display:flex;flex-direction:column;gap:.2rem;padding:.65rem .85rem;background:#0000001f;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.03)}.stat-label{font-size:.78rem;color:var(--txt-muted)}.stat-value{font-size:1.2rem;font-weight:700;color:var(--txt-primary);direction:ltr;text-align:right}.info-input-group{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:.85rem}@media(max-width:520px){.info-input-group{grid-column:span 1}}.info-input-group input{text-align:left;direction:ltr}.net-weight-stat{grid-column:span 2;background:#6366f114;border-color:#6366f133}@media(max-width:520px){.net-weight-stat{grid-column:span 1}}.net-weight-stat .stat-value{color:var(--clr-accent-light);font-size:1.45rem}.info-actions{display:flex;gap:.65rem;flex-wrap:wrap}.info-actions .btn{flex:1;min-width:100px}.ready-layout{display:flex;gap:1.25rem;align-items:flex-start;width:100%}.ready-layout .ready-container,.ready-layout .ready-edit-container{flex:1;min-width:0}.keyboard-sidebar{width:260px;flex-shrink:0;position:sticky;top:1rem}@media(max-width:860px){.ready-layout{flex-direction:column}.keyboard-sidebar{width:100%;position:static}}.numeric-keyboard-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem;box-shadow:var(--shadow-card)}.keyboard-toggle-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.65rem;border-bottom:1px solid var(--border)}.keyboard-toggle-label{font-size:.88rem;font-weight:600}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#ffffff1f;border-radius:24px;transition:.25s}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.25s}.toggle-switch input:checked+.toggle-slider{background:var(--clr-accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.numeric-keyboard{display:flex;flex-direction:column;gap:.4rem}.keyboard-row{display:flex;gap:.4rem;justify-content:center}.keyboard-key{flex:1;padding:.65rem 0;font-size:1.1rem;font-weight:600;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#ffffff0a;color:var(--txt-primary);cursor:pointer;transition:all .12s;font-family:inherit;min-width:44px;text-align:center}.keyboard-key:hover{background:#ffffff1a;border-color:#ffffff29}.keyboard-key:active{background:var(--clr-accent);border-color:var(--clr-accent);transform:scale(.95)}.keyboard-key.key-clear{background:var(--clr-red-dim);color:#fca5a5;font-size:.85rem;flex:2}.keyboard-key.key-clear:hover{background:#ef444438}.keyboard-key.key-backspace{background:var(--clr-amber-dim);color:#fcd34d}.keyboard-key.key-backspace:hover{background:#f59e0b38}.keyboard-key.key-save{background:var(--clr-accent-dim);color:var(--clr-accent-light);border-color:#6366f140;font-size:.88rem;flex:1;letter-spacing:.02em}.keyboard-key.key-save:hover{background:#6366f138}.keyboard-key.key-save:disabled{opacity:.35;cursor:not-allowed;transform:none}.keyboard-active-indicator{font-size:.74rem;color:var(--clr-accent-light);font-weight:500;margin-bottom:.65rem;text-align:center;min-height:1.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orders-container{max-width:100%;display:flex;flex-direction:column;gap:1.25rem}.orders-header-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.orders-header-bar h2{font-size:1.25rem;font-weight:700;color:var(--txt-primary)}.orders-filters{display:flex;gap:.3rem;background:#ffffff08;padding:.3rem;border-radius:8px;border:1px solid var(--border);flex-wrap:wrap}.filter-btn{padding:.4rem 1rem;border-radius:5px;font-size:.82rem;font-weight:500;color:var(--txt-secondary);background:transparent;border:none;cursor:pointer;transition:all .15s;font-family:inherit}.filter-btn:hover{color:var(--txt-primary);background:#ffffff0a}.filter-btn.active{color:#fff;background:var(--clr-accent);box-shadow:0 2px 8px #6366f159}.orders-table-wrapper{background:#ffffff05;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card)}.orders-table{width:100%;border-collapse:collapse}.orders-table th{background:#0003;color:var(--txt-muted);font-weight:600;font-size:.78rem;padding:.9rem 1.1rem;text-align:right;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em}.orders-table td{padding:.9rem 1.1rem;text-align:right;border-bottom:1px solid rgba(255,255,255,.04);color:#dde4f0;vertical-align:middle;font-size:.875rem}.orders-table tbody tr:hover{background:#ffffff05}.details-cell{max-width:220px;white-space:pre-wrap;word-break:break-word;color:var(--txt-secondary)!important;font-size:.82rem}.table-actions{display:flex;gap:.4rem;justify-content:flex-start}.form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.form-modal{background:#111827f7;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-lg);width:100%;max-width:1000px;max-height:90dvh;box-shadow:var(--shadow-modal);display:flex;flex-direction:column;overflow:hidden;animation:modalIn .28s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{transform:translateY(18px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.form-modal-header{padding:1.25rem 1.75rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:#1e293b59;flex-shrink:0}.form-modal-header h3{font-size:1.3rem;font-weight:700;color:#fff;margin:0;background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.form-modal-body{flex:1;overflow-y:auto;padding:1.75rem;display:flex;flex-direction:column;gap:1.5rem}.form-modal-body::-webkit-scrollbar{width:6px}.form-modal-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.form-modal-footer{padding:1rem 1.75rem;border-top:1px solid var(--border);background:#1e293b59;display:flex;justify-content:flex-end;flex-shrink:0}.form-card-section{background:#1e293b66;border:1px solid rgba(255,255,255,.055);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.form-card-section h4{font-size:1rem;font-weight:600;color:#818cf8;margin:0;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:.5rem}.settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.75rem;box-shadow:var(--shadow-card)}.settings-card h2{font-size:1.5rem;font-weight:700;margin-bottom:1.25rem}.settings-tabs{display:flex;flex-wrap:wrap;gap:.35rem;border-bottom:1px solid var(--border);padding-bottom:0;margin-bottom:1.25rem}.settings-tabs .tab{padding:.5rem .9rem;font-size:.82rem;border-radius:0;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--txt-secondary);cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap;font-family:inherit;margin-bottom:-1px}.settings-tabs .tab:hover{color:var(--txt-primary)}.settings-tabs .tab.active{color:var(--clr-accent-light);border-bottom-color:var(--clr-accent);font-weight:600}.users-list{background:#00000026;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:1.5rem}table{width:100%;border-collapse:collapse}th,td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.045)}th{background:#00000040;font-size:.75rem;text-transform:uppercase;color:var(--txt-muted);letter-spacing:.05em;font-weight:600}td{font-size:.88rem}.btn-small{padding:.35rem .75rem;font-size:.78rem;border-radius:6px}.add-user-card{background:#ffffff06;border:1px solid var(--border);padding:1.25rem;border-radius:var(--radius-sm)}.add-user-card h4{margin-bottom:.85rem;font-size:1rem}.login-form,.add-user-form{display:flex;flex-direction:column;gap:1rem}.user-management h3{margin-bottom:1.25rem;font-size:1.2rem;color:var(--clr-accent-light)}.edit-password-form{display:flex;gap:.5rem}.edit-password-form input{padding:.38rem;font-size:.82rem}.print-settings-dashboard{display:grid;grid-template-columns:1fr 1.3fr;gap:1.5rem;padding:10px 0;align-items:start}@media(max-width:900px){.print-settings-dashboard{grid-template-columns:1fr}}.settings-controls-pane{display:flex;flex-direction:column;gap:.5rem}.settings-controls-pane h3{margin:0 0 .5rem;font-size:1.05rem;color:var(--clr-accent-light)}.settings-preview-pane{display:flex;flex-direction:column;gap:.5rem;min-width:0}.settings-preview-pane h3{margin:0 0 .25rem;font-size:1.05rem;color:var(--clr-accent-light)}.preview-selector-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.preview-frame-wrapper{background:#2a2a2a;padding:10px;border-radius:var(--radius-sm);flex-grow:1}.preview-iframe{width:100%;height:580px;border:none;border-radius:4px;background-color:#fff;display:block}@media(max-width:900px){.preview-iframe{height:380px}}.accordion-item{border:1px solid rgba(255,255,255,.08);border-radius:6px}.storage-dashboard,.purchases-dashboard{width:100%;display:flex;flex-direction:column;gap:1.25rem}.storage-tabs-header,.purchases-tabs-header{display:flex;gap:.3rem;border-bottom:1px solid var(--border);overflow-x:auto;white-space:nowrap;min-height:44px;flex-shrink:0;scrollbar-width:none}.storage-tabs-header::-webkit-scrollbar,.purchases-tabs-header::-webkit-scrollbar{display:none}.storage-layout{display:grid;grid-template-columns:1fr 340px;gap:1.25rem;align-items:start}@media(max-width:880px){.storage-layout{grid-template-columns:1fr}}.storage-list-panel,.storage-view-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-card);margin-bottom:.75rem}.storage-list-panel h3,.storage-view-panel h3{margin:0 0 .85rem;font-size:1rem}.storage-table-wrap{overflow-x:auto}.storage-table-wrap table{font-size:.85rem}.storage-table-wrap th,.storage-table-wrap td{padding:.55rem .7rem}.storage-sidebar{display:flex;flex-direction:column;gap:.85rem}.sidebar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem;box-shadow:0 4px 16px #0003}.sidebar-card h4{margin:0 0 .85rem;font-size:.9rem;color:var(--clr-accent-light);border-bottom:1px solid var(--border);padding-bottom:.4rem}.storage-form{display:flex;flex-direction:column;gap:.65rem}.storage-form select,.storage-form input[type=text],.storage-form input[type=number]{width:100%;padding:.55rem .7rem;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:#0003;color:var(--txt-primary);font-size:.85rem;font-family:inherit;outline:none}.storage-form select:focus,.storage-form input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #6366f126}.storage-form .form-group{display:flex;flex-direction:column;gap:.25rem}.storage-form label{font-size:.75rem;color:var(--txt-muted);font-weight:500}.storage-loading{display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:2.5rem;color:var(--txt-secondary)}.mono{font-family:Courier New,monospace;direction:ltr;display:inline-block}.notes-cell{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--txt-muted);font-size:.78rem}.lookup-form-row{display:flex;gap:.35rem;margin-bottom:.65rem;align-items:center}.lookup-form-row input{flex:1;padding:.45rem .55rem;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#0003;color:var(--txt-primary);font-size:.82rem;font-family:inherit;outline:none}.lookup-form-row input:focus{border-color:var(--border-focus)}.lookup-form-row .small-input{max-width:90px}.lookup-form-row .times{color:var(--txt-muted);font-weight:600;font-size:.9rem}.lookup-list{list-style:none;padding:0;margin:0;max-height:148px;overflow-y:auto}.lookup-list li{display:flex;justify-content:space-between;align-items:center;padding:.35rem .55rem;border-radius:5px;font-size:.82rem;border:1px solid transparent;transition:background .12s}.lookup-list li:hover{background:#ffffff09;border-color:#ffffff0f}.storage-stats-bar{display:flex;gap:.85rem;margin-bottom:1.25rem;flex-wrap:wrap}.storage-stats-bar .stat-item{flex:1;min-width:120px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;box-shadow:0 4px 14px #00000026}.storage-stats-bar .stat-label{font-size:.72rem;color:var(--txt-muted);text-transform:uppercase;letter-spacing:.05em}.storage-stats-bar .stat-value{font-size:1.8rem;font-weight:700;color:var(--clr-accent-light);font-variant-numeric:tabular-nums}.storage-stats-bar .stat-unit{font-size:.7rem;color:var(--txt-muted)}.row-zero{opacity:.48}.row-zero td{color:var(--txt-muted)}.storage-lookups-info{display:flex;gap:.85rem;flex-wrap:wrap}.lookup-info-card{flex:1;min-width:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem;box-shadow:0 4px 14px #00000024}.lookup-info-card h4{margin:0 0 .65rem;font-size:.78rem;color:var(--txt-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding-bottom:.35rem}.lookup-tags{display:flex;flex-wrap:wrap;gap:.35rem}.lookup-tag{display:inline-block;padding:.2rem .55rem;background:var(--clr-accent-dim);border:1px solid rgba(99,102,241,.22);border-radius:6px;font-size:.75rem;color:var(--clr-accent-light);white-space:nowrap}.variation-manager{width:100%}.variation-add-row{margin-bottom:.85rem}.variation-list table{width:100%;font-size:.85rem}.variation-list th,.variation-list td{padding:.55rem .7rem}.variation-list th:last-child,.variation-list td:last-child{width:80px;text-align:center}.purchases-layout{display:grid;grid-template-columns:1fr 360px;gap:1.25rem;align-items:start}@media(max-width:880px){.purchases-layout{grid-template-columns:1fr}}.purchases-list-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-card)}.purchases-list-panel h3{margin:0 0 .85rem;font-size:1rem}.purchases-sidebar{display:flex;flex-direction:column;gap:.85rem}.purchases-header{display:flex;justify-content:space-between;align-items:center;gap:.85rem}.purchases-header h3{margin:0;font-size:1.1rem}.purchases-new-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-card)}.purchases-new-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}@media(max-width:560px){.purchases-new-form .form-row{grid-template-columns:1fr}}.purchases-detail{width:100%;display:flex;flex-direction:column;gap:.85rem}.detail-header{display:flex;justify-content:space-between;align-items:center;gap:.85rem;flex-wrap:wrap;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem 1.25rem;box-shadow:var(--shadow-card)}.detail-info{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.detail-info h3{margin:0;font-size:1rem}.detail-date{font-size:.8rem;color:var(--txt-secondary)}.detail-notes{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.65rem .9rem;font-size:.85rem;color:var(--txt-secondary)}.detail-notes strong{color:var(--txt-primary)}.status-badge{padding:.2rem .6rem;border-radius:12px;font-size:.72rem;font-weight:600;color:#fff;white-space:nowrap}.item-type-tag{display:inline-block;padding:.15rem .5rem;background:var(--clr-accent-dim);border:1px solid rgba(99,102,241,.22);border-radius:6px;font-size:.72rem;color:var(--clr-accent-light);white-space:nowrap}.section-header{display:flex;justify-content:flex-start;gap:.5rem}.add-item-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem 1.25rem;box-shadow:0 4px 14px #00000026}.add-item-form .form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.85rem;align-items:end}@media(max-width:700px){.add-item-form .form-row{grid-template-columns:1fr 1fr}}@media(max-width:460px){.add-item-form .form-row{grid-template-columns:1fr}}.item-type-tabs{display:flex;gap:.35rem}.item-type-tabs .tab{padding:.32rem .7rem;font-size:.78rem;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--txt-secondary);cursor:pointer;transition:all .12s;font-family:inherit}.item-type-tabs .tab:hover{background:var(--bg-hover);color:var(--txt-primary)}.item-type-tabs .tab.active{background:var(--clr-accent-dim);border-color:var(--clr-accent);color:var(--clr-accent-light)}.items-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:.85rem;margin-top:.85rem}.item-card{background:#ffffff06;border:1px solid var(--border);border-radius:9px;padding:.9rem;display:flex;flex-direction:column;gap:.55rem;transition:border-color .15s,background .15s}.item-card:hover{border-color:#ffffff1a;background:#ffffff0a}.item-card-header{display:flex;justify-content:space-between;align-items:center}.item-card-body{display:flex;flex-direction:column;gap:.45rem}.item-card-name{font-size:.9rem;line-height:1.4;color:var(--txt-primary)}.item-card-name strong{font-weight:600}.item-card-details{display:flex;flex-direction:column;gap:.28rem}.item-detail-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.78rem}.item-detail-row .detail-label{color:var(--txt-muted);white-space:nowrap}.item-detail-row .detail-value{color:var(--txt-primary);text-align:right;word-break:break-word}.item-type-roll{background:var(--clr-accent-dim)!important;border-color:#6366f138!important;color:#a5b4fc!important}.item-type-pipe{background:var(--clr-amber-dim)!important;border-color:#f59e0b38!important;color:#fcd34d!important}.item-type-liquid{background:#3b82f61a!important;border-color:#3b82f638!important;color:#93c5fd!important}.item-type-ink{background:#a855f71a!important;border-color:#a855f738!important;color:#c4b5fd!important}.item-variants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem}.item-add-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem}.item-add-form .form-group{margin-bottom:0}.detail-info .status-badge{vertical-align:middle}.order-card-footer .btn:disabled{opacity:.55;cursor:default}.select-order-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff06;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s;gap:.75rem}.select-order-item:hover{background:#6366f114;border-color:#6366f140}.modal-actions{margin-top:.5rem;display:flex;justify-content:flex-end}.btn-outline-small{background:transparent;border:1px solid rgba(255,255,255,.14);color:var(--txt-secondary);padding:.35rem .75rem;font-size:.8rem;border-radius:6px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.orders-layout{width:100%}.font-bold{font-weight:600}.prepared-toggle-row{display:flex;align-items:center;gap:.6rem}.prepared-toggle-label{font-size:.82rem;font-weight:500;color:var(--txt-secondary);white-space:nowrap}.order-row-expanded>td{background:#6366f10a;border-bottom:none}.prepared-canvas-row>td{padding:0!important;border-bottom:2px solid rgba(99,102,241,.2)}.prepared-canvas{background:linear-gradient(180deg,#6366f10f,#0d111766);border-top:1px solid rgba(99,102,241,.18);padding:1rem 1.25rem 1.25rem;animation:fadeUp .22s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.prepared-canvas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem}.prepared-canvas-title{font-size:.88rem;color:var(--txt-secondary)}.prepared-canvas-title strong{color:var(--txt-primary);font-weight:600}.prepared-canvas-count{font-size:.75rem;font-weight:700;background:var(--clr-accent-dim);color:var(--clr-accent-light);padding:.2rem .6rem;border-radius:12px;border:1px solid rgba(99,102,241,.22)}.prepared-canvas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}.prepared-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.65rem;box-shadow:0 2px 12px #00000040;transition:border-color .18s,transform .18s,box-shadow .18s}.prepared-card:hover{border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 6px 20px #00000059}.prepared-card-done{background:linear-gradient(135deg,#10b98112,#10b98108);border-color:#10b98138}.prepared-card-done:hover{border-color:#10b98161}.prepared-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.prepared-card-name{font-size:.88rem;font-weight:600;color:var(--txt-primary);line-height:1.35;flex:1;min-width:0;word-break:break-word}.prepared-card-stats{display:flex;gap:.5rem;flex-wrap:wrap}.prepared-stat{display:flex;flex-direction:column;gap:.1rem;background:#00000026;border:1px solid rgba(255,255,255,.04);border-radius:6px;padding:.4rem .65rem;flex:1;min-width:70px}.prepared-stat-label{font-size:.68rem;color:var(--txt-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.prepared-stat-value{font-size:.92rem;font-weight:700;color:var(--txt-primary);font-variant-numeric:tabular-nums;direction:ltr;text-align:right}.prepared-card-date{font-size:.72rem;color:var(--txt-muted);border-top:1px solid var(--border);padding-top:.5rem}