:root{--font-main: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace, Consolas, Courier;--bg-app: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-surface: #f1f5f9;--bg-surface-subtle: #f8fafc;--border-subtle: #e2e8f0;--border-focus: rgba(245, 158, 11, .5);--border-active: #f59e0b;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--primary: #f59e0b;--primary-hover: #d97706;--primary-glow: rgba(245, 158, 11, .2);--accent-cyan: #0284c7;--accent-emerald: #10b981;--accent-rose: #f43f5e;--accent-purple: #8b5cf6;--accent-orange: #ea580c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--header-height: 72px}[data-theme=dark]{--bg-app: #090d16;--bg-card: #111827;--bg-card-hover: #162035;--bg-surface: #1a243b;--bg-surface-subtle: rgba(255, 255, 255, .03);--border-subtle: rgba(255, 255, 255, .08);--border-focus: rgba(245, 158, 11, .5);--border-active: #f59e0b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{display:flex;min-height:100vh;background-color:var(--bg-app)}.app-sidebar{width:255px;min-width:255px;background:var(--bg-card);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;z-index:100;overflow-y:auto;overflow-x:hidden;box-shadow:2px 0 10px #00000005;transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1)}.app-sidebar.collapsed{width:72px;min-width:72px}.sidebar-collapse-toggle{width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;flex-shrink:0}.sidebar-collapse-toggle:hover{background:var(--primary);color:#000;border-color:var(--primary);box-shadow:0 2px 8px var(--primary-glow)}.app-sidebar.collapsed .sidebar-brand-text,.app-sidebar.collapsed .sidebar-nav-text,.app-sidebar.collapsed .sidebar-nav-label,.app-sidebar.collapsed .sidebar-nav-badge,.app-sidebar.collapsed .sidebar-version-tag,.app-sidebar.collapsed .sidebar-btn-label{display:none!important}.app-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:12px 0}.app-sidebar.collapsed .sidebar-nav-item-left{justify-content:center;gap:0}.app-sidebar.collapsed .sidebar-nav-icon{width:20px;height:20px}.sidebar-brand{padding:16px 14px;display:flex;align-items:center;border-bottom:1px solid var(--border-subtle);margin-bottom:12px;transition:padding .25s ease}.sidebar-logo-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;color:#000;box-shadow:0 4px 12px #f59e0b4d;flex-shrink:0}.sidebar-brand-title{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.sidebar-brand-badge{font-size:9px;font-weight:800;padding:1px 5px;border-radius:4px;background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}.sidebar-brand-sub{font-size:11px;color:var(--text-muted);font-weight:500}.sidebar-nav-section{padding:0 10px;flex:1}.sidebar-nav-label{font-size:10px;font-weight:800;color:var(--text-muted);letter-spacing:.06em;padding:0 8px 6px;text-transform:uppercase}.sidebar-nav-list{display:flex;flex-direction:column;gap:4px}.sidebar-nav-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-align:left}.sidebar-nav-item:hover{background:var(--bg-surface);color:var(--text-primary)}.sidebar-nav-item.active{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-color:#f59e0b59;color:var(--text-primary)}.sidebar-nav-item-left{display:flex;align-items:center;gap:10px;min-width:0}.sidebar-nav-icon{color:var(--text-muted);flex-shrink:0;transition:color .15s ease}.sidebar-nav-item.active .sidebar-nav-icon{color:#d97706}.sidebar-nav-text{display:flex;flex-direction:column;min-width:0}.sidebar-nav-main{font-size:13px;font-weight:700;line-height:1.2}.sidebar-nav-sub{font-size:10px;color:var(--text-muted)}.sidebar-nav-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle);font-family:var(--font-mono)}.sidebar-nav-badge.badge-active{background:var(--primary);color:#000;border-color:var(--primary)}.sidebar-footer{padding:12px 14px;border-top:1px solid var(--border-subtle);background:var(--bg-card);display:flex;flex-direction:column;gap:8px}.sidebar-user-card{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.sidebar-user-avatar{width:26px;height:26px;border-radius:50%;background:#10b98126;color:#10b981;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-info{min-width:0}.sidebar-user-name{font-size:11px;font-weight:700;color:var(--text-primary);line-height:1.2}.sidebar-user-role{font-size:9px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer-controls{display:flex;gap:6px}.sidebar-control-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.sidebar-control-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.sidebar-version-tag{font-size:9px;color:var(--text-muted);text-align:center}.main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;min-height:100vh}.app-topbar{height:60px;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:90;gap:16px}.topbar-title-section{min-width:0}.topbar-title{font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin:0;line-height:1.2}.topbar-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.25)}.topbar-subtitle{font-size:11px;color:var(--text-muted);margin:1px 0 0}.topbar-actions-section{display:flex;align-items:center;gap:10px}.topbar-search-wrapper{position:relative;width:250px}.topbar-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.topbar-search-input{width:100%;padding:6px 12px 6px 30px;font-size:12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);outline:none;transition:all .2s ease}.topbar-search-input:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px var(--primary-glow)}.search-result-item-hover:hover{background:var(--bg-surface-subtle)}.topbar-warning-pill{display:flex;align-items:center;gap:5px;padding:5px 9px;border-radius:var(--radius-md);background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:#d97706;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease}.topbar-warning-pill:hover{background:#f59e0b40}.main-content{flex:1;padding:24px 28px 48px;max-width:1600px;width:100%;margin:0 auto}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:#f59e0b66;box-shadow:var(--shadow-lg)}.kpi-interactive-card{transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.kpi-interactive-card:hover{transform:translateY(-3px);border-color:var(--primary)!important;box-shadow:0 10px 20px -3px #f59e0b26,0 4px 6px -4px #0000000d!important}.kpi-interactive-card:active{transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;font-family:var(--font-main);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;box-shadow:0 2px 10px var(--primary-glow)}.btn-primary:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-1px);box-shadow:0 4px 14px var(--primary-glow)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--text-muted)}.btn-danger{background:#ef44441a;color:#dc2626;border-color:#ef444440}.btn-danger:hover{background:#ef444433;border-color:#ef4444}.btn-success{background:#10b9811a;color:#059669;border-color:#10b98140}.btn-success:hover{background:#10b98133;border-color:#10b981}.btn-sm{padding:6px 12px;font-size:13px}.btn-icon{padding:8px;border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:12px;font-weight:600;border-radius:var(--radius-full);letter-spacing:.02em}.badge-pill{padding:4px 12px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-main);font-size:14px;outline:none;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:750px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.96) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.category-row-hover:hover{background:var(--bg-surface-hover)}@media print{@page{size:A4 portrait;margin:8mm}*,*:before,*:after{box-sizing:border-box!important}html,body,#root{display:block!important;background:#fff!important;color:#0f172a!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;font-size:8pt!important}.no-print{display:none!important}.print-only{display:block!important}.app-sidebar,.app-topbar,.sidebar-collapse-toggle,.toast,button:not(.print-keep){display:none!important}.app-layout,.main-wrapper,.main-content{display:block!important;min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important}body.modal-open .main-content{display:none!important}body.modal-open .modal-backdrop{display:block!important;position:static!important;inset:auto!important;background:transparent!important;padding:0!important;margin:0!important;width:100%!important;height:auto!important;overflow:visible!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:auto!important}.modal-content{position:static!important;max-width:100%!important;width:100%!important;max-height:none!important;height:auto!important;min-height:0!important;overflow:visible!important;box-shadow:none!important;border:none!important;border-radius:0!important;background:#fff!important;color:#0f172a!important;padding:0!important;margin:0!important;display:block!important;animation:none!important}.inspection-form-scroll{overflow:visible!important;height:auto!important;max-height:none!important;display:block!important;padding:0!important;gap:0!important}.printable-report-sheet{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;box-shadow:none!important;border:none!important;border-radius:0!important;background:#fff!important}.print-header-banner{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;border-bottom:1.5px solid #0f172a!important;padding-bottom:4px!important;margin-bottom:6px!important;page-break-inside:avoid!important;break-inside:avoid!important}.print-header-banner div{line-height:1.25!important}.print-doc-title{text-align:center!important;margin-bottom:6px!important;page-break-inside:avoid!important;break-inside:avoid!important}.print-doc-title h1{font-size:13pt!important;font-weight:900!important;margin:0!important;color:#0f172a!important;letter-spacing:.02em!important}.print-doc-title h2{font-size:8.5pt!important;font-weight:700!important;margin:2px 0 0!important;color:#475569!important}.print-doc-title .print-tag-pill{display:inline-block!important;margin-top:3px!important;padding:2px 10px!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important;border-radius:999px!important;font-size:7.5pt!important;font-weight:700!important;color:#0369a1!important}.print-kpi-bar{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:4px!important;background:#f8fafc!important;padding:4px 6px!important;border-radius:4px!important;border:1px solid #cbd5e1!important;margin-bottom:8px!important;text-align:center!important;page-break-inside:avoid!important;break-inside:avoid!important}.print-kpi-bar .kpi-label{font-size:7pt!important;text-transform:uppercase!important;font-weight:700!important;line-height:1.2!important}.print-kpi-bar .kpi-num{font-size:13pt!important;font-weight:900!important;line-height:1.1!important}.print-kpi-bar .kpi-sub{font-size:6.5pt!important;line-height:1.2!important}.print-category-group{page-break-inside:auto!important;break-inside:auto!important;margin-bottom:8px!important}.print-category-header{background:#f1f5f9!important;border:1px solid #cbd5e1!important;border-bottom:none!important;padding:3px 8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-weight:800!important;font-size:8pt!important;color:#0f172a!important;page-break-after:avoid!important;break-after:avoid!important;page-break-inside:avoid!important;break-inside:avoid!important;margin-top:4px!important}.print-table{width:100%!important;border-collapse:collapse!important;font-size:7.5pt!important;color:#0f172a!important;border:1px solid #cbd5e1!important;page-break-inside:auto!important;break-inside:auto!important;margin-bottom:2px!important}.print-table thead{display:table-header-group!important}.print-table tbody tr{page-break-inside:avoid!important;break-inside:avoid!important;height:auto!important}.print-table th{padding:3px 4px!important;font-size:7.5pt!important;font-weight:800!important;background:#f8fafc!important;color:#0f172a!important;border:1px solid #cbd5e1!important;line-height:1.2!important}.print-table td{padding:2.5px 4px!important;font-size:7pt!important;line-height:1.2!important;border:1px solid #e2e8f0!important}.print-status-badge{padding:1px 4px!important;border-radius:2px!important;font-size:6.5pt!important;font-weight:800!important;display:inline-block!important;line-height:1.15!important}.print-guidelines-box{background:#f8fafc!important;border:1px solid #cbd5e1!important;border-radius:4px!important;padding:4px 8px!important;margin-top:6px!important;margin-bottom:8px!important;font-size:6.8pt!important;color:#334155!important;line-height:1.3!important;page-break-inside:avoid!important;break-inside:avoid!important}.print-signature-block{margin-top:8px!important;padding-top:6px!important;border-top:1.5px solid #0f172a!important;page-break-inside:avoid!important;break-inside:avoid!important}.print-signature-block *{line-height:1.2!important}.print-signature-space{height:60px!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid!important;break-after:avoid!important}.print-avoid-break{page-break-inside:avoid!important;break-inside:avoid!important}.print-quarantine-banner{padding:4px 8px!important;margin-bottom:4px!important;border:1.5px solid #ef4444!important;border-radius:4px!important;gap:8px!important;page-break-inside:avoid!important;break-inside:avoid!important}.print-quarantine-banner div{font-size:8pt!important;line-height:1.2!important}.print-equipment-summary{padding:4px 8px!important;margin-bottom:4px!important;border-radius:4px!important;gap:4px!important;font-size:8pt!important;page-break-inside:avoid!important;break-inside:avoid!important}.print-equipment-summary *{line-height:1.2!important}.print-rating-legend{padding:3px 6px!important;margin-bottom:4px!important;border-radius:4px!important;page-break-inside:avoid!important;break-inside:avoid!important}.print-rating-legend div{font-size:7pt!important;line-height:1.2!important}.print-checklist-item{padding:4px 8px!important;margin-bottom:4px!important;border-radius:4px!important;border:1px solid #cbd5e1!important;page-break-inside:avoid!important;break-inside:avoid!important}.print-checklist-item *{font-size:8pt!important;line-height:1.2!important}.print-checklist-item ul{margin:2px 0!important;padding-left:14px!important}.print-checklist-item li{font-size:7.5pt!important;margin-bottom:1px!important}.print-verdict-block{margin-top:6px!important;border:1px solid #0f172a!important;page-break-inside:avoid!important;break-inside:avoid!important}.print-verdict-block *{font-size:7.5pt!important;line-height:1.25!important}.glass-card{border:1px solid #cbd5e1!important;box-shadow:none!important;background:#fff!important}}.custom-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:17px;height:17px;border:1.5px solid #94a3b8;border-radius:4px;background-color:var(--bg-card);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease-in-out;vertical-align:middle;position:relative;flex-shrink:0;outline:none}[data-theme=dark] .custom-checkbox{border-color:#64748b;background-color:#1e293b}.custom-checkbox:hover{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.custom-checkbox:checked{background-color:var(--primary);border-color:var(--primary)}.custom-checkbox:checked:after{content:"";width:4.5px;height:8.5px;border:solid #000000;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-.5px,-.5px);display:block}.custom-checkbox:indeterminate{background-color:var(--primary);border-color:var(--primary)}.custom-checkbox:indeterminate:after{content:"";width:8px;height:2px;background-color:#000;border-radius:1px;display:block}.select-all-container{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-radius:var(--radius-md);transition:all .25s ease;flex-wrap:wrap;gap:12px}.select-all-container.has-selection{background:linear-gradient(135deg,#f59e0b1f,#f59e0b0a);border:1px solid rgba(245,158,11,.4);box-shadow:0 2px 10px #f59e0b1a}.select-all-container.no-selection{background:var(--bg-surface);border:1px solid var(--border-subtle)}.row-selected{background-color:#f59e0b14!important}.row-selected:hover{background-color:#f59e0b24!important}.batch-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;animation:fadeIn .2s ease-out}.login-viewport{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background-color:var(--bg-app);overflow-y:auto;z-index:9999}.login-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--border-subtle) 1px,transparent 1px);background-size:28px 28px;opacity:.6;pointer-events:none}.login-bg-glow{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.45;transition:all 1s ease}.login-bg-glow-1{width:450px;height:450px;top:-80px;left:10%;background:radial-gradient(circle,rgba(245,158,11,.35) 0%,transparent 70%)}.login-bg-glow-2{width:500px;height:500px;bottom:-100px;right:12%;background:radial-gradient(circle,rgba(2,132,199,.25) 0%,transparent 70%)}.login-topbar{position:absolute;top:20px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;z-index:10}.login-badge-secure{display:inline-flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border-subtle);padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--text-secondary);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-theme-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);padding:6px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.login-theme-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.login-card{position:relative;z-index:5;width:100%;max-width:460px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;padding:36px 32px 28px;box-shadow:0 20px 40px -15px #00000026,0 0 0 1px #f59e0b1a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:modalFadeIn .35s cubic-bezier(.16,1,.3,1)}.login-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.login-header{text-align:center;margin-bottom:24px}.login-logo-wrap{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:#fff;border-radius:18px;box-shadow:0 8px 24px #0000001a;border:2px solid rgba(245,158,11,.3);padding:10px;margin-bottom:14px;transition:transform .3s ease}.login-logo-wrap:hover{transform:scale(1.05) rotate(-2deg)}.login-logo-img{width:100%;height:100%;object-fit:contain}.login-title{font-size:19px;font-weight:900;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:4px;background:linear-gradient(135deg,var(--text-primary) 30%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-subtitle{font-size:13px;color:var(--text-secondary);font-weight:600;line-height:1.4;margin-bottom:10px}.login-standards{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.login-tag{color:var(--primary);background:#f59e0b1a;padding:2px 8px;border-radius:4px}.login-tag-divider{color:var(--border-subtle)}.login-error-banner{display:flex;align-items:center;gap:10px;background:#f43f5e1f;border:1px solid rgba(244,63,94,.3);color:#f43f5e;padding:10px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:600;margin-bottom:18px;animation:fadeIn .2s ease}.login-error-icon{flex-shrink:0}.login-form{display:flex;flex-direction:column;gap:16px}.login-field-group{display:flex;flex-direction:column;gap:6px}.login-label-row{display:flex;align-items:center;justify-content:space-between}.login-label{font-size:12px;font-weight:700;color:var(--text-primary);letter-spacing:.01em}.login-hint-text{font-size:11px;color:var(--text-muted)}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;transition:color .2s ease}.login-input{width:100%;height:44px;padding:0 42px;background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);font-size:14px;font-weight:600;outline:none;transition:all .2s ease}.login-input:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 4px #f59e0b26}.login-input-wrap:focus-within .login-input-icon{color:var(--primary)}.login-eye-btn{position:absolute;right:12px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s ease}.login-eye-btn:hover{color:var(--text-primary)}.login-options-row{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.login-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.login-checkbox{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.login-submit-btn{height:46px;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:800;letter-spacing:.02em;cursor:pointer;box-shadow:0 4px 16px #f59e0b59;transition:all .2s cubic-bezier(.16,1,.3,1)}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b73;background:linear-gradient(135deg,#fbbf24,#d97706)}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-loading-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-quick-section{margin-top:22px;padding-top:18px;border-top:1px dashed var(--border-subtle)}.login-quick-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.03em}.login-quick-badges{display:flex;flex-wrap:wrap;gap:8px}.login-quick-pill{display:inline-flex;align-items:center;gap:4px;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:6px 10px;border-radius:8px;font-size:12px;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.login-quick-pill:hover{background:#f59e0b1a;border-color:#f59e0b80;color:var(--primary);transform:translateY(-1px)}.login-quick-role{font-size:10px;color:var(--text-muted)}.login-footer{margin-top:22px;text-align:center;font-size:11px;color:var(--text-muted);line-height:1.5}.login-copyright{font-weight:600;margin-top:2px}.topbar-user-section{display:flex;align-items:center;gap:8px;margin-left:12px}.topbar-user-badge{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 6px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full)}.topbar-user-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;flex-shrink:0}.topbar-user-name{font-size:12px;font-weight:700;color:var(--text-primary);white-space:nowrap}.topbar-user-role{font-size:10px;font-weight:600;color:var(--text-muted);margin-left:2px}.topbar-logout-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:#f43f5e14;border:1px solid rgba(244,63,94,.2);color:#f43f5e;border-radius:var(--radius-full);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.topbar-logout-btn:hover{background:#f43f5e;color:#fff;border-color:#f43f5e;transform:translateY(-1px);box-shadow:0 4px 12px #f43f5e40}