*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--bg-card: #1a1d27;--bg-card-hover: #22263a;--bg-surface: #1e2030;--bg-header: #141620;--text: #e4e6f0;--text-dim: #8b8fa3;--muted: #8b8fa3;--accent: #6366f1;--green: #22c55e;--success: #22c55e;--yellow: #eab308;--red: #ef4444;--danger: #ef4444;--orange: #f97316;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .14);--radius: 12px;--gap: 12px;--gap-sm: 4px;--gap-md: 8px;--gap-lg: 16px}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.nav{display:flex;gap:4px;padding:8px;background:var(--bg-header);border-bottom:1px solid var(--border)}.nav-link{flex:1;padding:10px;text-align:center;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-dim);text-decoration:none;transition:all .2s}.nav-link:hover{background:var(--bg-card);color:var(--text)}.nav-link-active{background:var(--accent);color:#fff}.nav-employee{padding:8px 16px;display:flex;align-items:center;gap:8px;background:var(--bg-header);border-bottom:1px solid var(--border);font-size:13px;color:var(--text-dim)}.nav-employee-name{color:var(--text);font-weight:500}.nav-right{margin-left:auto;display:flex;align-items:center;gap:8px}.nav-settings-btn{padding:4px 8px;background:transparent;border:1px solid var(--border-light);border-radius:6px;cursor:pointer;font-size:14px;line-height:1}.nav-settings-btn:hover{border-color:var(--accent)}.nav-station-count{font-size:11px;opacity:.7}.nav-logout{padding:4px 12px;background:transparent;border:1px solid var(--border-light);color:var(--text-dim);border-radius:6px;cursor:pointer;font-size:12px}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:32px}.login-card{display:flex;flex-direction:column;align-items:center;gap:24px}.login-logo{font-size:48px;line-height:1}.login-title{font-size:28px;font-weight:700;margin-top:-16px}.login-subtitle{font-size:14px;color:var(--text-dim);margin-top:-20px}.pin-btn-empty{visibility:hidden}.pin-btn-delete{font-size:22px}.pin-dots{display:flex;gap:16px}.pin-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-light);transition:all .2s}.pin-dot-filled{background:var(--accent);border-color:var(--accent)}.pin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:280px}.pin-btn{width:80px;height:80px;border-radius:50%;border:2px solid var(--border);background:var(--bg-card);color:var(--text);font-size:28px;font-weight:600;cursor:pointer;transition:all .15s}.pin-btn:active{background:var(--accent);border-color:var(--accent);transform:scale(.95)}.pin-btn-back{font-size:18px}.login-error{color:var(--red);font-size:14px;margin-top:-16px}.app-shell{display:flex;flex-direction:column;height:100vh}.app-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.bottom-bar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 12px;background:var(--bg-header);border-top:1px solid var(--border);flex-shrink:0}.bottom-tabs{display:flex;align-items:center;gap:2px;height:100%}.bottom-tab{padding:0 20px;height:100%;background:transparent;border:none;border-top:3px solid transparent;color:var(--text-dim);font-size:15px;font-weight:600;cursor:pointer;transition:all .15s}.bottom-tab:hover{color:var(--text);background:#ffffff0a}.bottom-tab-active{color:var(--text);border-top-color:var(--accent);background:#6366f114}.bottom-screen-label{font-size:15px;font-weight:600;color:var(--text);padding:0 12px}.bottom-actions{display:flex;align-items:center;gap:6px}.bottom-employee-name{font-size:13px;color:var(--text-dim);font-weight:500;margin-right:4px}.bottom-action-btn{padding:8px 16px;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-dim);transition:all .15s}.bottom-action-btn:hover{background:var(--bg-card);color:var(--text)}.bottom-logout{font-size:12px}.cooking-page{display:flex;flex-direction:column}.cook-counter-bar{display:flex;gap:12px;padding:10px 12px;font-size:13px;color:var(--text-dim);border-bottom:1px solid var(--bg-surface);flex-shrink:0}.cook-counter-active{color:var(--orange);font-weight:600}.cook-tabs{display:flex;gap:4px;padding:8px 12px 0}.cook-tab{flex:1;padding:10px 16px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-dim);font-size:15px;font-weight:600;cursor:pointer;transition:all .15s;border-radius:8px 8px 0 0}.cook-tab:hover{background:var(--bg-card);color:var(--text)}.cook-tab-active{color:var(--text);border-bottom-color:var(--accent);background:#6366f114}.cook-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;align-content:start}.ticket-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:background .3s}.ticket-card-ready{border-color:var(--green);box-shadow:0 0 12px #22c55e26}.ticket-footer{padding:12px 16px}.ticket-overdue{animation:overdue-pulse 1.5s ease-in-out infinite;border-color:#5c1b22}@keyframes overdue-pulse{0%,to{background:#1a1518}50%{background:#2c1518}}.ticket-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff08;border-bottom:1px solid var(--border)}.ticket-number{font-size:20px;font-weight:700;color:var(--text)}.ticket-timer{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.ticket-done-label{font-size:13px;font-weight:600;color:var(--green)}.ticket-item-name-muted{color:#fff}.ticket-items{display:flex;flex-direction:column}.ticket-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);border-left:4px solid transparent;transition:all .3s;flex-wrap:wrap}.ticket-item:last-child{border-bottom:none}.ticket-item-cooking{border-left-color:var(--orange);background:#f973160d}.ticket-item-finishing{border-left-color:#6366f1;background:#6366f10d}.ticket-item-out{opacity:0;transform:translate(100%)}.ticket-item-info{flex:1;min-width:0}.ticket-item-name{font-size:16px;font-weight:600;line-height:1.3;word-break:break-word;overflow-wrap:break-word}.ticket-item-qty{color:var(--accent);font-weight:700;margin-left:6px}.ticket-item-mods{font-size:13px;color:var(--yellow);margin-top:4px}.ticket-item-comment{font-size:13px;color:var(--orange);margin-top:2px}.ticket-station-badge{display:inline-block;font-size:11px;border:1px solid;border-radius:4px;padding:1px 6px;margin-top:6px}.ticket-item-actions{display:flex;gap:8px;align-items:stretch;flex-shrink:0}.cook-btn{flex-shrink:0;min-height:56px;min-width:80px;padding:12px 20px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s;-webkit-tap-highlight-color:transparent}.cook-btn:active{transform:scale(.93)}.btn-start{background:#1e293b;color:var(--text);border:1px solid #334155}.btn-finishing{background:#eab308;color:#422006}.btn-done{background:var(--green);color:#052e16}.ticket-clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.ticket-clickable:active{transform:scale(.98)}.ticket-active{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}.order-action-popup{max-width:360px;width:100%}.order-action-info{padding:8px 24px 16px;color:var(--text-dim);font-size:14px}.order-action-buttons{display:flex;flex-direction:column;gap:12px;padding:0 24px 24px}.order-action-btn{display:flex;align-items:center;justify-content:center;padding:18px;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s}.order-action-btn:active{transform:scale(.97);opacity:.9}.btn-cooking{background:var(--orange);color:#fff}.btn-cooked{background:var(--accent);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 20px 25px -5px #00000080;animation:modal-up .3s cubic-bezier(.16,1,.3,1)}@keyframes modal-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-title{font-size:18px;font-weight:700;color:var(--text);margin:0}.modal-close{background:transparent;border:none;color:var(--text-dim);font-size:20px;cursor:pointer;padding:4px;line-height:1}.modal-body{padding:20px}.tech-card-placeholder{height:160px;background:var(--bg-surface);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.tech-card-icon{font-size:64px}.tech-card-subtitle{font-size:14px;color:var(--text-dim);margin:0 0 12px;font-weight:600}.tech-card-list{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px}.tech-card-list li{font-size:15px;display:flex;justify-content:space-between;border-bottom:1px dashed var(--border);padding-bottom:4px}.tech-card-total{font-size:16px;font-weight:700;color:var(--text);text-align:right}.timer-green{color:var(--green)}.timer-yellow{color:var(--yellow)}.timer-red{color:var(--red);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.settings-section{margin-bottom:20px}.settings-section-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.settings-stages{display:flex;flex-direction:column;gap:4px}.settings-stage{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s}.settings-stage:hover{background:var(--bg-card-hover)}.settings-stage-active{background:#6366f11f}.settings-stage-name{font-size:14px;color:var(--text)}.settings-screen-types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.settings-screen-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border:2px solid var(--border);border-radius:12px;background:transparent;color:var(--text-dim);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.settings-screen-btn:hover{border-color:var(--border-light);background:var(--bg-card)}.settings-screen-btn-active{border-color:var(--accent);background:#6366f11f;color:var(--text)}.settings-screen-icon{font-size:24px}.nav-screen-label{font-size:14px;font-weight:600;color:var(--accent);padding:2px 10px;border-radius:6px;background:#6366f11f}.assembly-page{padding:10px}.page-title{font-size:20px;font-weight:700;padding:8px 0 16px}.assembly-orders{display:flex;flex-direction:column;gap:var(--gap)}.assembly-order-card{background:var(--bg-card);border-radius:var(--radius);padding:16px}.assembly-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.assembly-card-num{font-size:24px;font-weight:700}.assembly-card-count{font-size:13px;color:var(--text-dim)}.assembly-start-btn{width:100%;padding:12px;border:none;border-radius:8px;background:var(--green);color:#052e16;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s}.assembly-start-btn:active{transform:scale(.98);background:#16a34a}.assembly-header{display:flex;justify-content:space-between;align-items:center;padding:4px 0 12px}.assembly-order-num{font-size:28px;font-weight:700}.assembly-progress-text{font-size:16px;color:var(--text-dim);font-weight:500}.assembly-progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:8px}.assembly-progress-fill{height:100%;background:var(--green);border-radius:3px;transition:width .3s ease}.assembly-cooldown{text-align:center;padding:6px;font-size:14px;color:var(--yellow);font-weight:500}.assembly-checklist{display:flex;flex-direction:column;gap:4px;margin-top:8px}.assembly-check-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-card);border-radius:var(--radius);cursor:pointer;transition:all .25s;border-left:3px solid transparent}.assembly-check-item:active{transform:scale(.99)}.assembly-check-item.checked{background:#0d2818;border-left-color:var(--green)}.assembly-check-item.disabled{opacity:.5;pointer-events:none}.assembly-checkbox{width:32px;height:32px;border-radius:8px;border:2px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:all .2s;color:transparent}.assembly-checkbox-checked{background:var(--green);border-color:var(--green);color:#fff}.assembly-item-info{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0}.assembly-item-name{font-size:15px;font-weight:500}.assembly-item-name.strikethrough{text-decoration:line-through;color:var(--text-dim)}.assembly-item-qty{font-size:14px;font-weight:700;color:var(--accent)}.assembly-item-mods{font-size:12px;color:var(--yellow);flex-basis:100%}.assembly-set-children{padding:4px 0 4px 58px;display:flex;flex-direction:column;gap:2px}.assembly-set-child{display:flex;align-items:center;gap:8px;padding:4px 12px;font-size:13px;background:#151820;border-radius:6px}.set-child-status{flex-shrink:0;font-size:14px}.set-child-done{color:var(--green)}.set-child-pending,.set-child-name{color:var(--text-dim)}.set-child-name-done{color:var(--text)}.assembly-complete-btn{width:100%;padding:16px;border:none;border-radius:var(--radius);font-size:16px;font-weight:700;cursor:pointer;margin-top:16px;background:var(--border);color:var(--text-dim);transition:all .3s}.assembly-complete-btn:disabled{cursor:not-allowed}.assembly-complete-ready{background:var(--green);color:#052e16;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 20px 4px #22c55e4d}}.ready-page{padding:10px}.ready-grid{display:flex;flex-direction:column;gap:var(--gap)}.ready-card{background:var(--bg-card);border-radius:var(--radius);padding:16px;display:flex;justify-content:space-between;align-items:center}.ready-order-num{font-size:20px;font-weight:700}.ready-customer{font-size:13px;color:var(--text-dim);margin-top:4px}.ready-address{font-size:12px;color:var(--text-dim);margin-top:2px}.ready-timer{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.empty-state{text-align:center;padding:40px 20px;color:var(--text-dim);font-size:16px}.assembly-dashboard{display:flex;flex-direction:column;gap:10px;padding-bottom:20px}.asm-card{background:var(--bg-card);border-radius:var(--radius);padding:14px;border:1px solid var(--border);transition:all .3s}.asm-card-ready{border-color:var(--green);box-shadow:0 0 12px #22c55e26}.asm-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.asm-card-num{font-size:20px;font-weight:700}.asm-card-progress-text{font-size:13px;color:var(--text-dim);font-weight:500}.asm-progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:10px}.asm-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}.asm-progress-done{background:var(--green)}.asm-card-items{display:flex;flex-direction:column;gap:2px}.asm-item{display:flex;align-items:center;gap:8px;padding:5px 4px;font-size:14px;border-radius:6px}.asm-item-done{opacity:.6}.asm-item-icon{flex-shrink:0;font-size:13px;width:20px;text-align:center}.asm-status-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;font-weight:700}.asm-icon-done{background:var(--green);color:#052e16}.asm-icon-pending{border:2px solid var(--border-light);color:var(--border-light);font-size:12px}.btn-disabled{background:var(--border);color:var(--text-dim);cursor:not-allowed;opacity:.6}.asm-item-name{font-weight:500}.asm-item-name-done{text-decoration:line-through;color:var(--text-dim)}.asm-item-qty{font-weight:700;color:var(--accent);font-size:13px}.asm-item-mods{font-size:12px;color:var(--yellow);flex-basis:100%;padding-left:28px}.asm-set-children{padding-left:28px;display:flex;flex-direction:column;gap:1px}.asm-set-child{display:flex;align-items:center;gap:6px;padding:2px 4px;font-size:12px;color:var(--text-dim)}.asm-set-child-icon{width:16px;text-align:center;font-size:11px}.asm-set-child-done{color:var(--text)}.asm-btn-assemble{width:100%;padding:12px;margin-top:10px;border:none;border-radius:8px;background:var(--green);color:#052e16;font-size:15px;font-weight:600;cursor:pointer;animation:pulse-glow 2s infinite;transition:all .15s}.asm-btn-assemble:active{transform:scale(.98)}.asm-status-badge{text-align:center;padding:8px;margin-top:8px;border-radius:6px;font-size:13px;font-weight:500}.asm-badge-cooking{background:#1f1c14;color:var(--orange)}.asm-badge-waiting{background:#1a1d27;color:var(--text-dim)}.asm-checklist-popup{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:95%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px #00000080;animation:modal-up .3s cubic-bezier(.16,1,.3,1)}.asm-checklist-summary{display:flex;flex-direction:column;gap:2px;padding:10px 16px;border-bottom:1px solid var(--border)}.asm-summary-line{font-size:14px;color:var(--text-dim)}.asm-summary-line b{color:var(--text);font-size:15px}.asm-popup-comment{padding:8px 16px;background:#eab30814;border-bottom:1px solid rgba(234,179,8,.15);font-size:14px;font-weight:500;color:var(--yellow)}.asm-checklist-cat{padding:3px 10px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:20px;font-size:12px;color:var(--text-dim)}.asm-checklist-cat b{color:var(--text)}.asm-checklist-progress{padding:8px 16px;font-size:13px;color:var(--text-dim);border-bottom:1px solid var(--bg-surface)}.asm-checklist-items{flex:1;overflow-y:auto;padding:4px 0}.asm-chip-list{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px}.asm-chip{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:20px;padding:6px 14px;font-size:14px;font-weight:500;color:var(--text);transition:background .15s}.asm-chip:active{background:#6366f12e}.asm-chip-name{white-space:nowrap}.asm-chip-qty{font-size:12px;font-weight:700;color:var(--accent);background:#6366f126;border-radius:10px;padding:1px 7px;min-width:22px;text-align:center}.asm-chip-subs{width:100%;display:flex;flex-wrap:wrap;gap:4px;padding-top:4px}.asm-chip-sub{font-size:11px;color:var(--text-dim);background:#ffffff0f;border-radius:8px;padding:2px 8px}.asm-checklist-item{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--bg-surface)}.asm-checklist-item-checked{background:#22c55e0f}.asm-checklist-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;font-weight:700}.asm-checklist-icon-pending{border:2px solid var(--border-light);color:var(--text-dim)}.asm-checklist-icon-done{background:var(--green);color:#052e16;border:2px solid var(--green)}.asm-checklist-item-info{display:flex;align-items:center;gap:6px;flex:1}.asm-checklist-item-name{font-size:14px;font-weight:500;color:var(--text)}.asm-checklist-item-name-done{color:var(--green)}.asm-checklist-divider{height:1px;background:var(--accent);margin:4px 16px;opacity:.3}.asm-checklist-children{padding:2px 16px 8px 54px;display:flex;flex-direction:column;gap:2px}.asm-checklist-child{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-dim)}.asm-checklist-child-done{color:var(--green);opacity:.7}.asm-checklist-child-dot{font-size:18px;font-weight:700;line-height:1}.asm-checklist-footer{padding:10px 16px;border-top:1px solid var(--border)}.asm-condiment-bar-popup{border-top:1px solid rgba(99,102,241,.12);margin:0;padding:8px 16px}.asm-card-comment{margin:6px 8px 4px;padding:6px 10px;font-size:13px;font-weight:600;color:var(--orange);background:#eab3081f;border:1px solid rgba(234,179,8,.25);border-radius:6px}.asm-checklist-footer .order-action-btn{background:var(--green);color:#052e16;font-size:17px;font-weight:700}.asm-condiment-bar{display:flex;align-items:center;gap:10px;padding:6px 12px;margin:0 8px 4px;background:#6366f114;border:1px solid rgba(99,102,241,.15);border-radius:8px;font-size:13px;font-weight:600;color:var(--text)}.asm-condiment-roll-count{font-weight:400;font-size:11px;color:var(--text-dim);margin-left:auto}.asm-condiment-section{background:#6366f10f;border-top:1px solid rgba(99,102,241,.15);padding:8px 0 4px}.asm-checklist-condiment-header{padding:6px 20px 8px;font-size:15px;font-weight:600;color:var(--accent);letter-spacing:.3px}.asm-condiment-row{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:17px;font-weight:500;color:var(--text);border-bottom:1px solid rgba(99,102,241,.08)}.asm-condiment-row:last-child{border-bottom:none}.asm-condiment-count{font-weight:700;color:var(--accent);font-size:18px}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:settingsFadeIn .2s ease-out}@keyframes settingsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes settingsSlideIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:min(440px,90vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.settings-panel-animate{animation:settingsSlideIn .25s ease-out}.settings-body{flex:1;overflow-y:auto;padding:24px}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.settings-title{font-size:18px;color:var(--text);font-weight:600}.settings-close{background:transparent;border:none;color:var(--text-dim);font-size:20px;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:background .15s,color .15s;flex-shrink:0;margin:-8px -8px -8px 0}.settings-close:hover{color:var(--text);background:var(--bg-card-hover)}.settings-section{margin-top:16px}.settings-section-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.settings-section-alt{margin-top:20px;padding:16px;background:var(--bg-surface);border-radius:12px;border:1px solid var(--border)}.settings-section-alt .settings-section-title{margin-bottom:4px}.settings-hint{font-size:13px;color:var(--text-dim);margin-bottom:12px;line-height:1.4}.settings-screen-types{display:flex;gap:10px;margin-top:8px}.settings-screen-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;background:transparent;border:2px solid var(--border-light);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s;color:var(--text-dim)}.settings-screen-btn:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.settings-screen-btn-active{border-color:var(--accent);background:#6366f114;color:var(--text)}.settings-screen-icon{font-size:28px;line-height:1}.settings-screen-label{font-size:13px;font-weight:600;color:inherit}.settings-screen-desc{font-size:10px;color:var(--text-dim);margin-top:2px}.settings-actions{display:flex;gap:8px;margin-bottom:12px}.settings-action-btn{padding:6px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.15);color:var(--text);border-radius:6px;cursor:pointer;font-size:12px;transition:border-color .15s,color .15s,background .15s}.settings-action-btn:hover{border-color:var(--accent);color:var(--text)}.settings-action-btn-reset{border-color:#ef44444d;color:#f87171}.settings-action-btn-reset:hover{border-color:var(--red);color:var(--red);background:#ef44440f}.settings-warning{font-size:12px;color:var(--yellow);background:#eab30814;border:1px solid rgba(234,179,8,.2);border-radius:8px;padding:8px 12px;margin-bottom:10px}.settings-error{font-size:12px;color:var(--red);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:8px 12px;margin-bottom:10px}.settings-stations{display:flex;flex-direction:column;gap:0}.settings-station{display:flex;align-items:center;gap:10px;padding:12px;border-radius:0;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.settings-station:last-child{border-bottom:none}.settings-station:hover{background:var(--bg-card-hover)}.settings-station-active{background:#6366f11a}.settings-station-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.settings-station-name{flex:1;font-size:14px;color:var(--text)}.settings-station-check-hidden{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.settings-toggle{width:44px;height:24px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);position:relative;flex-shrink:0;transition:background .2s,border-color .2s;cursor:pointer}.settings-toggle-on{background:var(--accent);border-color:var(--accent)}.settings-toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.settings-toggle-on .settings-toggle-knob{transform:translate(20px)}.settings-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-top:1px solid var(--border);flex-shrink:0;gap:12px}.settings-count{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.settings-done-btn{padding:8px 24px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;flex-shrink:0;transition:opacity .15s}.settings-done-btn:hover{opacity:.9}.admin-page{display:flex;flex-direction:column;min-height:100%;padding:var(--gap-lg);gap:var(--gap-lg)}.admin-header{padding-bottom:var(--gap-lg);border-bottom:1px solid var(--border)}.admin-title{font-size:22px;font-weight:700;color:var(--text)}.admin-content{display:flex;flex-direction:column;gap:32px}.admin-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap-lg);display:flex;flex-direction:column;gap:var(--gap-lg)}.admin-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md)}.admin-section-title{font-size:17px;font-weight:700;color:var(--text)}.admin-form{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap-lg);display:flex;flex-direction:column;gap:var(--gap-md)}.admin-form-row{display:flex;align-items:center;gap:var(--gap-md)}.admin-form-row-col{flex-direction:column;align-items:flex-start}.admin-form-label{min-width:160px;font-size:13px;font-weight:600;color:var(--muted);flex-shrink:0}.admin-input{flex:1;width:100%;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:15px;outline:none;transition:border-color .15s}.admin-input:focus{border-color:var(--accent)}.admin-select{flex:1;width:100%;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:15px;outline:none;cursor:pointer;transition:border-color .15s}.admin-select:focus{border-color:var(--accent)}.admin-form-error{font-size:13px;color:var(--danger);padding:6px 10px;background:#ef444414;border-radius:6px}.admin-form-actions{display:flex;justify-content:flex-end;gap:var(--gap-md);padding-top:var(--gap-sm)}.admin-stations-grid{display:flex;flex-wrap:wrap;gap:var(--gap-md);width:100%}.admin-station-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid var(--border);border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;color:var(--muted);transition:all .15s;-webkit-user-select:none;user-select:none}.admin-station-chip:hover{border-color:var(--accent);color:var(--text)}.admin-station-chip-active{border-color:var(--accent);background:#6366f11a;color:var(--text)}.admin-station-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.admin-hidden-check{display:none}.admin-pins-list{display:flex;flex-direction:column;gap:var(--gap-md)}.admin-pin-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap-md) var(--gap-lg);display:flex;flex-direction:column;gap:var(--gap-sm)}.admin-pin-card-top{display:flex;align-items:center;gap:var(--gap-md);flex-wrap:wrap}.admin-pin-code{font-size:16px;font-weight:700;color:var(--accent);letter-spacing:2px}.admin-pin-type{font-size:14px;font-weight:600;color:var(--text)}.admin-pin-label{font-size:13px;color:var(--muted);font-style:italic}.admin-pin-branch{font-size:13px;color:var(--muted)}.admin-pin-stations{font-size:12px;color:var(--muted)}.admin-pin-actions{display:flex;gap:var(--gap-md);padding-top:var(--gap-sm)}.admin-users-list{display:flex;flex-direction:column;gap:var(--gap-md)}.admin-user-card{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap-md) var(--gap-lg)}.admin-user-info{display:flex;align-items:center;gap:var(--gap-lg)}.admin-user-name{font-size:15px;font-weight:600;color:var(--text)}.admin-confirm-delete{display:flex;align-items:center;gap:var(--gap-md);flex-wrap:wrap;padding-top:var(--gap-sm);font-size:13px;color:var(--muted)}.btn{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.88}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff;border:none}.admin-btn-sm{padding:7px 14px;font-size:13px}.admin-tabs{display:flex;gap:2px;padding:0 16px;background:var(--bg-header);border-bottom:1px solid var(--border)}.admin-tab{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-dim);font-size:15px;font-weight:600;cursor:pointer;transition:all .15s}.admin-tab:hover{color:var(--text);background:#ffffff0a}.admin-tab-active{color:var(--text);border-bottom-color:var(--accent);background:#6366f114}.analytics-period-bar{display:flex;gap:6px;padding:16px}.analytics-period-btn{padding:8px 18px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.analytics-period-btn:hover{border-color:var(--accent);color:var(--text)}.analytics-period-btn-active{background:var(--accent);border-color:var(--accent);color:#fff}.analytics-loading{text-align:center;padding:3rem;color:var(--text-dim);font-size:15px}.analytics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:0 16px 16px}.analytics-card{background:var(--bg-card);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:4px}.analytics-card-count{border-top-color:var(--text-dim)}.analytics-card-label{font-size:13px;font-weight:600;color:var(--text-dim)}.analytics-card-value{font-size:22px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.analytics-card-desc{font-size:11px;color:var(--muted)}.analytics-table-wrap{overflow-x:auto}.analytics-table{width:100%;border-collapse:collapse;font-size:14px}.analytics-table th{text-align:left;padding:10px 12px;font-weight:600;color:var(--text-dim);border-bottom:1px solid var(--border);white-space:nowrap}.analytics-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap}.analytics-table tr:last-child td{border-bottom:none}.analytics-table tr:hover td{background:#ffffff08}.analytics-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px}.analytics-select{padding:8px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;outline:none;transition:border-color .15s}.analytics-select:focus{border-color:var(--accent)}.analytics-select option{background:var(--bg-card);color:var(--text)}.analytics-badges{display:flex;gap:12px;padding:0 16px 12px;flex-wrap:wrap}.analytics-badge{padding:10px 16px;border-radius:10px;font-size:14px;flex:1;min-width:200px}.analytics-badge-best{background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#4ade80}.analytics-badge-worst{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171}.analytics-row-best td{background:#22c55e0f!important}.analytics-row-worst td{background:#ef44440f!important}