:root{--gf-primary: #ff6b2b;--gf-primary-hover: #e5541a;--gf-primary-light: #fff0ea;--gf-primary-glow: rgba(255, 107, 43, .22);--gf-page-bg: #fff7f4;--gf-page-bg-alt: #fff0ea;--gf-surface-bg: #ffffff;--gf-surface-muted: #fffbf9;--gf-divider: #ffe8dc;--gf-border: rgba(255, 180, 140, .45);--gf-border-strong: #ffd4bc;--gf-border-hover: #ffb899;--gf-text-primary: #1a0800;--gf-text-secondary: #7a3a1a;--gf-text-muted: #a8644a;--gf-sidebar-bg: #1f0c00;--gf-sidebar-bg-end: #140800;--gf-sidebar-hover: rgba(255, 107, 43, .12);--gf-sidebar-muted: #c9927a;--gf-sidebar-accent: rgba(255, 107, 43, .35);--gf-shadow-sm: 0 1px 2px rgba(26, 8, 0, .04), 0 1px 3px rgba(26, 8, 0, .06);--gf-shadow-md: 0 4px 16px rgba(26, 8, 0, .06), 0 2px 6px rgba(26, 8, 0, .04);--gf-shadow-lg: 0 12px 40px rgba(26, 8, 0, .08), 0 4px 12px rgba(26, 8, 0, .04);--gf-shadow-card: 0 1px 2px rgba(26, 8, 0, .03), 0 8px 24px rgba(255, 107, 43, .06);--gf-radius-sm: 10px;--gf-radius-md: 14px;--gf-radius-lg: 18px;--gf-radius-xl: 24px;--gf-transition: .16s cubic-bezier(.4, 0, .2, 1);--gf-font-sans: "DM Sans", sans-serif;--gf-font-mono: "DM Mono", monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--gf-font-sans);background:radial-gradient(ellipse 80% 50% at 100% -10%,rgba(255,107,43,.08),transparent 55%),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(255,184,153,.12),transparent 50%),var(--gf-page-bg);color:var(--gf-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--gf-primary);text-decoration:none;transition:color var(--gf-transition)}a:hover{color:var(--gf-primary-hover)}h1,h2,h3,p{margin:0}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-theme{background:radial-gradient(circle at 20% 0%,rgba(255,107,43,.14) 0%,transparent 42%),radial-gradient(circle at 80% 100%,rgba(255,184,153,.18) 0%,transparent 45%),var(--gf-page-bg)}.auth-card{width:100%;max-width:520px}.auth-card-elevated{border-radius:var(--gf-radius-xl);border:1px solid var(--gf-border-strong);box-shadow:var(--gf-shadow-lg);padding:40px 40px 30px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.auth-brand-badge{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gf-primary) 0%,var(--gf-primary-hover) 100%);color:#fff;font-size:13px;font-weight:700;box-shadow:0 4px 14px var(--gf-primary-glow)}.auth-brand p{margin-top:2px;color:var(--gf-text-muted);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.auth-title{font-size:26px;font-weight:400;margin-bottom:6px}.auth-form{margin-top:16px;display:grid;gap:10px}.auth-form label{font-size:11px;font-weight:500;text-transform:uppercase;color:var(--gf-text-secondary);letter-spacing:.06em}.auth-form input,.auth-form textarea,.auth-form select{width:100%;border:1px solid var(--gf-border-strong);border-radius:var(--gf-radius-sm);min-height:44px;padding:10px 14px;background:var(--gf-surface-bg);color:var(--gf-text-primary);font-family:var(--gf-font-sans);font-size:14px;transition:border-color var(--gf-transition),box-shadow var(--gf-transition)}.auth-form input:focus,.auth-form select:focus,.pin-box:focus{outline:none;border-color:var(--gf-primary);box-shadow:0 0 0 3px #ff6b2b33}.auth-links{margin-top:14px;display:flex;justify-content:space-between;gap:10px;font-size:13px}.app-shell{min-height:100vh;display:grid;grid-template-columns:252px 1fr}.sidebar{position:relative;background:linear-gradient(180deg,#261000 0%,var(--gf-sidebar-bg) 40%,var(--gf-sidebar-bg-end) 100%);color:var(--gf-sidebar-muted);display:flex;flex-direction:column;padding:18px 12px;gap:12px;min-height:100vh;position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid rgba(255,107,43,.1);box-shadow:4px 0 24px #1a08002e}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gf-primary),#ff8f5f,var(--gf-primary))}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:8px 8px 16px;border-bottom:1px solid rgba(255,107,43,.12);margin-bottom:4px;position:relative}.sidebar-brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gf-primary) 0%,#cc4214 100%);color:#fff;font-size:12px;font-weight:700;letter-spacing:-.02em;box-shadow:0 4px 16px #ff6b2b59;flex-shrink:0}.sidebar-brand h1{color:#fff;font-size:18px;font-weight:500;letter-spacing:-.02em}.sidebar-brand p{margin-top:2px;color:var(--gf-sidebar-muted);font-size:11px;letter-spacing:.07em;text-transform:uppercase}.sidebar-nav-grouped{display:grid;gap:10px;flex:1;min-height:0;align-content:start;overflow-y:auto;padding-right:2px}.sidebar-group+.sidebar-group{margin-top:2px;padding-top:10px;border-top:1px solid rgba(255,107,43,.1)}.sidebar-group-title{font-size:10px;letter-spacing:.1em;color:#c9927abf;text-transform:uppercase;margin:0 10px 6px;font-weight:600}.sidebar-nav{display:grid;gap:2px}.nav-item{color:var(--gf-sidebar-muted);border-radius:var(--gf-radius-sm);padding:10px 12px;font-size:13px;font-weight:500;line-height:1.35;display:block;border:1px solid transparent;transition:background var(--gf-transition),color var(--gf-transition),border-color var(--gf-transition),transform var(--gf-transition)}.nav-item:hover{background:var(--gf-sidebar-hover);color:#fff}.nav-item.active{background:linear-gradient(90deg,#ff6b2b47,#ff6b2b1f);border-color:#ff6b2b40;color:#fff;box-shadow:inset 3px 0 0 var(--gf-primary)}.sidebar-logout{margin-top:auto;width:calc(100% - 8px);margin-inline:4px;min-height:42px;border:1px solid rgba(255,255,255,.16)!important;color:#ffffffe0!important;background:#ffffff0a!important;border-radius:var(--gf-radius-sm)!important;transition:background var(--gf-transition)!important}.sidebar-logout:hover{background:#ffffff1a!important}.page-wrap{display:flex;flex-direction:column;min-height:100vh;min-width:0}.page-header{flex-shrink:0;min-height:auto;border-bottom:1px solid var(--gf-border);background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;padding:18px 28px;gap:16px;position:sticky;top:0;z-index:20;box-shadow:var(--gf-shadow-sm)}.page-header h2{font-size:24px;font-weight:600;line-height:1.15;letter-spacing:-.02em}.page-header p{color:var(--gf-text-muted);font-size:13px;margin-top:4px}.header-user{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:6px 14px 6px 6px;font-size:13px;font-weight:500;background:var(--gf-surface-bg);color:var(--gf-text-primary);border:1px solid var(--gf-border-strong);box-shadow:var(--gf-shadow-sm)}.header-user-avatar{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gf-primary-light),#ffe8dc);color:var(--gf-primary-hover);font-size:11px;font-weight:700;letter-spacing:.02em}.page-content{flex:1;padding:24px 28px 36px;display:flex;flex-direction:column;gap:18px;align-items:stretch;min-height:0}.gf-card{border:1px solid var(--gf-border);border-radius:var(--gf-radius-lg);background:var(--gf-surface-bg);box-shadow:var(--gf-shadow-card);padding:18px 20px;width:100%;transition:box-shadow var(--gf-transition),border-color var(--gf-transition)}.gf-card:hover{border-color:var(--gf-border-hover)}.gf-card h3{font-size:15px;font-weight:600;margin-bottom:14px;letter-spacing:-.01em}.gf-card>.muted:first-child,.gf-card>.error-text:first-child,.gf-card>p.muted:first-child{margin:0}.kpi-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.kpi-grid .gf-card{padding:16px 18px;position:relative;overflow:hidden}.kpi-grid .gf-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gf-primary),#ffb899);opacity:.85}.kpi-label{font-size:11px;color:var(--gf-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.kpi-value{margin-top:8px;font-size:32px;font-weight:500;font-family:var(--gf-font-mono);letter-spacing:-.03em;line-height:1}.kpi-helper{margin-top:4px;font-size:13px;color:var(--gf-text-secondary);min-height:0}.kpi-helper:empty{display:none}.split-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.section-header h3{margin-bottom:4px}.section-subtitle{font-size:13px;margin:0}.bay-board-summary{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:16px;font-size:13px;color:var(--gf-text-secondary)}.bay-board-summary strong{color:var(--gf-text-primary);font-family:var(--gf-font-mono);font-weight:600}.bay-summary-occupied strong{color:var(--gf-primary-hover)}.bay-summary-free strong{color:#15803d}.bay-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.bay-card-link{display:block;color:inherit;text-decoration:none}.bay-card-link:hover .bay-card{border-color:var(--gf-border-hover);box-shadow:var(--gf-shadow-md);transform:translateY(-1px)}.bay-card{border:1px solid var(--gf-border);border-radius:var(--gf-radius-md);background:linear-gradient(180deg,#fff 0%,var(--gf-surface-muted) 100%);padding:14px 14px 16px;min-height:168px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;box-shadow:var(--gf-shadow-sm);transition:border-color var(--gf-transition),box-shadow var(--gf-transition),transform var(--gf-transition)}.bay-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gf-border-strong)}.bay-card--available:before{background:linear-gradient(90deg,#22c55e,#86efac)}.bay-card--occupied:before{background:linear-gradient(90deg,var(--gf-primary),#ffb899)}.bay-card--maintenance:before{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}.bay-card--reserved:before{background:linear-gradient(90deg,#3b82f6,#93c5fd)}.bay-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.bay-card-title-wrap{display:flex;align-items:flex-start;gap:10px;min-width:0}.bay-status-dot{width:10px;height:10px;border-radius:999px;margin-top:5px;flex-shrink:0;box-shadow:0 0 0 3px #fffc}.bay-status-dot--available{background:#22c55e}.bay-status-dot--occupied{background:var(--gf-primary);animation:bay-pulse 2s ease-in-out infinite}.bay-status-dot--maintenance{background:#94a3b8}.bay-status-dot--reserved{background:#3b82f6}@keyframes bay-pulse{0%,to{box-shadow:0 0 #ff6b2b59}50%{box-shadow:0 0 0 6px #ff6b2b00}}.bay-card-name{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--gf-text-primary)}.bay-card-type{margin:2px 0 0;font-size:12px;color:var(--gf-text-muted)}.bay-code-chip{flex-shrink:0;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;letter-spacing:.04em;font-family:var(--gf-font-mono);color:var(--gf-text-secondary);background:#ff6b2b14;border:1px solid rgba(255,107,43,.16)}.bay-card-body{display:grid;gap:6px;margin-top:auto}.bay-card-meta-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.bay-card-label,.bay-card-label-inline{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gf-text-muted)}.bay-card-label-inline{margin-right:6px}.bay-card-job{margin:0;font-size:18px;font-weight:600;font-family:var(--gf-font-mono);letter-spacing:-.02em;color:var(--gf-text-primary)}.bay-card-vehicle{margin:0;font-size:14px;color:var(--gf-text-secondary)}.bay-card-tech{margin:4px 0 0;font-size:13px;color:var(--gf-text-primary)}.bay-card-state-label{margin:0;font-size:14px;font-weight:600;color:var(--gf-text-primary)}.bay-card-hint{margin:0;font-size:13px;line-height:1.45;color:var(--gf-text-muted)}.bay-card--available{background:linear-gradient(180deg,#fff,#f6fff8)}.bay-card--occupied{background:linear-gradient(180deg,#fff,#fff8f4)}.bay-card--maintenance,.bay-card--reserved{background:linear-gradient(180deg,#fff,#f8fafc)}.stack{display:grid;gap:10px}.line-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--gf-radius-sm);transition:background var(--gf-transition)}.line-item:hover{background:var(--gf-surface-muted)}.gf-btn{border:none;min-height:42px;height:42px;border-radius:var(--gf-radius-sm);padding:0 18px;cursor:pointer;font-family:var(--gf-font-sans);font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:transform var(--gf-transition),box-shadow var(--gf-transition),background var(--gf-transition),border-color var(--gf-transition)}.gf-btn:active{transform:translateY(1px)}.gf-btn-primary{background:linear-gradient(135deg,var(--gf-primary) 0%,var(--gf-primary-hover) 100%);color:#fff;box-shadow:0 4px 14px var(--gf-primary-glow)}.gf-btn-primary:hover{background:linear-gradient(135deg,#ff7840 0%,var(--gf-primary-hover) 100%);box-shadow:0 6px 20px #ff6b2b52}.gf-btn-outline{background:var(--gf-surface-bg);color:var(--gf-text-primary);border:1px solid var(--gf-border-strong)}.gf-btn-outline:hover{border-color:var(--gf-border-hover);background:var(--gf-surface-muted)}.gf-btn-ghost{background:transparent;color:var(--gf-primary)}.gf-table{width:100%;border-collapse:collapse}.gf-table th{text-align:left;padding:12px 14px;color:var(--gf-text-muted);border-bottom:1px solid var(--gf-divider);text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:.08em;background:var(--gf-surface-muted)}.gf-table th:first-child{border-radius:var(--gf-radius-sm) 0 0 0}.gf-table th:last-child{border-radius:0 var(--gf-radius-sm) 0 0}.gf-table td{padding:12px 14px;border-bottom:1px solid var(--gf-divider);font-size:14px}.gf-table tbody tr{transition:background var(--gf-transition)}.gf-table tbody tr:hover td{background:var(--gf-surface-muted)}.status-badge{display:inline-flex;align-items:center;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:capitalize}.status-draft,.status-intake,.status-cancelled,.status-hold{background:#fff7f4;color:#c47a5a}.status-estimate{background:#ffe8dc;color:#cc4214}.status-approved{background:#ffd4bc;color:#8c3000}.status-progress{background:#ff6b2b;color:#fff}.status-qc{background:#cc4214;color:#fff0ea}.status-ready{background:#8c3000;color:#ffd4bc}.status-delivered{background:#2d0800;color:#ffb899}.status-available{background:#ecfdf5;color:#15803d}.status-occupied{background:#fff0ea;color:var(--gf-primary-hover)}.status-maintenance{background:#f1f5f9;color:#475569}.status-reserved{background:#eff6ff;color:#1d4ed8}.pin-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.pin-box{min-height:46px;text-align:center;font-size:22px;font-family:var(--gf-font-mono);border:1px solid var(--gf-border);border-radius:10px}.muted{color:var(--gf-text-muted)}.empty-state{padding:8px 0 4px}.gf-card>h3:first-child{font-size:15px;font-weight:600;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--gf-divider);letter-spacing:-.01em}.section-header-action{flex-shrink:0}.table-shell{border:1px solid var(--gf-border);border-radius:var(--gf-radius-md);overflow:hidden;background:var(--gf-surface-bg)}.table-shell .gf-table{margin:0}.table-shell .gf-table th:first-child{border-radius:0}.table-shell .gf-table th:last-child{border-radius:0}.loading-state{display:flex;align-items:center;gap:12px;padding:28px 16px;color:var(--gf-text-secondary);font-size:14px}.loading-spinner{width:22px;height:22px;border-radius:999px;border:2px solid var(--gf-divider);border-top-color:var(--gf-primary);animation:gf-spin .8s linear infinite;flex-shrink:0}@keyframes gf-spin{to{transform:rotate(360deg)}}.empty-state-panel{display:grid;justify-items:center;text-align:center;gap:8px;padding:36px 24px;border:1px dashed var(--gf-border-strong);border-radius:var(--gf-radius-lg);background:linear-gradient(180deg,#fff 0%,var(--gf-surface-muted) 100%)}.empty-state-panel h4{margin:0;font-size:16px;font-weight:600;color:var(--gf-text-primary)}.empty-state-panel p{max-width:360px;font-size:13px;line-height:1.5}.empty-state-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--gf-primary-light),#ffe8dc);border:1px solid rgba(255,107,43,.2);position:relative}.empty-state-icon:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:2px solid var(--gf-primary);border-radius:4px;opacity:.45}.empty-state-action{margin-top:8px}.alert-banner{border-radius:var(--gf-radius-sm);padding:12px 14px;font-size:13px;line-height:1.45;border:1px solid transparent}.alert-banner--error{background:#fff4f0;border-color:#ffc9b3;color:#9a3412}.alert-banner--success{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.alert-banner--info{background:#fff8f4;border-color:var(--gf-border-strong);color:var(--gf-text-secondary)}.error-text{color:#9a3412;font-size:13px;background:#fff4f0;border:1px solid #ffc9b3;border-radius:var(--gf-radius-sm);padding:10px 12px}.success-text{color:#166534;font-size:13px;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:var(--gf-radius-sm);padding:10px 12px}.center-state{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse 80% 50% at 100% -10%,rgba(255,107,43,.08),transparent 55%),var(--gf-page-bg)}.center-state .loading-state{padding:0;font-size:15px}.pager{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:18px;padding:12px 14px;border-radius:var(--gf-radius-sm);background:var(--gf-surface-muted);border:1px solid var(--gf-divider)}.pager-meta{font-size:13px;color:var(--gf-text-muted)}.pager-meta strong{color:var(--gf-text-primary);font-family:var(--gf-font-mono);font-weight:600}.gf-card .line-item{border:1px solid var(--gf-border);border-radius:var(--gf-radius-sm);background:var(--gf-surface-muted);padding:12px 14px}.gf-card .line-item span:first-child,.gf-card .line-item>span{color:var(--gf-text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.feed-list{display:grid;gap:10px}.feed-item{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border:1px solid var(--gf-border);border-radius:var(--gf-radius-md);padding:14px 16px;background:var(--gf-surface-bg);transition:border-color var(--gf-transition),box-shadow var(--gf-transition)}.feed-item:hover{border-color:var(--gf-border-hover);box-shadow:var(--gf-shadow-sm)}.feed-item--unread{border-left:3px solid var(--gf-primary);background:linear-gradient(90deg,#ff6b2b0f,#fff 28%)}.feed-item-title{font-size:14px;font-weight:600;color:var(--gf-text-primary)}.feed-item-body{margin-top:4px;font-size:13px;line-height:1.45}.feed-item-time{margin-top:8px;font-size:11px;color:var(--gf-text-muted)}.avatar-chip{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,var(--gf-primary-light),#ffe8dc);color:var(--gf-primary-hover);font-size:10px;font-weight:700;margin-right:8px;vertical-align:middle;border:1px solid rgba(255,107,43,.2)}.modal-card{width:min(520px,100%);max-height:90vh;overflow:auto;box-shadow:var(--gf-shadow-lg);padding:0;display:flex;flex-direction:column;border:1px solid var(--gf-border-strong);border-radius:var(--gf-radius-xl);background:var(--gf-surface-bg)}.modal-card--wide{width:min(680px,100%)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 0}.modal-header h3{margin-bottom:4px;border-bottom:none;padding-bottom:0}.modal-close{width:34px;height:34px;border:1px solid var(--gf-border);border-radius:999px;background:var(--gf-surface-bg);color:var(--gf-text-secondary);font-size:22px;line-height:1;cursor:pointer;flex-shrink:0;transition:background var(--gf-transition),border-color var(--gf-transition)}.modal-close:hover{background:var(--gf-surface-muted);border-color:var(--gf-border-hover)}.modal-body{padding:8px 22px 20px}.modal-footer{width:100%;box-sizing:border-box;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 22px 18px;border-top:1px solid var(--gf-divider);margin-top:auto;background:linear-gradient(180deg,var(--gf-surface-muted) 0%,#fff 100%)}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;width:100%}.modal-body .form-grid{margin-top:4px}.modal-body .form-grid--stack{grid-template-columns:1fr}.modal-body .form-hint{margin:0;font-size:13px;line-height:1.45;color:var(--gf-text-muted)}.modal-body .toolbar{padding:0;border:none;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;margin-top:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a08006b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px;z-index:50}.detail-grid .gf-card{min-height:120px}.tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--gf-border);padding-bottom:10px;margin-bottom:16px}.tab{border:none;background:transparent;color:var(--gf-text-secondary);padding:8px 16px;border-radius:999px;cursor:pointer;font-family:var(--gf-font-sans);font-size:13px;font-weight:500;transition:background var(--gf-transition),color var(--gf-transition)}.tab:hover{background:var(--gf-surface-muted)}.tab.active{background:linear-gradient(135deg,var(--gf-primary-light),#ffe8dc);color:var(--gf-primary-hover);font-weight:600}.stepper{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.stepper .chip{min-width:110px;justify-content:center}.webcam-box{border:1px dashed var(--gf-border-strong);border-radius:var(--gf-radius-lg);padding:16px;background:var(--gf-surface-muted)}.webcam-box .toolbar{padding:0;border:none;background:transparent;box-shadow:none}.quick-links a{display:block;padding:11px 14px;border-radius:var(--gf-radius-sm);border:1px solid var(--gf-border);background:var(--gf-surface-muted);color:var(--gf-text-primary);font-weight:500;transition:border-color var(--gf-transition),background var(--gf-transition)}.quick-links a:hover{border-color:var(--gf-border-hover);background:#fff;color:var(--gf-primary-hover)}.settings-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.settings-nav-panel{position:sticky;top:88px;display:flex;flex-direction:column;gap:16px}.settings-nav{display:grid;gap:6px;padding:10px;border:1px solid var(--gf-border);border-radius:var(--gf-radius-lg);background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--gf-shadow-sm)}.settings-nav-item{border:1px solid transparent;border-radius:var(--gf-radius-sm);background:transparent;text-align:left;padding:12px 14px;cursor:pointer;font-family:var(--gf-font-sans);transition:background var(--gf-transition),border-color var(--gf-transition),box-shadow var(--gf-transition)}.settings-nav-item:hover{background:var(--gf-surface-muted)}.settings-nav-item.active{background:linear-gradient(135deg,var(--gf-primary-light),#ffe8dc);border-color:#ff6b2b47;box-shadow:inset 3px 0 0 var(--gf-primary)}.settings-nav-label{display:block;font-size:14px;font-weight:600;color:var(--gf-text-primary)}.settings-nav-hint{display:block;margin-top:3px;font-size:12px;line-height:1.4;color:var(--gf-text-muted)}.settings-nav-footer{display:grid;gap:8px;padding:0 4px}.settings-quick-link{font-size:13px;font-weight:500;color:var(--gf-text-secondary)}.settings-quick-link:hover{color:var(--gf-primary-hover)}.settings-main{display:grid;gap:16px;min-width:0}.settings-hero{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding:18px 20px;border:1px solid var(--gf-border);border-radius:var(--gf-radius-lg);background:linear-gradient(135deg,#fff 0%,var(--gf-surface-muted) 100%);box-shadow:var(--gf-shadow-card)}.settings-hero-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gf-primary) 0%,var(--gf-primary-hover) 100%);color:#fff;font-size:14px;font-weight:700;box-shadow:0 6px 18px var(--gf-primary-glow);flex-shrink:0}.settings-hero-body{flex:1;min-width:200px}.settings-hero-body h3{font-size:20px;font-weight:600;letter-spacing:-.02em}.settings-hero-body p{margin-top:4px;font-size:13px}.settings-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.settings-sections{display:grid;gap:16px}.settings-form-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:14px 18px;border:1px solid var(--gf-divider);border-radius:var(--gf-radius-md);background:var(--gf-surface-muted)}.settings-form-actions--inline{border:none;border-top:1px solid var(--gf-divider);border-radius:0 0 var(--gf-radius-md) var(--gf-radius-md);padding:16px 18px;background:linear-gradient(180deg,var(--gf-surface-muted) 0%,#fff 100%)}.integration-card{border:1px solid var(--gf-border);border-radius:var(--gf-radius-lg);background:var(--gf-surface-bg);box-shadow:var(--gf-shadow-card);overflow:hidden}.integration-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;border-bottom:1px solid var(--gf-divider);background:linear-gradient(180deg,#fff 0%,var(--gf-surface-muted) 100%)}.integration-card-header h4{font-size:16px;font-weight:600;margin-bottom:4px}.integration-card-body{display:grid;gap:16px;padding:18px 20px 0}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--gf-border);border-radius:var(--gf-radius-sm);background:var(--gf-surface-muted)}.toggle-row strong{display:block;font-size:14px;margin-bottom:2px}.toggle-input{width:18px;height:18px;accent-color:var(--gf-primary);flex-shrink:0}.toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;justify-content:space-between;padding:16px 18px;border-radius:var(--gf-radius-lg);border:1px solid var(--gf-border);background:#ffffffb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--gf-shadow-sm)}.toolbar-form{display:grid;gap:12px;align-items:end;flex:1;min-width:280px}.toolbar-form--search{grid-template-columns:minmax(180px,1fr) auto}.toolbar-form--filters{grid-template-columns:minmax(180px,1fr) 180px auto}.toolbar-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pager .toolbar-actions{margin-left:auto}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.form-grid--stack{grid-template-columns:1fr}.form-hint{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--gf-text-muted)}.detail-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.field-label{display:block;font-size:11px;font-weight:500;text-transform:uppercase;color:var(--gf-text-secondary);letter-spacing:.06em;margin-bottom:6px}.field-input{width:100%;border:1px solid var(--gf-border-strong);border-radius:var(--gf-radius-sm);min-height:42px;padding:10px 14px;background:var(--gf-surface-bg);color:var(--gf-text-primary);font-family:var(--gf-font-sans);font-size:14px;transition:border-color var(--gf-transition),box-shadow var(--gf-transition)}.field-input:focus,.field-textarea:focus{outline:none;border-color:var(--gf-primary);box-shadow:0 0 0 4px #ff6b2b24}.field-input:hover,.field-textarea:hover{border-color:var(--gf-border-hover)}.field-textarea{min-height:96px;resize:vertical}.inline-field-row{display:flex;gap:10px;align-items:center}.inline-field-row .field-input{flex:1;min-width:0}.inline-field-row .gf-btn{min-height:42px;height:42px;padding:0 20px;flex-shrink:0}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--gf-border-strong);border-radius:999px;padding:8px 14px;background:var(--gf-surface-bg);color:var(--gf-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:background var(--gf-transition),border-color var(--gf-transition),color var(--gf-transition)}.chip.active{background:linear-gradient(135deg,var(--gf-primary-light),#ffe8dc);border-color:#ff6b2b59;color:var(--gf-primary-hover);font-weight:600}.low-stock-row td{background:#fff7f4}.table-spaced{margin-top:4px}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center;height:auto;min-height:auto;position:static}.sidebar-nav-grouped{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.sidebar-logout{margin-top:0}.kpi-grid,.split-grid,.detail-grid,.settings-layout{grid-template-columns:1fr}.settings-nav-panel{position:static}.settings-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-nav-hint{display:none}.settings-nav-footer{grid-template-columns:1fr 1fr}.toolbar-form--filters,.toolbar-form--search{grid-template-columns:1fr}}@media(max-width:760px){.form-grid{grid-template-columns:1fr}.page-content{padding:16px}}