:root{--bg-primary: #f5f5f0;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8f8f5;--bg-input: #ffffff;--header-bg: #7a8b6f;--header-text: #ffffff;--accent-green: #6b8f5e;--accent-green-dark: #4a6741;--accent-red: #d94444;--accent-yellow: #e6a800;--accent-cyan: #4a90a4;--text-primary: #1a1a1a;--text-secondary: #6b7280;--text-muted: #9ca3af;--border: #e5e5e0;--border-focus: #7a8b6f;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--shadow-glow-green: 0 0 12px rgba(107, 143, 94, .2);--radius: 10px;--radius-sm: 6px;--radius-lg: 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--header-bg);flex-shrink:0}.app-header__logo{display:flex;align-items:center;gap:8px}.app-header__logo-icon{width:32px;height:32px;background:#fff3;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px}.app-header__title{font-size:16px;font-weight:700;color:var(--header-text);letter-spacing:-.3px}.app-header__title span{opacity:.85}.app-header__user{display:flex;align-items:center;gap:10px}.app-header__warehouse{font-size:11px;color:#ffffffb3;background:#ffffff26;padding:3px 10px;border-radius:20px}.app-header__logout{background:#ffffff26;border:none;color:var(--header-text);padding:5px 12px;border-radius:var(--radius-sm);font-size:11px;font-family:inherit;cursor:pointer;transition:all .2s}.app-header__logout:hover{background:#ffffff40}.app-content{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-primary)}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:48px;width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.login-card__logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.login-card__logo-icon{width:48px;height:48px;background:var(--header-bg);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:24px}.login-card__logo-text{font-size:28px;font-weight:800;letter-spacing:-.5px;color:var(--text-primary)}.login-card__logo-text span{color:var(--accent-green)}.login-card__subtitle{text-align:center;color:var(--text-secondary);font-size:14px;margin-bottom:32px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.form-input{width:100%;padding:14px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:15px;font-family:inherit;transition:all .2s;outline:none}.form-input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-glow-green)}.form-input::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;border:none;outline:none;width:100%}.btn-primary{background:var(--accent-green-dark);color:#fff}.btn-primary:hover:not(:disabled){background:#3d5a35;box-shadow:var(--shadow-glow-green)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text-primary);background:var(--bg-card-hover)}.login-error{background:#d9444414;border:1px solid rgba(217,68,68,.2);border-radius:var(--radius-sm);padding:12px 16px;color:var(--accent-red);font-size:13px;margin-bottom:20px}.login-mode-toggle{display:flex;gap:4px;padding:4px;background:var(--bg-primary);border-radius:var(--radius);margin-bottom:24px}.login-mode-btn{flex:1;padding:10px 16px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.login-mode-btn--active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.qr-login-area{display:flex;flex-direction:column;align-items:center;padding:32px 16px;border:2px dashed var(--border);border-radius:var(--radius-lg);background:#6b8f5e0a;transition:all .2s}.qr-login-area:focus-within{border-color:var(--accent-green);background:#6b8f5e14;box-shadow:var(--shadow-glow-green)}.qr-login-icon{color:var(--accent-green);margin-bottom:16px;animation:qrPulse 3s ease-in-out infinite}@keyframes qrPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.qr-login-text{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:16px}.qr-login-input{position:absolute;opacity:0;width:1px;height:1px;border:none;padding:0;margin:0;pointer-events:none}.qr-login-input:focus{outline:none}.qr-login-loading{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;font-size:14px;font-weight:600;color:var(--accent-green)}.scan-station-page{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative;overflow-y:auto;padding:20px}.scan-station-centered{text-align:center;width:100%;max-width:600px}.scan-station-title{font-size:22px;font-weight:900;letter-spacing:1px;color:var(--text-primary);margin-bottom:16px}.scan-station-form{margin-bottom:20px}.scan-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;border:2px dashed var(--accent-green);border-radius:var(--radius-md);background:#4caf500f;cursor:pointer;animation:scanPulse 2s ease-in-out infinite}.scan-prompt__icon{color:var(--accent-green);display:flex;align-items:center;animation:scanBounce 2s ease-in-out infinite}.scan-prompt__text{font-size:14px;font-weight:700;color:var(--accent-green);letter-spacing:.5px;text-transform:uppercase}@keyframes scanPulse{0%,to{border-color:var(--accent-green);background:#4caf500f}50%{border-color:#4caf5066;background:#4caf501f}}@keyframes scanBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.station-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%}.station-grid--small{grid-template-columns:repeat(5,1fr);gap:8px}.scan-station-order-info{background:#6b8f5e1a;border:1px solid rgba(107,143,94,.25);border-radius:var(--radius-sm);padding:10px 14px;color:var(--accent-green);font-size:14px;font-weight:600;margin-bottom:16px;text-align:center}.station-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 12px;min-height:100px;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}.station-card:active{transform:scale(.97)}.station-card--active{border-color:var(--accent-green);background:linear-gradient(to bottom,#f0f7ee,#fff);box-shadow:0 2px 12px #6b8f5e26}.station-card--active:active{background:linear-gradient(to bottom,#e4f0e1,#f5f5f0)}.station-card__name{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:.5px}.station-card__badge{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:18px;background:var(--accent-green);color:#fff;font-size:18px;font-weight:800}.station-card__label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.station-card--empty{opacity:.45;min-height:60px;padding:12px 8px}.station-card--empty .station-card__name{font-size:13px;font-weight:600}.station-card--empty .station-card__label{font-size:10px}.station-inactive-section{margin-top:24px;width:100%}.station-inactive-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.station-empty{text-align:center;padding:40px 20px;color:var(--text-secondary)}.station-empty__icon{font-size:48px;display:block;margin-bottom:12px}.station-empty p{font-size:14px;font-weight:500}.scan-station-error{background:#d9444414;border:1px solid rgba(217,68,68,.2);border-radius:var(--radius-sm);padding:10px 14px;color:var(--accent-red);font-size:13px;margin-bottom:16px;text-align:left}.scan-station-loading{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;color:var(--text-secondary);font-size:14px}.scan-station-info{background:#4a90a414;border:1px solid rgba(74,144,164,.25);border-radius:var(--radius-sm);padding:10px 14px;color:var(--accent-cyan);font-size:13px;margin-bottom:16px;text-align:left}.scan-station-watermark{position:absolute;bottom:24px;right:24px;font-size:32px;opacity:.08;pointer-events:none}.scan-icon-red{color:#c33!important;display:flex;align-items:center;justify-content:center}.scan-page{width:100%;max-width:600px;text-align:center}.scan-page__step{font-size:11px;font-weight:600;color:var(--accent-green);text-transform:uppercase;letter-spacing:2px;margin-bottom:4px}.scan-page__title{font-size:24px;font-weight:800;margin-bottom:4px;letter-spacing:-.3px;color:var(--text-primary)}.scan-page__subtitle{color:var(--text-secondary);font-size:13px;margin-bottom:24px}.scan-input-wrapper{position:relative;margin-bottom:16px}.scan-input{width:100%;padding:16px 20px 16px 48px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:18px;font-weight:600;font-family:inherit;text-align:center;letter-spacing:.5px;transition:all .2s;outline:none}.scan-input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-glow-green)}.scan-input::placeholder{color:var(--text-muted);font-weight:400;letter-spacing:0}.scan-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:20px;pointer-events:none}.scan-hint{margin-top:24px;font-size:13px;color:var(--text-muted)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top-color:var(--accent-green);border-radius:50%;animation:spin .6s linear infinite}.station-info{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.station-info__icon{width:40px;height:40px;background:#6b8f5e1a;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent-green);flex-shrink:0}.station-info__text{flex:1}.station-info__name{font-size:15px;font-weight:700;color:var(--text-primary)}.station-info__meta{font-size:12px;color:var(--text-secondary)}.station-info__change{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:6px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.station-info__change:hover{border-color:var(--accent-green);color:var(--accent-green)}.status-banner{border-radius:var(--radius);padding:20px;text-align:center;margin:12px 0;box-shadow:var(--shadow-sm)}.status-banner--success{background:#6b8f5e14;border:1px solid rgba(107,143,94,.25)}.status-banner--success .status-banner__title{color:var(--accent-green)}.status-banner--error{background:#d944440f;border:1px solid rgba(217,68,68,.2)}.status-banner--error .status-banner__title{color:var(--accent-red)}.status-banner--complete{background:#4a90a414;border:2px solid rgba(74,144,164,.25);box-shadow:0 0 12px #4a90a41a}.status-banner--complete .status-banner__title{color:var(--accent-cyan)}.status-banner__icon{font-size:36px;margin-bottom:8px}.status-banner__title{font-size:18px;font-weight:800;letter-spacing:1px;margin-bottom:4px}.status-banner__message{font-size:13px;color:var(--text-secondary)}.hint-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin:8px 0;text-align:center;font-size:15px;font-weight:600;color:var(--accent-green);box-shadow:var(--shadow-sm)}.hint-card--pulse{background:linear-gradient(135deg,var(--accent-green),var(--accent-green-dark));color:#fff;border-color:transparent;font-size:16px;font-weight:700;letter-spacing:1px;padding:24px 20px 20px;animation:hint-pulse 1.8s ease-in-out infinite;box-shadow:0 0 #6b8f5e99;display:flex;flex-direction:column;align-items:center;gap:4px}.hint-card__icon{font-size:28px;font-weight:900;line-height:1;animation:hint-bounce 1.2s ease-in-out infinite}.hint-card__text{font-size:18px;font-weight:800;letter-spacing:1.5px}@keyframes hint-pulse{0%{box-shadow:0 0 #6b8f5e99;transform:scale(1)}50%{box-shadow:0 0 24px 8px #6b8f5e59;transform:scale(1.03)}to{box-shadow:0 0 #6b8f5e99;transform:scale(1)}}@keyframes hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.order-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:12px;text-align:left;box-shadow:var(--shadow-sm)}.order-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.order-card__title{font-size:16px;font-weight:700}.order-card__badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;background:#6b8f5e1a;color:var(--accent-green)}.order-card__details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-card__detail{display:flex;flex-direction:column;gap:2px}.order-card__detail-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.order-card__detail-value{font-size:14px;font-weight:600;color:var(--text-primary)}.product-card{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;box-shadow:var(--shadow-sm);text-align:left}.product-card__image{width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--bg-primary);border:1px solid var(--border)}.product-card__image img{width:100%;height:100%;object-fit:cover}.product-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--bg-primary);color:var(--text-muted)}.product-card__info{flex:1;min-width:0}.product-card__name{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.3;margin-bottom:4px}.product-card__sku{font-size:12px;color:var(--text-secondary)}.product-card--centered{flex-direction:column;align-items:center;text-align:center;gap:8px;padding:12px}.product-card__image--large{width:100px;height:100px;border-radius:var(--radius)}.product-card__image--large .product-card__placeholder{font-size:36px}.product-card__info--centered{text-align:center}.product-card__qty{display:inline-block;background:var(--accent-green);color:#fff;font-size:14px;font-weight:800;padding:4px 14px;border-radius:20px;letter-spacing:.5px}.product-card__qty--done{background:#3e7d32}.product-card--scanned{opacity:.6;border-color:var(--accent-green);background:#6b8f5e14}.product-card__check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;z-index:2}.product-card__image{position:relative}.product-grid{display:grid;gap:6px;width:100%;flex:1;min-height:0;grid-auto-rows:1fr;align-content:start}.product-grid--few{grid-template-columns:1fr}.product-grid--few .product-card--centered{padding:12px;gap:6px}.product-grid--few .product-card__image--large{width:auto;height:auto;max-width:120px;max-height:120px;aspect-ratio:1;flex-shrink:1}.product-grid--few .product-card__name{font-size:15px}.product-grid--few .product-card__qty{font-size:15px;padding:5px 18px}.product-grid--medium{grid-template-columns:repeat(2,1fr)}.product-grid--medium .product-card__image--large{width:auto;height:auto;max-width:80px;max-height:80px;aspect-ratio:1;flex-shrink:1}.product-grid--medium .product-card__name{font-size:12px}.product-grid--many{grid-template-columns:repeat(3,1fr)}.product-grid--many .product-card--centered{padding:6px;gap:2px}.product-grid--many .product-card__image--large{width:auto;height:auto;max-width:48px;max-height:48px;aspect-ratio:1;flex-shrink:1}.product-grid--many .product-card__image--large .product-card__placeholder{font-size:18px}.product-grid--many .product-card__name{font-size:10px;line-height:1.2}.product-grid--many .product-card__sku{font-size:9px}.product-grid--many .product-card__qty{font-size:10px;padding:2px 8px}.product-grid--many .product-card__check{font-size:20px}.order-card__badge--multi{background:#4a90a426;color:var(--accent-cyan)}.multi-progress{margin:8px 0}.multi-progress__bar{height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden;border:1px solid var(--border)}.multi-progress__fill{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-green-dark));border-radius:4px;transition:width .4s ease}.multi-progress__text{text-align:center;font-size:13px;font-weight:600;color:var(--text-secondary);margin-top:6px}.numpad-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.numpad-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:28px 24px;max-width:340px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.numpad-card__title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.numpad-card__subtitle{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.numpad-card__display{font-size:48px;font-weight:800;color:var(--accent-green);background:var(--bg-primary);border:2px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:16px;font-family:Inter,monospace}.numpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.numpad-btn{padding:16px;font-size:22px;font-weight:700;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}.numpad-btn:active{background:var(--accent-green);color:#fff}.numpad-btn--clear{background:#cc33331a;color:#c33;border-color:#c333}.numpad-btn--del{background:#4a90a41a;color:var(--accent-cyan);border-color:#4a90a433}.numpad-card__info{font-size:14px;color:var(--text-secondary);margin-bottom:16px;min-height:20px}.numpad-card__confirm{width:100%;font-size:16px;padding:14px}.progress-steps{display:flex;flex-direction:column;gap:4px;margin:12px 0}.progress-step{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-sm);transition:all .3s}.progress-step--pending{opacity:.4}.progress-step--active{background:#6b8f5e14;border:1px solid rgba(107,143,94,.2)}.progress-step--done{opacity:.7}.progress-step__icon{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.progress-step--pending .progress-step__icon{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-muted)}.progress-step--active .progress-step__icon{background:#6b8f5e26;border:1px solid var(--accent-green);color:var(--accent-green)}.progress-step--done .progress-step__icon{background:#6b8f5e1a;color:var(--accent-green)}.progress-step__text{font-size:13px;font-weight:500}.orders-queue{margin-top:24px}.orders-queue__title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.orders-queue__count{background:#6b8f5e1f;color:var(--accent-green);font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}.orders-queue__list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.orders-queue__item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.orders-queue__item:hover{border-color:var(--accent-green);background:var(--bg-card-hover)}.orders-queue__item-ref{font-size:13px;font-weight:600}.orders-queue__item-count{font-size:11px;color:var(--text-muted)}.scan-page--fullscreen{max-width:100%;display:flex;flex-direction:column;height:100dvh;height:100vh;overflow:hidden;padding:0 12px}.scan-page--fullscreen>.status-banner,.scan-page--fullscreen>.hint-card,.scan-page--fullscreen>.order-card,.scan-page--fullscreen>.multi-progress,.scan-page--fullscreen>.scan-bottom-area,.scan-page--fullscreen>.settings-bar,.scan-page--fullscreen>.btn-reprint{flex-shrink:0}.product-card--centered{min-height:0;overflow:hidden}.product-card__image--large{flex-shrink:1;min-height:0}.product-card__image--large img{width:100%;height:100%;object-fit:cover}.order-card--compact{padding:14px 18px;margin-bottom:8px}.order-card--compact .order-card__header{margin-bottom:8px}.order-card__details--row{display:flex;gap:24px}.order-card__details--row .order-card__detail{flex:1}.progress-steps--compact{margin:8px 0}.progress-steps--compact .progress-step{padding:8px 14px;margin-bottom:2px;gap:10px}.progress-steps--compact .progress-step__icon{width:22px;height:22px;font-size:11px}.progress-steps--compact .progress-step__text{font-size:12px}.btn-reprint{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);padding:10px 20px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px}.btn-reprint:hover:not(:disabled){border-color:var(--accent-green);color:var(--accent-green);background:var(--bg-card-hover)}.btn-reprint:disabled{opacity:.5;cursor:not-allowed}.scan-bottom-area{margin-top:auto;flex-shrink:0}.finish-actions{display:flex;flex-direction:column;gap:0;margin-top:12px}.finish-actions .btn{width:100%;font-size:15px;padding:16px 24px}@media(max-width:640px){.login-card{padding:32px 24px}.app-header{padding:8px 12px}.app-header__title{font-size:14px}.app-header__logo-icon{width:28px;height:28px;font-size:14px}.app-content{padding:10px}.scan-station-title{font-size:22px;margin-bottom:24px}.scan-page__title{font-size:20px;margin-bottom:4px}.scan-page__subtitle{font-size:12px;margin-bottom:16px}.scan-page__step{font-size:10px;margin-bottom:4px}.scan-input{font-size:16px;padding:14px 16px 14px 44px}.scan-input-wrapper{margin-bottom:12px}.scan-input-icon{font-size:18px;left:14px}.btn{padding:12px 20px;font-size:13px}.station-info{padding:12px;margin-bottom:10px;gap:10px}.station-info__icon{width:36px;height:36px;font-size:16px}.station-info__name{font-size:14px}.station-info__meta{font-size:11px}.status-banner{padding:14px;margin:8px 0}.status-banner__icon{font-size:28px;margin-bottom:4px}.status-banner__title{font-size:16px}.status-banner__message{font-size:12px}.order-card{padding:12px;margin-bottom:8px}.order-card--compact{padding:10px 14px;margin-bottom:6px}.order-card--compact .order-card__header{margin-bottom:6px}.order-card__title{font-size:14px}.order-card__badge{font-size:10px;padding:2px 8px}.order-card__detail-label{font-size:10px}.order-card__detail-value{font-size:12px}.progress-steps--compact{margin:4px 0}.progress-steps--compact .progress-step{padding:5px 10px;margin-bottom:2px}.progress-steps--compact .progress-step__icon{width:20px;height:20px;font-size:10px}.progress-steps--compact .progress-step__text{font-size:11px}.btn-reprint{padding:8px 16px;font-size:12px;margin-top:6px}.orders-queue{margin-top:10px}.orders-queue__title{font-size:12px;margin-bottom:8px}.orders-queue__list{max-height:120px;gap:4px}.orders-queue__item{padding:8px 12px}.orders-queue__item-ref{font-size:12px}.orders-queue__item-count{font-size:10px}}@media(min-width:641px)and (max-width:1024px){.app-content{padding:16px}.status-banner{padding:18px;margin:12px 0}.status-banner__icon{font-size:36px;margin-bottom:8px}.status-banner__title{font-size:20px}.scan-input{font-size:18px}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #6b8f5e26}50%{box-shadow:0 0 0 6px #6b8f5e00}}.scan-input:focus,.scan-station-input:focus{animation:pulseGlow 2s ease-in-out infinite}.update-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;background:linear-gradient(135deg,#4a90a4,#3d7a8f);color:#fff;font-size:13px;font-weight:600;animation:slideDown .3s ease-out;z-index:1000}.update-banner--ready{background:linear-gradient(135deg,#4a6741,#3d5636)}.update-banner__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.settings-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;margin-top:auto;opacity:.5;transition:opacity .2s}.settings-bar:hover,.settings-bar:active{opacity:1}.settings-bar__btn{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;font-size:11px;font-weight:600;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent}.settings-bar__btn:active{background:var(--bg-card)}.settings-bar__version{font-size:10px;color:var(--text-tertiary);font-weight:500}button,.order-card,.station-card,.settings-bar__btn{min-height:48px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app-container{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:auto;user-select:auto}.app-container *{-webkit-touch-callout:none}.app-header{padding-top:max(12px,env(safe-area-inset-top))}.settings-bar{padding-bottom:max(8px,env(safe-area-inset-bottom))}@media screen and (max-width:420px){.app-header{padding:10px 12px;min-height:52px}.app-header__title{font-size:15px}.page-content{padding:12px;gap:10px}.scan-input,.scan-station-input{font-size:18px;padding:14px 16px;min-height:56px}.order-card{padding:16px;min-height:72px}.order-card__seq{font-size:18px}.product-card--centered{align-items:center}.product-grid--many{grid-template-columns:repeat(2,1fr)}.product-card__qty{font-size:14px;padding:6px 14px}.numpad__btn{min-height:56px;font-size:22px}.numpad__confirm{min-height:56px;font-size:16px}.settings-bar{opacity:.7}}@media screen and (min-width:768px){.page-content{padding:20px 32px;max-width:900px;margin:0 auto}.orders-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product-grid--few{grid-template-columns:repeat(2,1fr)}.product-grid--medium{grid-template-columns:repeat(3,1fr)}.product-grid--many{grid-template-columns:repeat(4,1fr)}.scan-page--fullscreen{padding:0 20px}.scan-bottom-area{max-width:600px;margin:0 auto}.scan-input,.scan-station-input{font-size:20px;padding:16px 20px;max-width:600px;margin:0 auto}.progress-steps{flex-direction:row;flex-wrap:wrap;gap:8px}.progress-step{flex:1;min-width:120px}}@media(prefers-contrast:high){:root{--text-primary: #000000;--text-secondary: #333333;--border: #999999;--accent-green: #3d7a30;--accent-red: #cc0000}.scan-input,.scan-station-input{border-width:2px}}.printer-selector-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:20px}.printer-selector-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:0 8px 40px #00000026;padding:32px 28px;width:100%;max-width:440px;max-height:85vh;overflow-y:auto;animation:printerSlideIn .3s ease-out}@keyframes printerSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.printer-selector__header{text-align:center;margin-bottom:24px}.printer-selector__icon{font-size:36px;margin-bottom:8px}.printer-selector__title{font-size:20px;font-weight:800;color:var(--text-primary);margin-bottom:4px}.printer-selector__subtitle{font-size:13px;color:var(--text-secondary)}.printer-selector__subtitle strong{color:var(--text-primary)}.printer-selector__loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px 16px;color:var(--text-secondary);font-size:14px}.printer-selector__error{display:flex;align-items:flex-start;gap:8px;padding:14px 16px;background:#d944440f;border:1px solid rgba(217,68,68,.15);border-radius:var(--radius-sm);color:var(--accent-red);font-size:13px;margin-bottom:16px}.printer-selector__error-icon{flex-shrink:0}.printer-selector__list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.printer-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;transition:all .15s ease;font-family:inherit;text-align:left;-webkit-tap-highlight-color:transparent}.printer-option:hover{border-color:var(--accent-green);background:var(--bg-card-hover)}.printer-option--selected{border-color:var(--accent-green);background:#6b8f5e14;box-shadow:0 0 0 1px var(--accent-green),var(--shadow-glow-green)}.printer-option--label{border-left:3px solid var(--accent-cyan)}.printer-option--label.printer-option--selected{border-left:3px solid var(--accent-green)}.printer-option__icon{font-size:20px;flex-shrink:0}.printer-option__name{flex:1;font-size:14px;font-weight:600;color:var(--text-primary);word-break:break-word}.printer-option__badge{font-size:10px;font-weight:700;color:var(--accent-cyan);background:#4a90a41a;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.printer-selector__actions{display:flex;flex-direction:column;gap:8px}.printer-selector__confirm{font-size:15px;padding:16px}.printer-selector__skip{font-size:12px;padding:10px;color:var(--text-muted)}.printer-selector__status{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:11px;color:var(--text-muted)}.printer-selector__dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.printer-selector__dot--connected{background:#4caf50;box-shadow:0 0 4px #4caf5080}.printer-selector__host{margin-bottom:20px;padding:16px;background:#4a90a40f;border:1px solid rgba(74,144,164,.15);border-radius:var(--radius)}.printer-selector__host-label{display:block;font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.printer-selector__host-row{display:flex;gap:8px;align-items:stretch}.printer-selector__host-input{flex:1;padding:12px 14px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:16px;font-family:SF Mono,Fira Code,monospace;color:var(--text-primary);background:var(--bg-card);letter-spacing:.5px;min-height:48px}.printer-selector__host-input:focus{border-color:var(--accent-cyan);outline:none;box-shadow:0 0 0 3px #4a90a426}.printer-selector__host-input::placeholder{color:var(--text-muted);font-family:inherit}.printer-selector__host-btn{white-space:nowrap;padding:12px 20px;font-size:14px;min-height:48px}.printer-selector__host-hint{margin-top:8px;font-size:11px;color:var(--text-muted);margin-bottom:0}.printer-selector__host-change{background:none;border:none;color:var(--accent-cyan);font-size:11px;font-weight:600;cursor:pointer;padding:2px 6px;margin-left:4px;text-decoration:underline;min-height:auto}.status-banner__printer{font-size:12px;font-weight:500;color:#ffffffd9;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:6px}.status-banner__printer--error{color:#fc0}.spinner--small{width:12px;height:12px;border-width:1.5px;border-top-color:#fff}.startup-splash{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);z-index:9999;animation:splashFadeIn .3s ease}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}.startup-splash__content{display:flex;flex-direction:column;align-items:center;gap:16px}.startup-splash__version{font-size:14px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.startup-splash__status{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary);min-height:32px}.startup-splash__status .spinner{width:18px;height:18px;border-width:2px}.device-settings--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);z-index:9999;padding:20px;overflow-y:auto}.device-settings__overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;padding:20px}.device-settings--modal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:0 8px 40px #00000026;max-width:520px;width:100%;max-height:85vh;overflow-y:auto;animation:printerSlideIn .3s ease-out}.device-settings__content{padding:32px 28px}.device-settings--fullscreen .device-settings__content{max-width:520px;width:100%;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px 28px}.device-settings__header{text-align:center;margin-bottom:24px}.device-settings__icon{font-size:40px;margin-bottom:8px}.device-settings__title{font-size:22px;font-weight:800;color:var(--text-primary);margin-bottom:4px}.device-settings__subtitle{font-size:13px;color:var(--text-secondary)}.device-settings__steps{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.device-settings__step{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-muted);transition:color .2s}.device-settings__step--active{color:var(--accent-green)}.device-settings__step-num{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:2px solid var(--border);font-size:12px;font-weight:700;transition:all .2s}.device-settings__step--active .device-settings__step-num{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.device-settings__step-line{width:40px;height:2px;background:var(--border)}.device-settings__section{margin-bottom:16px}.device-settings__section-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.device-settings__station-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;max-width:100%}.device-settings__station-btn{padding:14px 8px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-card);font-family:inherit;font-size:14px;font-weight:700;color:var(--text-primary);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.device-settings__station-btn:active{transform:scale(.95)}.device-settings__station-btn--selected{border-color:var(--accent-green);background:#6b8f5e1a;color:var(--accent-green);box-shadow:0 0 0 1px var(--accent-green)}.device-settings__current-station{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#6b8f5e14;border:1px solid rgba(107,143,94,.2);border-radius:var(--radius-sm);margin-bottom:16px;font-size:13px;color:var(--accent-green)}.device-settings__change-btn{background:none;border:none;color:var(--accent-cyan);font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline;font-family:inherit}.device-settings__host{margin-bottom:16px;padding:14px;background:#4a90a40f;border:1px solid rgba(74,144,164,.15);border-radius:var(--radius)}.device-settings__host-label{display:block;font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.device-settings__host-row{display:flex;gap:8px}.device-settings__host-input{flex:1;padding:10px 12px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:15px;font-family:SF Mono,Fira Code,monospace;color:var(--text-primary);background:var(--bg-card);min-height:44px}.device-settings__host-input:focus{border-color:var(--accent-cyan);outline:none}.device-settings__host-connect{white-space:nowrap;padding:10px 16px;font-size:13px;min-height:44px;width:auto}.device-settings__loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:var(--text-secondary);font-size:13px}.device-settings__error{padding:10px 14px;background:#d9444414;border:1px solid rgba(217,68,68,.2);border-radius:var(--radius-sm);color:var(--accent-red);font-size:13px;margin-bottom:12px}.device-settings__connected{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--accent-green);font-weight:600;margin-bottom:12px}.device-settings__dot{width:8px;height:8px;border-radius:50%;background:#4caf50;box-shadow:0 0 4px #4caf5080}.device-settings__printer-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.device-settings__printer-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;transition:all .15s ease;font-family:inherit;text-align:left;-webkit-tap-highlight-color:transparent}.device-settings__printer-btn:hover{border-color:var(--accent-green);background:var(--bg-card-hover)}.device-settings__printer-btn--selected{border-color:var(--accent-green);background:#6b8f5e14;box-shadow:0 0 0 1px var(--accent-green)}.device-settings__printer-name{flex:1;font-size:13px;font-weight:600;color:var(--text-primary);word-break:break-word}.device-settings__printer-badge{font-size:10px;font-weight:700;color:var(--accent-cyan);background:#4a90a41a;padding:2px 8px;border-radius:10px;text-transform:uppercase}.device-settings__save{margin-top:8px;font-size:14px;padding:14px}.device-settings__close{margin-top:12px;font-size:13px;padding:10px}:root{--admin-bg: #0d1117;--admin-bg-card: #161b22;--admin-bg-surface: #1c2129;--admin-border: #30363d;--admin-text: #e6edf3;--admin-text-muted: #8b949e;--admin-accent: #58a6ff;--admin-success: #3fb950;--admin-warning: #d29922;--admin-danger: #f85149;--admin-purple: #bc8cff;--admin-cyan: #39d2c0;--admin-radius: 12px;--admin-radius-sm: 8px;--admin-glow-blue: 0 0 20px rgba(88, 166, 255, .15);--admin-glow-green: 0 0 20px rgba(63, 185, 80, .15);--admin-glow-red: 0 0 20px rgba(248, 81, 73, .15)}.admin-pin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:adminFadeIn .2s ease}.admin-pin-card{background:var(--admin-bg-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:40px;width:100%;max-width:360px;text-align:center;box-shadow:0 16px 48px #0006}.admin-pin-card h2{color:var(--admin-text);font-size:20px;font-weight:700;margin-bottom:8px}.admin-pin-card p{color:var(--admin-text-muted);font-size:13px;margin-bottom:24px}.admin-pin-input{width:100%;padding:14px 16px;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text);font-size:24px;font-family:SF Mono,Fira Code,monospace;text-align:center;letter-spacing:12px;outline:none;transition:border-color .2s}.admin-pin-input:focus{border-color:var(--admin-accent);box-shadow:var(--admin-glow-blue)}.admin-pin-input::placeholder{letter-spacing:4px;opacity:.3}.admin-pin-error{color:var(--admin-danger);font-size:13px;margin-top:12px;animation:adminShake .4s ease}.admin-pin-buttons{display:flex;gap:8px;margin-top:20px}.admin-pin-btn{flex:1;padding:12px;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);background:var(--admin-bg-surface);color:var(--admin-text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.admin-pin-btn:hover{border-color:var(--admin-accent);background:#58a6ff1a}.admin-pin-btn--primary{background:var(--admin-accent);border-color:var(--admin-accent);color:#fff}.admin-pin-btn--primary:hover{background:#4c94e6}.login-admin-btn{position:fixed;bottom:16px;right:16px;width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:var(--bg-card);color:var(--text-muted);font-size:16px;cursor:pointer;transition:all .3s;opacity:.4;display:flex;align-items:center;justify-content:center}.login-admin-btn:hover{opacity:1;border-color:var(--accent-green);box-shadow:var(--shadow-glow-green);transform:scale(1.1)}.admin-dashboard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:var(--admin-bg);color:var(--admin-text);display:flex;flex-direction:column;overflow:hidden;font-family:Inter,-apple-system,sans-serif;animation:adminFadeIn .3s ease}@keyframes adminFadeIn{0%{opacity:0}to{opacity:1}}@keyframes adminShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--admin-bg-card);border-bottom:1px solid var(--admin-border);flex-shrink:0}.admin-header__left{display:flex;flex-direction:column;gap:2px}.admin-header__title{display:flex;align-items:center;gap:10px}.admin-header__title h1{font-size:18px;font-weight:800;letter-spacing:-.3px;background:linear-gradient(135deg,var(--admin-accent),var(--admin-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-header__icon{font-size:22px}.admin-header__subtitle{font-size:12px;color:var(--admin-text-muted);letter-spacing:.5px}.admin-header__right{display:flex;align-items:center;gap:16px}.admin-close-btn{width:36px;height:36px;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);background:var(--admin-bg-surface);color:var(--admin-text-muted);font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.admin-close-btn:hover{color:var(--admin-danger);border-color:var(--admin-danger)}.admin-heartbeat{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.admin-heartbeat--alive{background:#3fb9501a;border:1px solid rgba(63,185,80,.3);color:var(--admin-success)}.admin-heartbeat--dead{background:#f851491a;border:1px solid rgba(248,81,73,.3);color:var(--admin-danger)}.admin-heartbeat__dot{width:8px;height:8px;border-radius:50%;animation:heartbeatPulse 2s ease-in-out infinite}.admin-heartbeat--alive .admin-heartbeat__dot{background:var(--admin-success);box-shadow:0 0 6px var(--admin-success)}.admin-heartbeat--dead .admin-heartbeat__dot{background:var(--admin-danger);animation:none}@keyframes heartbeatPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.admin-kill-banner{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 24px;background:#f8514926;border-bottom:1px solid rgba(248,81,73,.3);color:var(--admin-danger);font-weight:700;font-size:14px;animation:killPulse 2s ease-in-out infinite}@keyframes killPulse{0%,to{background:#f851491a}50%{background:#f8514933}}.admin-kill-banner__btn{padding:6px 16px;border:1px solid var(--admin-danger);border-radius:var(--admin-radius-sm);background:transparent;color:var(--admin-danger);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.admin-kill-banner__btn:hover{background:var(--admin-danger);color:#fff}.admin-alert-banner{display:flex;align-items:center;justify-content:center;padding:10px 24px;background:#d2992226;border-bottom:1px solid rgba(210,153,34,.3);color:var(--admin-warning);font-weight:600;font-size:13px}.admin-tabs{display:flex;gap:2px;padding:0 24px;background:var(--admin-bg-card);border-bottom:1px solid var(--admin-border);flex-shrink:0;overflow-x:auto}.admin-tab{padding:12px 20px;border:none;background:transparent;color:var(--admin-text-muted);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:6px}.admin-tab:hover{color:var(--admin-text)}.admin-tab--active{color:var(--admin-accent);border-bottom-color:var(--admin-accent)}.admin-tab__count{padding:2px 8px;border-radius:10px;background:#58a6ff26;color:var(--admin-accent);font-size:11px;font-weight:700}.admin-content{flex:1;overflow-y:auto;padding:24px;scrollbar-width:thin;scrollbar-color:var(--admin-border) transparent}.admin-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.admin-kpi{display:flex;align-items:flex-start;gap:16px;padding:24px;background:var(--admin-bg-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius);transition:all .3s}.admin-kpi:hover{border-color:var(--admin-accent);box-shadow:var(--admin-glow-blue);transform:translateY(-2px)}.admin-kpi__icon{font-size:32px;width:56px;height:56px;border-radius:var(--admin-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-kpi__icon--success{background:#3fb9501a}.admin-kpi__icon--time{background:#bc8cff1a}.admin-kpi__icon--api{background:#58a6ff1a}.admin-kpi__body{flex:1}.admin-kpi__value{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px;background:linear-gradient(135deg,var(--admin-text),var(--admin-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-kpi__label{font-size:13px;font-weight:600;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.5px}.admin-kpi__sub{font-size:12px;color:var(--admin-text-muted);margin-top:4px}.admin-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.admin-metric-card{padding:20px;background:var(--admin-bg-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius)}.admin-metric-card__header{font-size:12px;font-weight:600;color:var(--admin-text-muted);margin-bottom:12px}.admin-metric-card__value{font-size:24px;font-weight:800;color:var(--admin-text);margin-bottom:12px}.admin-metric-card__value--warning{color:var(--admin-warning)}.admin-metric-card__value--danger{color:var(--admin-danger)}.admin-metric-card__bar{height:4px;background:var(--admin-bg-surface);border-radius:2px;overflow:hidden;margin-bottom:8px}.admin-metric-card__fill{height:100%;border-radius:2px;transition:width .5s ease}.admin-metric-card__footer{font-size:11px;color:var(--admin-text-muted)}.admin-section{margin-bottom:24px}.admin-section__title{font-size:15px;font-weight:700;color:var(--admin-text);margin-bottom:12px}.admin-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.admin-feed{background:var(--admin-bg-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius);overflow:hidden}.admin-feed__item{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--admin-border);font-size:13px;transition:background .15s}.admin-feed__item:last-child{border-bottom:none}.admin-feed__item:hover{background:var(--admin-bg-surface)}.admin-feed__item--error{border-left:3px solid var(--admin-danger)}.admin-feed__item--action{border-left:3px solid var(--admin-success)}.admin-feed__item--api{border-left:3px solid var(--admin-accent)}.admin-feed__item--system{border-left:3px solid var(--admin-purple)}.admin-feed__time{font-size:11px;color:var(--admin-text-muted);font-family:SF Mono,Fira Code,monospace;min-width:70px}.admin-feed__icon{font-size:14px}.admin-feed__msg{flex:1;color:var(--admin-text)}.admin-feed__cid{font-size:10px;font-family:SF Mono,Fira Code,monospace;color:var(--admin-purple);background:#bc8cff1a;padding:2px 8px;border-radius:4px}.admin-feed__empty{padding:32px;text-align:center;color:var(--admin-text-muted);font-size:13px}.admin-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.admin-badge--success{background:#3fb95026;color:var(--admin-success)}.admin-badge--error{background:#f8514926;color:var(--admin-danger)}.admin-badge--info{background:#58a6ff26;color:var(--admin-accent)}.admin-badge--system{background:#bc8cff26;color:var(--admin-purple)}.admin-badge--snapshot{background:#39d2c026;color:var(--admin-cyan)}.admin-logs{display:flex;flex-direction:column;height:calc(100vh - 180px)}.admin-logs__toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.admin-logs__filters{display:flex;gap:4px}.admin-filter-btn{padding:6px 12px;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);background:var(--admin-bg-card);color:var(--admin-text-muted);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.admin-filter-btn:hover{border-color:var(--admin-accent);color:var(--admin-text)}.admin-filter-btn--active{background:#58a6ff26;border-color:var(--admin-accent);color:var(--admin-accent)}.admin-logs__search{flex:1}.admin-search-input{width:100%;padding:8px 14px;background:var(--admin-bg-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text);font-family:inherit;font-size:13px;outline:none;transition:border-color .2s}.admin-search-input:focus{border-color:var(--admin-accent)}.admin-search-input::placeholder{color:var(--admin-text-muted)}.admin-clear-btn{padding:8px 14px;border:1px solid rgba(248,81,73,.3);border-radius:var(--admin-radius-sm);background:#f851491a;color:var(--admin-danger);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.admin-clear-btn:hover{background:var(--admin-danger);color:#fff}.admin-logs__list{flex:1;overflow-y:auto;background:var(--admin-bg-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius)}.admin-log-entry{border-bottom:1px solid var(--admin-border);cursor:pointer;transition:background .15s}.admin-log-entry:last-child{border-bottom:none}.admin-log-entry:hover{background:var(--admin-bg-surface)}.admin-log-entry__header{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px}.admin-log-entry__time{font-size:11px;color:var(--admin-text-muted);font-family:SF Mono,Fira Code,monospace;min-width:70px}.admin-log-entry__msg{flex:1;color:var(--admin-text)}.admin-log-entry__cid{font-size:10px;font-family:SF Mono,Fira Code,monospace;color:var(--admin-purple);background:#bc8cff14;padding:2px 6px;border-radius:3px}.admin-log-entry__details{padding:0 16px 12px;animation:adminSlideDown .2s ease}@keyframes adminSlideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.admin-log-entry__details pre{padding:12px;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);font-size:11px;font-family:SF Mono,Fira Code,monospace;color:var(--admin-cyan);overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.admin-logs__empty{padding:48px;text-align:center;color:var(--admin-text-muted)}.admin-perf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.admin-perf-card{padding:24px;background:var(--admin-bg-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius)}.admin-perf-card h3{font-size:15px;font-weight:700;margin-bottom:16px;color:var(--admin-text)}.admin-perf-stat{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--admin-border)}.admin-perf-stat:last-child{border-bottom:none}.admin-perf-stat__label{font-size:13px;color:var(--admin-text-muted)}.admin-perf-stat__value{font-size:15px;font-weight:700;color:var(--admin-text)}.text-success{color:var(--admin-success)!important}.text-warning{color:var(--admin-warning)!important}.text-danger{color:var(--admin-danger)!important}.admin-perf-thresholds{margin-top:16px;display:flex;flex-direction:column;gap:6px}.admin-threshold{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--admin-text-muted)}.admin-threshold__dot{width:8px;height:8px;border-radius:50%}.admin-threshold__dot--success{background:var(--admin-success)}.admin-threshold__dot--warning{background:var(--admin-warning)}.admin-threshold__dot--danger{background:var(--admin-danger)}.admin-perf-alert{margin-top:16px;padding:12px;background:#f851491a;border:1px solid rgba(248,81,73,.3);border-radius:var(--admin-radius-sm);color:var(--admin-danger);font-size:13px;font-weight:600;text-align:center}.admin-health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-health-card{padding:24px;border-radius:var(--admin-radius);text-align:center;border:1px solid var(--admin-border)}.admin-health-card--up{background:#3fb9500d;border-color:#3fb9504d}.admin-health-card--down{background:#f851490d;border-color:#f851494d}.admin-health-card__icon{font-size:32px;margin-bottom:8px}.admin-health-card__name{font-size:14px;font-weight:700;margin-bottom:4px}.admin-health-card__status{font-size:13px;color:var(--admin-text-muted)}.admin-health-card__latency{font-size:20px;font-weight:800;margin-top:8px;font-family:SF Mono,monospace}.admin-health-card--up .admin-health-card__latency{color:var(--admin-success)}.admin-health-card--down .admin-health-card__latency{color:var(--admin-danger)}.admin-kill-card{padding:32px;background:var(--admin-bg-card);border:2px solid var(--admin-border);border-radius:var(--admin-radius);margin-bottom:24px;transition:all .3s}.admin-kill-card--active{border-color:var(--admin-danger);box-shadow:var(--admin-glow-red)}.admin-kill-card__header h3{font-size:18px;font-weight:800;margin-bottom:4px}.admin-kill-card__header p{font-size:13px;color:var(--admin-text-muted)}.admin-kill-card__body{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:24px}.admin-kill-status{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;letter-spacing:2px}.admin-kill-status__dot{width:16px;height:16px;border-radius:50%}.admin-kill-status--active .admin-kill-status__dot{background:var(--admin-success);box-shadow:0 0 12px var(--admin-success);animation:heartbeatPulse 2s ease infinite}.admin-kill-status--active{color:var(--admin-success)}.admin-kill-status--killed .admin-kill-status__dot{background:var(--admin-danger);box-shadow:0 0 12px var(--admin-danger)}.admin-kill-status--killed{color:var(--admin-danger)}.admin-kill-btn{padding:14px 32px;border:2px solid;border-radius:var(--admin-radius-sm);font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s;letter-spacing:.5px}.admin-kill-btn--kill{border-color:var(--admin-danger);background:#f851491a;color:var(--admin-danger)}.admin-kill-btn--kill:hover{background:var(--admin-danger);color:#fff}.admin-kill-btn--activate{border-color:var(--admin-success);background:#3fb9501a;color:var(--admin-success)}.admin-kill-btn--activate:hover{background:var(--admin-success);color:#fff}.admin-diag-card{padding:24px;background:var(--admin-bg-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius);margin-bottom:16px}.admin-diag-card h3{font-size:15px;font-weight:700;margin-bottom:12px}.admin-diag-card__desc{font-size:13px;color:var(--admin-text-muted);margin-bottom:16px}.admin-diag-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-diag-btn{padding:10px 20px;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);background:var(--admin-bg-surface);color:var(--admin-text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.admin-diag-btn:hover{border-color:var(--admin-accent);background:#58a6ff1a}.admin-diag-btn:disabled{opacity:.5;cursor:not-allowed}.admin-cid-list{display:flex;flex-direction:column;gap:8px}.admin-cid-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);background:var(--admin-bg-surface)}.admin-cid-item code{font-size:12px;font-family:SF Mono,Fira Code,monospace;color:var(--admin-accent);flex:1}.admin-cid-item__count{font-size:11px;color:var(--admin-text-muted)}.admin-cid-item--error{border-left:3px solid var(--admin-danger)}.admin-cid-item--ok{border-left:3px solid var(--admin-success)}.admin-cid-empty{padding:24px;text-align:center;color:var(--admin-text-muted);font-size:13px}.admin-link-btn{border:none;background:transparent;color:var(--admin-accent);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.admin-link-btn:hover{background:#58a6ff1a}.admin-link-btn:disabled{opacity:.5;cursor:not-allowed}.admin-shadow__desc{font-size:13px;color:var(--admin-text-muted);margin-bottom:16px;line-height:1.5}.admin-selector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-selector-card{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);background:var(--admin-bg-card)}.admin-selector-card--found{border-left:3px solid var(--admin-success)}.admin-selector-card--missing{border-left:3px solid var(--admin-danger);background:#f8514908}.admin-selector-card__status{font-size:18px;flex-shrink:0}.admin-selector-card__name{font-size:14px;font-weight:700;margin-bottom:4px}.admin-selector-card__selector{font-size:12px;font-family:SF Mono,Fira Code,monospace;color:var(--admin-accent);background:#58a6ff14;padding:2px 6px;border-radius:3px}.admin-selector-card__meta{font-size:11px;color:var(--admin-text-muted);margin-top:4px}.admin-selector-card__warn{font-size:11px;color:var(--admin-danger);margin-top:4px}.admin-snapshot-list{display:flex;flex-direction:column;gap:12px}.admin-snapshot-item{border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);overflow:hidden}.admin-snapshot-item__header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--admin-bg-card);border-bottom:1px solid var(--admin-border)}.admin-snapshot-item__time{font-size:11px;font-family:SF Mono,monospace;color:var(--admin-text-muted)}.admin-snapshot-item__msg{font-size:13px;font-weight:600;color:var(--admin-danger)}.admin-snapshot-item__data{padding:12px 16px;background:var(--admin-bg);font-size:11px;font-family:SF Mono,Fira Code,monospace;color:var(--admin-cyan);max-height:200px;overflow-y:auto;margin:0;white-space:pre-wrap;word-break:break-word}.admin-pulse{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px}.admin-pulse--alive{background:var(--admin-success);box-shadow:0 0 8px var(--admin-success);animation:heartbeatPulse 2s ease infinite}.admin-pulse--dead{background:var(--admin-danger)}@media(max-width:1024px){.admin-kpi-row{grid-template-columns:1fr}.admin-metrics-grid{grid-template-columns:repeat(2,1fr)}.admin-perf-grid,.admin-selector-grid,.admin-health-grid{grid-template-columns:1fr}}@media(max-width:640px){.admin-content{padding:16px}.admin-metrics-grid{grid-template-columns:1fr}.admin-tabs{padding:0 12px}.admin-tab{padding:10px 14px;font-size:12px}.admin-header{padding:12px 16px}.admin-kill-card__body,.admin-logs__toolbar{flex-direction:column}.admin-logs__filters{flex-wrap:wrap}}