@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Khmer:wght@400;500;600;700&display=swap";.floating-chat-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:16px;font-family:Inter,system-ui,sans-serif;pointer-events:none}.chat-toggle-btn{width:56px;height:56px;border-radius:28px;background:var(--grad-primary, linear-gradient(135deg, #0078d4, #00bcf2));color:#fff;border:none;box-shadow:0 4px 16px #0078d466;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .2s cubic-bezier(.34,1.56,.64,1);pointer-events:auto}.chat-toggle-btn:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 6px 24px #0078d480}.chat-toggle-btn:active{transform:scale(.95)}.chat-toggle-btn.is-open{background:var(--bg-card, #ffffff);color:var(--fg, #1e293b);border:1px solid var(--border-color, #e2e8f0);box-shadow:0 4px 12px #0000001a}.chat-window{width:380px;height:600px;max-height:calc(100vh - 120px);background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;box-shadow:0 12px 40px #00000026;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(20px) scale(.95);transform-origin:bottom right;pointer-events:none;transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.chat-window.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.chat-header{padding:16px;border-bottom:1px solid var(--border-color, #e2e8f0);background:#ffffff05;display:flex;align-items:center;justify-content:space-between}.chat-title-group{display:flex;align-items:center;gap:12px}.chat-icon-header{width:36px;height:36px;background:#eff6ff;color:#0078d4;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.chat-header-text h3{margin:0;font-size:15px;font-weight:700;color:var(--fg, #0f172a)}.chat-header-text p{margin:2px 0 0;font-size:11px;color:var(--muted, #64748b)}.chat-header-actions{display:flex;gap:8px}.chat-btn-icon{background:transparent;border:none;padding:6px;color:var(--muted, #64748b);cursor:pointer;border-radius:6px;transition:all .2s;font-size:14px;line-height:1}.chat-btn-icon:hover{background:var(--hover, #f1f5f9);color:var(--fg, #0f172a)}.chat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px;background:#00000003}.chat-empty-state{text-align:center;padding:32px 16px;color:var(--muted, #64748b)}.chat-empty-icon{font-size:32px;margin-bottom:12px;opacity:.5}.chat-empty-state h4{margin:0 0 8px;font-size:14px;color:var(--fg, #0f172a)}.chat-empty-state p{margin:0;font-size:12px;line-height:1.5}.chat-message{display:flex;flex-direction:column;max-width:88%}.chat-message.user{align-self:flex-end}.chat-message.assistant{align-self:flex-start}.chat-bubble{padding:10px 14px;border-radius:12px;font-size:13.5px;line-height:1.5;word-break:break-word}.chat-message.user .chat-bubble{background:var(--primary, #0078d4);color:#fff;border-bottom-right-radius:4px}.chat-message.assistant .chat-bubble{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);color:var(--fg, #0f172a);border-bottom-left-radius:4px;box-shadow:0 2px 8px #00000005}.chat-timestamp{font-size:10px;color:var(--muted, #64748b);margin-top:4px;padding:0 4px}.chat-message.user .chat-timestamp{align-self:flex-end}.chat-sources{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px}.chat-source-tag{font-size:10px;background:#00bcf21a;color:var(--primary, #0078d4);padding:2px 6px;border-radius:4px;font-weight:500}.chat-footer{padding:12px 16px;border-top:1px solid var(--border-color, #e2e8f0);background:var(--bg-card, #ffffff)}.chat-input-wrapper{display:flex;align-items:flex-end;gap:8px;background:var(--input-bg, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:8px 12px;transition:border-color .2s}.chat-input-wrapper:focus-within{border-color:var(--primary, #0078d4);background:var(--bg-card, #ffffff)}.chat-input{flex:1;border:none;background:transparent;resize:none;font-family:inherit;font-size:13.5px;color:var(--fg, #0f172a);outline:none;max-height:120px}.chat-input::placeholder{color:var(--muted, #94a3b8)}.chat-send-btn{background:var(--primary, #0078d4);color:#fff;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.chat-send-btn:hover:not(:disabled){background:var(--primary-dark, #005a9e)}.chat-send-btn:disabled{background:var(--border-color, #e2e8f0);color:var(--muted, #94a3b8);cursor:not-allowed}.chat-thinking{display:flex;gap:4px;padding:4px 0}.chat-thinking span{width:6px;height:6px;background:#94a3b8;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.chat-thinking span:nth-child(1){animation-delay:-.32s}.chat-thinking span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes highlight-pulse{0%{background:#facc1526;box-shadow:inset 4px 0 #eab308}50%{background:#facc1559;box-shadow:inset 6px 0 #eab308}to{background:#facc1526;box-shadow:inset 4px 0 #eab308}}.ai-highlight-row{animation:highlight-pulse 2s infinite ease-in-out}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:68px;background:var(--mode-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--mode-card-border);z-index:900;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 24px #00000014}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;min-height:52px;border:none;border-radius:12px;background:transparent;color:var(--mode-text-sec);text-decoration:none;font-size:.65rem;font-weight:600;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.bottom-nav-item .nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;transition:transform .2s ease}.bottom-nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;text-align:center;font-size:10px;letter-spacing:.02em}.bottom-nav-item:active{transform:scale(.94)}.bottom-nav-item:active .nav-icon-wrap{transform:scale(.88)}.bottom-nav-item.active{color:#fff;background:var(--grad-primary, linear-gradient(135deg, #0078d4, #00bcf2));box-shadow:0 4px 12px #0078d459}.bottom-nav-item.active img{filter:brightness(0) invert(1)}.nav-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;background:#dc2626;color:#fff;font-size:9px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #dc26264d;border:2px solid var(--mode-card-bg)}.mobile-sheet-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:950;align-items:flex-end;justify-content:center}.mobile-sheet-overlay.active{display:flex}.mobile-sheet{width:100%;max-height:70vh;background:var(--mode-card-bg);border-radius:20px 20px 0 0;box-shadow:0 -8px 32px #00000026;display:flex;flex-direction:column;animation:sheetSlideUp .25s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-sheet-handle{display:flex;align-items:center;justify-content:center;padding:8px 0 4px;cursor:pointer}.mobile-sheet-handle span{width:36px;height:4px;background:var(--mode-text-sec);opacity:.3;border-radius:2px}.mobile-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 12px;border-bottom:1px solid var(--mode-card-border)}.mobile-sheet-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--mode-text)}.mobile-sheet-close{width:32px;height:32px;border-radius:8px;border:none;background:var(--mode-hover);color:var(--mode-text-sec);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.mobile-sheet-close:active{transform:scale(.92);background:var(--mode-card-border)}.mobile-sheet-content{flex:1;overflow-y:auto;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:2px}.mobile-sheet-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;text-decoration:none;color:var(--mode-text);font-size:14px;font-weight:500;transition:all .15s ease;cursor:pointer;border:none;background:transparent;font-family:inherit;-webkit-tap-highlight-color:transparent}.mobile-sheet-item:active{transform:scale(.98)}.mobile-sheet-item.active{background:var(--grad-primary);color:#fff;box-shadow:0 2px 8px #0078d44d}.mobile-sheet-item.active .mobile-sheet-icon img{filter:brightness(0) invert(1)}.mobile-sheet-item.active img:last-child{filter:brightness(0) invert(1)}.mobile-sheet-icon{width:32px;height:32px;border-radius:8px;background:var(--mode-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-sheet-item.active .mobile-sheet-icon{background:#fff3}.mobile-sheet-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.mobile-bottom-nav{display:flex;align-items:flex-start;justify-content:space-around}main{padding-bottom:80px!important}}@media (min-width: 769px) and (max-width: 1024px){.mobile-bottom-nav{display:none}}[data-theme=dark] .mobile-bottom-nav{background:#1e1e1ed9;border-top-color:#ffffff14;box-shadow:0 -4px 24px #00000040}[data-theme=dark] .bottom-nav-item.active{box-shadow:0 4px 16px #0078d480}[data-theme=dark] .nav-badge{border-color:#1e1e1ee6}[data-theme=dark] .mobile-sheet{background:#1e1e1efa}[data-theme=dark] .mobile-sheet-icon{background:#ffffff14}.img-logo{width:40px;height:40px;object-fit:contain;display:block}.login-bg{background-image:url(/assets/login-bg.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}[data-theme=dark] .login-bg{background-image:url(/assets/login-bg-dark.png),linear-gradient(135deg,#0f172a,#1e293b)}.login-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--navy-900) 0%,var(--navy-700) 100%);z-index:-1}.img-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background-image:url(/assets/avatar-default.png);background-size:cover;background-position:center;background-color:var(--bg-tertiary);display:inline-block;flex-shrink:0}.img-avatar-sm{width:28px;height:28px}.img-avatar-lg{width:56px;height:56px}.img-avatar-xl{width:96px;height:96px}.img-map-watermark{background-image:url(/assets/map-watermark.png);background-size:contain;background-repeat:no-repeat;background-position:center;width:80px;height:80px;opacity:.7;pointer-events:none}[data-theme=dark] .img-map-watermark{filter:brightness(1.5) invert(.1);opacity:.5}.splash-bg{background-image:url(/assets/splash-bg.png);background-size:cover;background-position:center;background-color:var(--bg-navy)}.img-logo-sm{width:28px;height:28px;object-fit:contain}.img-logo-md{width:40px;height:40px;object-fit:contain}.img-logo-lg{width:64px;height:64px;object-fit:contain}.img-logo-xl{width:96px;height:96px;object-fit:contain}:root{--font-khmer: "Khmer OS Siemreap", "Siemreap", "Noto Sans Khmer", sans-serif;--font-latin: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-main: "Khmer OS Siemreap", "Siemreap", "Inter", "Noto Sans Khmer", -apple-system, sans-serif}@font-face{font-family:Khmer OS Content;src:url(/fonts/KhmerOScontent.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+1780-17FF,U+19E0-19FF,U+200C-200D,U+0000-00FF}@font-face{font-family:Khmer OS Content;src:url(/fonts/KhmerOSContent-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+1780-17FF,U+19E0-19FF,U+200C-200D,U+0000-00FF}:lang(km),html[lang=km],html[lang=km] body{font-family:var(--font-khmer)!important;line-height:1.85}html[lang=km] *,html[lang=km] th,html[lang=km] .table th,html[lang=km] .header-stat-label,html[lang=km] .user-role,html[lang=km] .sidebar-section-title,html[lang=km] label,html[lang=km] button{text-transform:none!important;letter-spacing:0!important}.kh-text{font-family:var(--font-khmer);line-height:1.85}.latin-text,code,pre{font-family:Consolas,JetBrains Mono,Courier New,monospace}:root{--primary: #0078d4;--primary-light: #2b88d8;--primary-dark: #005a9e;--accent: #00bcf2;--grad-start: #0078d4;--grad-end: #00bcf2;--grad-focus: #6b5ce7;--grad-primary: linear-gradient(135deg, #0078d4, #00bcf2);--grad-focus-bg: linear-gradient(135deg, #0078d4, #6b5ce7);--shadow-soft: 0 2px 12px rgba(0,0,0,.06);--shadow-medium: 0 4px 20px rgba(0,0,0,.1);--shadow-3d: 0 10px 30px rgba(0,0,0,.15);--mode-bg: rgba(245,247,250,.92);--mode-bg-end: rgba(232,236,241,.88);--mode-card-bg: rgba(255,255,255,.92);--mode-card-border: rgba(0,0,0,.06);--mode-text: #1b1b1f;--mode-text-sec: #5f6368;--mode-text-inv: #ffffff;--mode-topbar: rgba(255,255,255,.92);--mode-topbar-border: rgba(0,0,0,.06);--mode-input-bg: #ffffff;--mode-input-border: rgba(0,0,0,.12);--mode-table-bg: #ffffff;--mode-table-head: #f0f2f5;--mode-table-stripe: rgba(0,0,0,.02);--mode-shadow: 0 2px 12px rgba(0,0,0,.06);--mode-acrylic: rgba(255,255,255,.72);--mode-acrylic-border: rgba(0,0,0,.06);--mode-hover: rgba(0,0,0,.04);--mode-divider: rgba(0,0,0,.06);--success: #059669;--warning: #d97706;--danger: #dc2626;--info: #0284c7;--pci-good: #059669;--pci-fair: #d97706;--pci-poor: #dc2626;--bg-primary: var(--mode-card-bg);--bg-secondary: var(--mode-bg);--bg-tertiary: var(--mode-table-stripe);--bg-navy: #0f172a;--bg-card: var(--mode-card-bg);--bg-input: var(--mode-input-bg);--bg-header: var(--mode-topbar);--bg-glass: var(--mode-acrylic);--text-primary: var(--mode-text);--text-secondary: var(--mode-text-sec);--text-muted: #6b7280;--text-white: var(--mode-text-inv);--border-color: var(--mode-card-border);--border-navy: #1e293b;--surface: var(--mode-card-bg);--border: var(--mode-card-border);--navy-900: #020617;--navy-800: #0f172a;--navy-700: #1e293b;--navy-600: #334155;--navy-500: #475569;--navy-400: #64748b;--navy-300: #94a3b8;--navy-200: #cbd5e1;--navy-100: #e2e8f0;--navy-50: #f8fafc;--header-height: 56px;--sidebar-width: 260px;--card-radius: 12px;--card-shadow: var(--shadow-soft);--card-shadow-hover: var(--shadow-medium);--transition: .2s cubic-bezier(.16, 1, .3, 1);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--shadow-sm: var(--shadow-soft);--shadow-md: var(--shadow-medium);--shadow-lg: var(--shadow-3d);--alert-error-bg: #fef2f2;--alert-error-text: #b91c1c;--alert-success-bg: #f0fdf4;--alert-success-text: #15803d;--alert-warning-bg: #fffbeb;--alert-warning-text: #b45309;--alert-info-bg: #eff6ff;--alert-info-text: #1d4ed8;--input-bg: var(--mode-input-bg);--input-text: var(--mode-text);--map-filter: none}body[data-mode=dark],[data-theme=dark]{--mode-bg: #0b1120;--mode-bg-end: #111b33;--mode-card-bg: rgba(255,255,255,.055);--mode-card-border: rgba(255,255,255,.08);--mode-text: #f0f0f3;--mode-text-sec: #9ca3af;--mode-text-inv: #1b1b1f;--mode-topbar: rgba(11,17,32,.92);--mode-topbar-border: rgba(255,255,255,.07);--mode-input-bg: rgba(255,255,255,.05);--mode-input-border: rgba(255,255,255,.1);--mode-table-bg: rgba(255,255,255,.04);--mode-table-head: rgba(255,255,255,.07);--mode-table-stripe: rgba(255,255,255,.02);--mode-shadow: 0 4px 20px rgba(0,0,0,.25);--mode-acrylic: rgba(11,17,32,.78);--mode-acrylic-border: rgba(255,255,255,.08);--mode-hover: rgba(255,255,255,.06);--mode-divider: rgba(255,255,255,.07);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 6px rgba(0,0,0,.4);--shadow-lg: 0 10px 15px rgba(0,0,0,.5);--alert-error-bg: rgba(220,38,38,.15);--alert-error-text: #fca5a5;--alert-success-bg: rgba(5,150,105,.15);--alert-success-text: #86efac;--alert-warning-bg: rgba(217,119,6,.15);--alert-warning-text: #fcd34d;--alert-info-bg: rgba(2,132,199,.15);--alert-info-text: #7dd3fc;--input-bg: var(--mode-input-bg);--input-text: #f1f5f9;--text-muted: #6b7280;--bg-glass: var(--mode-acrylic);--border-glow: rgba(0,120,212,.4);--map-filter: brightness(.85) saturate(.9);color-scheme:dark}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-main);background:linear-gradient(135deg,var(--mode-bg),var(--mode-bg-end));color:var(--mode-text);line-height:1.8;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--mode-text)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-main{flex:1;overflow-y:auto;overflow-x:hidden;width:auto;min-width:0;background:linear-gradient(135deg,var(--mode-bg),var(--mode-bg-end));transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.main-content{display:flex;flex:1;overflow:hidden}@media (max-width: 768px){.app-main{margin-left:0!important}}.page-container{flex:1;overflow-y:auto;padding:2rem;background:linear-gradient(135deg,var(--mode-bg),var(--mode-bg-end))}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:.75rem}.page-title{font-size:1.5rem;font-weight:700;color:var(--mode-text)}.page-actions{display:flex;gap:.75rem;flex-wrap:wrap}.content-card{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:8px;overflow:hidden}.page-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem}.page-header-bar h1,.page-header-bar h2{margin:0}.page-action-group{display:flex;gap:.5rem;flex-wrap:wrap}.info-box{padding:.625rem;background:var(--mode-table-stripe);border-radius:6px;font-size:.8rem;border-left:3px solid var(--primary)}.info-box strong{color:var(--mode-text)}.map-container{flex:1;position:relative;overflow:hidden}.map-container .leaflet-container{height:100%;width:100%;background:var(--mode-table-stripe)}.leaflet-tile-pane{filter:var(--map-filter)}.map-legend{position:absolute;bottom:1rem;left:1rem;background:var(--mode-acrylic);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--mode-card-border);border-radius:6px;padding:.75rem;z-index:1000;font-size:.75rem}.legend-title{font-size:.65rem;text-transform:uppercase;color:var(--mode-text-sec);margin-bottom:.5rem;font-weight:600}.legend-item{display:flex;align-items:center;gap:.375rem;margin-bottom:.25rem}.legend-color{width:16px;height:3px;border-radius:2px}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--mode-card-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--mode-text-sec)}.filters-bar{padding:1rem 1.5rem;background:var(--mode-bg);border-bottom:1px solid var(--mode-card-border);display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-size:.8125rem;font-weight:500;color:var(--mode-text-sec);white-space:nowrap}.filter-group select{min-width:150px}.kpi-board{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-responsive{display:grid;gap:1rem}.flex-col-mobile{display:flex;flex-wrap:wrap;gap:1rem}.hide-mobile{display:block}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;border:1px solid var(--mode-card-border)}.table-responsive table{min-width:600px}@media print{.sidebar,.header,.hamburger,.floating-chat-btn,.floating-chat-panel,.btn,.mobile-overlay{display:none!important}main{overflow:visible!important}body{font-size:11pt}.table-responsive{overflow:visible}}.header,.topbar{height:var(--header-height);min-height:56px;background:var(--mode-topbar);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--mode-topbar-border);display:flex;align-items:center;padding:0 20px;gap:0;position:sticky;top:0;z-index:100;transition:background .3s}.topbar-brand{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background .15s;flex-shrink:0}.topbar-brand:hover{background:var(--mode-hover)}.topbar-brand img{width:28px;height:28px}.topbar-brand-name{font-size:18px;font-weight:800;letter-spacing:-.02em;background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar-divider{width:1px;height:28px;background:var(--mode-card-border);margin:0 4px;flex-shrink:0}.topbar-nav{display:flex;align-items:center;gap:0;overflow-x:auto;flex-shrink:0;scrollbar-width:none}.topbar-nav::-webkit-scrollbar{display:none}.topbar-nav a{display:flex;align-items:center;padding:0 14px;height:56px;font-size:.85rem;font-weight:500;color:var(--mode-text-sec);border-bottom:2px solid transparent;text-decoration:none;white-space:nowrap;transition:color .2s,border-color .2s}.topbar-nav a:hover{color:var(--mode-text)}.topbar-nav a.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.topbar-actions{display:flex;gap:8px;align-items:center;margin-left:auto;flex-shrink:0}.lang-switch{display:flex;gap:2px;background:var(--mode-table-stripe);border-radius:8px;padding:2px;border:1px solid var(--mode-card-border)}.lang-switch button{padding:4px 10px;border-radius:6px;border:none;background:transparent;color:var(--mode-text-sec);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.lang-switch button.active{background:var(--grad-primary);color:#fff}.lang-switch button:hover:not(.active){color:var(--mode-text)}.icon-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--mode-text-sec);transition:background .2s,color .2s}.icon-btn:hover{background:var(--mode-hover);color:var(--mode-text)}.icon-btn img{width:20px;height:20px}.header-sep{width:1px;height:32px;background:var(--mode-card-border);margin:0 4px}.profile-wrap{position:relative}.profile-btn{display:flex;align-items:center;background:transparent;border:none;cursor:pointer;padding:4px;border-radius:50%}.profile-avatar{width:36px;height:36px;border-radius:50%;background:var(--grad-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;overflow:hidden}.profile-dropdown{position:absolute;top:48px;right:0;width:240px;background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:12px;box-shadow:0 4px 24px #0000001f;z-index:1000;overflow:hidden;padding:.5rem 0}.profile-dropdown-header{padding:.75rem 1.25rem;border-bottom:1px solid var(--mode-card-border);margin-bottom:.5rem}.profile-dropdown-header .name{font-weight:600;font-size:.9rem;color:var(--mode-text)}.profile-dropdown-header .role{font-size:.75rem;color:var(--mode-text-sec);text-transform:capitalize}.profile-dropdown-item{width:100%;padding:.75rem 1.25rem;display:flex;align-items:center;gap:.75rem;background:transparent;border:none;cursor:pointer;color:var(--mode-text);font-size:.85rem;transition:background .15s;text-decoration:none}.profile-dropdown-item:hover{background:var(--mode-hover)}.profile-dropdown-item img{width:16px;height:16px;opacity:.7}.profile-dropdown-item.danger{color:var(--danger)}.profile-dropdown-item.danger:hover{background:var(--alert-error-bg)}.profile-dropdown-divider{height:1px;background:var(--mode-card-border);margin:.5rem 0}.dash-switch{display:flex;gap:2px;background:var(--mode-table-stripe);border-radius:8px;padding:2px;border:1px solid var(--mode-card-border)}.dash-switch a{padding:5px 12px;font-size:11px;font-weight:700;color:var(--mode-text-sec);text-decoration:none;border-radius:6px;transition:all .2s}.dash-switch a.active{background:var(--grad-primary);color:#fff}.dash-switch a:hover:not(.active){color:var(--mode-text)}.hamburger{display:none;background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--mode-text);padding:.35rem .5rem;border-radius:6px;line-height:1;transition:background .15s}.hamburger:hover{background:var(--mode-hover)}@media (max-width: 768px){.topbar-nav,.topbar-divider{display:none}.hamburger{display:flex;align-items:center;justify-content:center}}.sidebar{position:fixed;top:var(--header-height, 56px);left:0;height:calc(100vh - var(--header-height, 56px));width:var(--sidebar-width, 260px);background:var(--mode-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--mode-card-border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:300;transform:translate(0);transition:transform .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #00000014}@media (max-width: 768px){.sidebar{transform:translate(-100%);box-shadow:4px 0 24px #0000;width:280px;max-width:85vw}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0003}}.sidebar-header{padding:16px 20px;border-bottom:1px solid var(--mode-card-border);display:flex;align-items:center;justify-content:space-between}.sidebar-logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:var(--mode-text);text-decoration:none}.sidebar-menu{flex:1;overflow-y:auto;padding:12px}.sidebar-section{margin-top:8px}.sidebar-section:first-child{margin-top:0}.sidebar-section-title{padding:8px 12px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--mode-text-sec)}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--mode-text-sec);text-decoration:none;transition:all .2s;cursor:pointer;margin-bottom:2px;background:transparent;border:none;width:100%;font-family:inherit;font-size:13px;font-weight:500}.sidebar-item span{white-space:nowrap}.sidebar-item:hover{background:var(--mode-hover);color:var(--mode-text)}.sidebar-item.active{background:var(--grad-primary);color:#fff}.sidebar-item[style*="font-size: 0.8rem"]{font-size:.8rem!important;padding:8px 12px!important}.mobile-overlay{display:none;position:fixed;top:var(--header-height, 56px);left:0;right:0;bottom:0;background:#00000080;z-index:299}.mobile-overlay.active{display:block}.sidebar-item.active .sidebar-icon{filter:brightness(0) invert(1)}@media (min-width: 769px){.sidebar.sidebar-collapsed{width:64px;overflow:hidden}.sidebar.sidebar-collapsed .sidebar-section-title,.sidebar.sidebar-collapsed .sidebar-header>span,.sidebar.sidebar-collapsed .sidebar-item span,.sidebar.sidebar-collapsed .sidebar-logo span,.sidebar.sidebar-collapsed .sidebar-logo-text{display:none}.sidebar.sidebar-collapsed .sidebar-item{justify-content:center;padding:10px}.sidebar.sidebar-collapsed .sidebar-header{justify-content:center;padding:16px 10px}.sidebar.sidebar-collapsed .sidebar-logo{justify-content:center}}.card,.chart-card{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:var(--card-radius);padding:1.25rem;box-shadow:var(--shadow-soft);transition:box-shadow .2s,border-color .2s,transform .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card:hover,.chart-card:hover{box-shadow:var(--shadow-medium);border-color:color-mix(in srgb,var(--primary) 30%,var(--mode-card-border))}.card-title{font-size:.8125rem;color:var(--mode-text-sec);margin-bottom:.5rem;font-weight:500}.card-value{font-size:1.75rem;font-weight:700;color:var(--mode-text)}.stat-card{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-soft);transition:box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow-medium)}.stat-card-icon{font-size:1.75rem;line-height:1;flex-shrink:0}.stat-card-value{font-size:1.4rem;font-weight:700;color:var(--mode-text);line-height:1.2}.stat-card-label{font-size:.72rem;color:var(--mode-text-sec);text-transform:uppercase;letter-spacing:.05em;font-weight:500;margin-top:2px}.kpi-card{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:12px;padding:1.25rem 1.5rem;position:relative;overflow:hidden;transition:box-shadow .2s,border-color .2s,transform .3s ease-out;will-change:transform}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-primary)}.kpi-card:hover{box-shadow:0 8px 24px #0000001a;border-color:color-mix(in srgb,var(--primary) 30%,var(--mode-card-border))}.kpi-card-3d{perspective:1000px}.kpi-card-3d .kpi-card{transform-style:preserve-3d}.kpi-card-3d .kpi-card:hover{transform:perspective(1000px) rotateX(4deg) rotateY(6deg) translateZ(8px)}.kpi-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;background:var(--grad-primary);color:#fff}.kpi-value{font-size:2rem;font-weight:700;color:var(--mode-text);line-height:1.1;font-family:DM Mono,Consolas,JetBrains Mono,monospace}.kpi-label{font-size:.75rem;color:var(--mode-text-sec);text-transform:uppercase;letter-spacing:.05em;font-weight:500;margin-top:.25rem}.kpi-trend{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;margin-top:.5rem}.kpi-trend.up{color:var(--success)}.kpi-trend.down{color:var(--danger)}.kpi-sparkline{display:flex;align-items:flex-end;gap:2px;height:24px;margin-top:.75rem}.kpi-sparkline-bar{width:4px;background:var(--grad-primary);border-radius:2px;transition:height .3s ease-out}.action-card{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:12px;padding:1rem 1.25rem;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);border-color:var(--primary)}.deadline-item{padding:.75rem 1rem;border-radius:8px;border-left:3px solid var(--mode-card-border);background:var(--mode-table-stripe);transition:border-color .2s}.deadline-item.urgent{border-left-color:var(--danger)}.deadline-item.warning{border-left-color:var(--warning)}.deadline-item.normal{border-left-color:var(--success)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.charts-row{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;margin-bottom:24px}.activity-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.bottom-row{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:24px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card-panel{padding:20px;border-radius:12px;background:var(--mode-card-bg);border:1px solid var(--mode-card-border)}.card-panel h3{font-size:14px;font-weight:700;color:var(--mode-text);margin-bottom:16px;display:flex;align-items:center;gap:8px}.chart-card{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:12px;padding:20px}.chart-card h3{font-size:14px;font-weight:700;color:var(--mode-text);margin-bottom:20px;display:flex;align-items:center;gap:8px}.action-card .action-title{font-size:13px;font-weight:700;color:var(--mode-text)}.action-card .action-desc{font-size:11px;color:var(--mode-text-sec)}.action-card .action-arrow{font-size:12px;color:var(--primary);font-weight:600;margin-top:auto}.bar-chart{display:flex;flex-direction:column;gap:16px}.bar-item{display:flex;flex-direction:column;gap:6px}.bar-item .bar-header{display:flex;justify-content:space-between;align-items:center}.bar-item .bar-label{font-size:13px;font-weight:600;color:var(--mode-text)}.bar-item .bar-value{font-size:13px;font-weight:700;color:var(--mode-text)}.bar-track{height:28px;background:var(--mode-bg);border-radius:6px;overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:6px;display:flex;align-items:center;padding-left:10px;font-size:11px;font-weight:700;color:#fff;min-width:40px;transition:width .6s ease}.bar-fill.pm{background:linear-gradient(90deg,#0078d4,#2b88d8)}.bar-fill.rm{background:linear-gradient(90deg,#7c3aed,#8b5cf6)}.bar-fill.periodic{background:linear-gradient(90deg,#059669,#10b981)}.bar-fill.emergency{background:linear-gradient(90deg,#dc2626,#ef4444)}.deadlines{display:flex;flex-direction:column;gap:8px}.deadline-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:8px;background:var(--mode-bg);border:1px solid var(--mode-card-border);transition:all .2s;cursor:pointer}.deadline-item:hover{border-color:var(--primary);transform:translate(4px)}.deadline-item.urgent{border-left:3px solid var(--danger)}.deadline-item.warning{border-left:3px solid var(--warning)}.deadline-item.normal{border-left:3px solid var(--info)}.deadline-body{flex:1}.deadline-body .deadline-title{font-size:13px;font-weight:600;color:var(--mode-text);line-height:1.4}.deadline-body .deadline-meta{font-size:11px;color:var(--mode-text-sec);margin-top:4px;display:flex;align-items:center;gap:8px}.deadline-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700}.deadline-badge.overdue{background:#dc262626;color:#dc2626}.deadline-badge.soon{background:#d9770626;color:#d97706}.deadline-badge.ok{background:#0ea5e91f;color:#0ea5e9}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.view-all{font-size:12px;font-weight:600;color:var(--primary);text-decoration:none;cursor:pointer}.view-all:hover{text-decoration:underline}@media (max-width: 1024px){.kpi-row{grid-template-columns:repeat(2,1fr)}.charts-row,.activity-actions-row,.bottom-row{grid-template-columns:1fr}}@media (max-width: 768px){.kpi-row{grid-template-columns:1fr;gap:1rem}.quick-actions{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--grad-primary);color:#fff;border:1px solid transparent;box-shadow:0 2px 8px #0078d440}.btn-primary:hover{box-shadow:0 4px 16px #0078d459;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.97)}.btn-secondary{background:transparent;color:var(--mode-text);border:1px solid var(--mode-card-border)}.btn-secondary:hover{background:var(--mode-hover);border-color:var(--primary);color:var(--primary)}.btn-secondary:active{transform:scale(.97)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-fluent-primary{background:var(--grad-primary);color:#fff;border:none;box-shadow:0 2px 8px #0078d440;transition:all .2s ease}.btn-fluent-primary:hover{box-shadow:0 4px 16px #0078d459;transform:translateY(-1px)}.btn-fluent-primary:active{transform:scale(.97) translateY(0)}.btn-primary-gradient{background:var(--grad-primary);color:#fff;border:none;box-shadow:0 2px 8px #0078d440;transition:all .2s ease}.btn-primary-gradient:hover{box-shadow:0 4px 16px #0078d459;transform:translateY(-1px)}.btn-primary-gradient:active{transform:scale(.97) translateY(0)}.btn-secondary-navy{background:transparent;color:var(--primary);border:1px solid var(--primary);transition:all .2s ease}.btn-secondary-navy:hover{background:#0078d414}.btn-icon{width:36px;height:36px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--mode-table-stripe);border:1px solid var(--mode-card-border);color:var(--mode-text-sec);transition:all .2s ease}.btn-icon:hover{background:var(--primary);border-color:var(--primary);color:#fff}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:active{transform:scale(.97)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-label{font-size:.875rem;font-weight:500;color:var(--mode-text)}.label{display:block;font-size:.7rem;font-weight:500;color:var(--mode-text-sec);margin-bottom:.25rem}.form-input,.form-select,input,select,textarea{width:100%;padding:.625rem .875rem;font-size:.875rem;background:var(--input-bg);border:1.5px solid var(--mode-input-border);border-radius:6px;color:var(--input-text);transition:all .2s ease;font-family:inherit}.form-input:focus,.form-select:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0078d41f}.form-input:disabled,input:disabled{background:var(--mode-table-stripe);color:var(--mode-text-sec);cursor:not-allowed}.form-input::placeholder,input::placeholder,textarea::placeholder{color:var(--mode-text-sec);opacity:.7}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{border-color:#ffffff1a}[data-theme=dark] .form-input::placeholder,[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#94a3b899}.input-enhanced{background:var(--mode-card-bg);border:1px solid var(--mode-input-border);border-radius:8px;padding:.75rem 1rem;font-size:.875rem;color:var(--mode-text);transition:all .2s ease}.input-enhanced:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0078d41f}[data-theme=dark] .input-enhanced{border-color:#ffffff1a}.input-error{border-color:var(--danger)!important}.error-text{color:var(--danger);font-size:.75rem;margin-top:.25rem}.toggle-container{display:flex;align-items:center;gap:.5rem;font-size:.8rem;cursor:pointer}.toggle-switch{position:relative;width:36px;height:20px;background:var(--mode-table-stripe);border:1px solid var(--mode-card-border);border-radius:10px;transition:all .2s}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--mode-text-sec);border-radius:50%;transition:all .2s}.toggle-container input:checked+.toggle-switch{background:var(--primary);border-color:var(--primary)}.toggle-container input:checked+.toggle-switch:after{transform:translate(16px);background:#fff}.toggle-container input{display:none}.checkbox-container input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}@media (max-width: 768px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}.form-row,[class*=form-row]{flex-direction:column!important;gap:12px!important}}.table-container{overflow-x:auto;background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:10px;box-shadow:var(--shadow-soft)}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem;color:var(--mode-text)}.table th,.table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--mode-divider);color:var(--mode-text);transition:background-color .2s ease}.table th{background:linear-gradient(to bottom,var(--mode-table-head),var(--mode-table-stripe));font-weight:600;color:var(--mode-text);font-size:.8125rem;border-bottom:2px solid var(--mode-card-border);position:sticky;top:0;z-index:10}.table tr:last-child td{border-bottom:none}.table tr:nth-child(2n) td{background:var(--mode-table-stripe)}.table tr:hover td{background:var(--mode-hover)}.table-actions{display:flex;gap:.5rem}.table-action-btn{padding:.25rem .5rem;font-size:.7rem;background:transparent;border:1px solid var(--mode-card-border);border-radius:4px;cursor:pointer;color:var(--mode-text-sec);transition:all .15s}.table-action-btn:hover{background:var(--mode-hover);color:var(--mode-text)}.table-action-btn.delete:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.table-clean{width:100%;border-collapse:collapse;font-size:.82rem}.table-clean th{background:var(--mode-table-head);color:var(--mode-text-sec);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.625rem .875rem;text-align:left;border-bottom:1.5px solid var(--mode-card-border);white-space:nowrap}.table-clean td{padding:.75rem .875rem;border-bottom:1px solid var(--mode-card-border);color:var(--mode-text);vertical-align:middle}.table-clean tr:last-child td{border-bottom:none}.table-clean tbody tr:hover td{background:color-mix(in srgb,var(--primary) 4%,var(--mode-card-bg))}.table-enhanced{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.table-enhanced thead tr{background:var(--grad-primary)}.table-enhanced th{padding:1rem 1.25rem;text-align:left;font-weight:600;font-size:.75rem;color:#fff;border-bottom:2px solid rgba(0,0,0,.1);white-space:nowrap}.table-enhanced td{padding:.875rem 1.25rem;border-bottom:1px solid var(--mode-card-border);color:var(--mode-text);transition:background-color .15s ease}.table-enhanced tbody tr:hover td{background:var(--mode-hover)}.table-enhanced tbody tr:nth-child(2n) td{background:var(--mode-table-stripe)}.iri-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:20px;font-size:.72rem;font-weight:600}.iri-badge.good{background:#0596691a;color:var(--pci-good);border:1px solid rgba(5,150,105,.2)}.iri-badge.fair{background:#d977061a;color:var(--pci-fair);border:1px solid rgba(217,119,6,.2)}.iri-badge.poor{background:#dc26261a;color:var(--pci-poor);border:1px solid rgba(220,38,38,.2)}.table-row-expand{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease-out,opacity .2s ease-out}.table-row-expand.open{max-height:500px;opacity:1}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th,.data-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--mode-card-border)}.data-table th{background:var(--mode-table-head);font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--mode-text-sec)}.data-table tbody tr{cursor:pointer;transition:background .15s}.data-table tbody tr:hover td{background:var(--mode-hover)}.data-table .prov-name{font-weight:700;color:var(--primary)}.data-table .text-right{text-align:right}.data-table .text-center{text-align:center}.iri-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;display:inline-block}.iri-badge.good{background:#0596691f;color:#059669}.iri-badge.fair{background:#d977061f;color:#d97706}.iri-badge.poor{background:#dc26261f;color:#dc2626}.status-pill{display:inline-flex;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:600;border-radius:999px;text-transform:capitalize}.status-pill.active{background:#0596691a;color:var(--success)}.status-pill.pending{background:#d977061a;color:var(--warning)}.status-pill.inactive{background:#dc26261a;color:var(--danger)}.status-pill.info{background:#0078d41a;color:var(--primary)}.pill{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:99px;font-size:.7rem;font-weight:600;letter-spacing:.02em}.pill-blue{background:#dbeafe;color:#005a9e}.pill-green{background:#dcfce7;color:#166534}.pill-red{background:#fee2e2;color:#991b1b}.pill-amber{background:#fef3c7;color:#92400e}.pill-gray{background:#f1f5f9;color:#475569}.pill-purple{background:#ede9fe;color:#5b21b6}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.025em}.badge-admin{background:#e2e8f0;color:#020617}.badge-engineer{background:#dbeafe;color:#005a9e}.badge-data-entry{background:#dcfce7;color:#166534}.badge-viewer{background:#f1f5f9;color:#475569}.badge-active{background:#dcfce7;color:#166534}.badge-inactive{background:#fee2e2;color:#991b1b}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:600}.status-badge svg{width:14px;height:14px}.status-success{background:#0596691a;color:var(--success);border:1px solid rgba(5,150,105,.3)}.status-warning{background:#d977061a;color:var(--warning);border:1px solid rgba(217,119,6,.3)}.status-error{background:#dc26261a;color:var(--danger);border:1px solid rgba(220,38,38,.3)}.status-info{background:#0284c71a;color:var(--info);border:1px solid rgba(2,132,199,.3)}.alert{padding:.875rem 1rem;border-radius:6px;display:flex;align-items:center;gap:.75rem;font-size:.875rem;margin-bottom:1rem;border-left:3px solid}.alert svg{flex-shrink:0}.alert-error{background:var(--alert-error-bg);border-color:var(--danger);color:var(--alert-error-text)}.alert-success{background:var(--alert-success-bg);border-color:var(--success);color:var(--alert-success-text)}.alert-warning{background:var(--alert-warning-bg);border-color:var(--warning);color:var(--alert-warning-text)}.alert-info{background:var(--alert-info-bg);border-color:var(--info);color:var(--alert-info-text)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem}.toast{padding:.875rem 1.25rem;border-radius:8px;display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-3d);animation:toastSlideIn .3s ease-out;max-width:400px}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{background:#dcfce7;color:#166534;border-left:4px solid var(--success)}.toast-warning{background:#fef3c7;color:#92400e;border-left:4px solid var(--warning)}.toast-error{background:#fee2e2;color:#991b1b;border-left:4px solid var(--danger)}.toast-info{background:#dbeafe;color:#005a9e;border-left:4px solid var(--info)}[data-theme=dark] .toast-success{background:#05966933;color:#86efac}[data-theme=dark] .toast-warning{background:#d9770633;color:#fcd34d}[data-theme=dark] .toast-error{background:#dc262633;color:#fca5a5}[data-theme=dark] .toast-info{background:#0284c733;color:#7dd3fc}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a192980;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--mode-card-bg);border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #0006;animation:slideUp .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--mode-card-border)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:1.5rem;border-bottom:1px solid var(--mode-divider);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:600;color:var(--mode-text)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--mode-text-sec);cursor:pointer;padding:.25rem;line-height:1;transition:color .15s}.modal-close:hover{color:var(--mode-text)}.modal-body{padding:1.5rem}.modal-footer{padding:1.5rem;border-top:1px solid var(--mode-divider);display:flex;justify-content:flex-end;gap:.75rem}.login-container{display:grid;grid-template-columns:1fr 480px;height:100vh;overflow:hidden}.login-left{position:relative;overflow:hidden;background:var(--grad-primary)}.login-left img,.login-left video{width:100%;height:100%;object-fit:cover}.login-left-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0078d44d,#6b5ce733);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}.login-left-overlay h1{font-size:56px;font-weight:800;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3);margin-bottom:16px}.login-left-overlay p{font-size:18px;color:#ffffffe6;text-align:center;max-width:400px;line-height:1.6}.login-right{background:var(--mode-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--mode-card-border);display:flex;flex-direction:column;justify-content:center;padding:60px;position:relative;height:100vh;overflow-y:auto}.login-header{margin-bottom:32px;text-align:center}.login-header .logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.login-header .logo img{width:40px;height:40px}.login-header .logo span{font-size:28px;font-weight:800;background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header h2{font-size:24px;font-weight:700;margin-bottom:8px;color:var(--mode-text)}.login-header p{font-size:14px;color:var(--mode-text-sec)}.login-form{display:flex;flex-direction:column;gap:16px;max-width:360px;margin:0 auto;width:100%}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--mode-text-sec)}.form-group input{padding:14px 16px;border-radius:12px;border:1px solid var(--mode-card-border);background:var(--mode-input-bg, var(--mode-bg));color:var(--mode-text);font-size:15px;font-family:inherit;transition:all .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #0078d426}.form-group input::placeholder{color:var(--mode-text-sec);opacity:.6}.password-wrap{position:relative}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--mode-text-sec);cursor:pointer;padding:4px}.password-toggle:hover{color:var(--primary)}.form-options{display:flex;align-items:center;justify-content:space-between;font-size:13px}.remember-me{display:flex;align-items:center;gap:8px;cursor:pointer}.remember-me input{width:18px;height:18px;border-radius:4px;border:1px solid var(--mode-card-border);accent-color:var(--primary)}.remember-me span{color:var(--mode-text-sec)}.forgot-link{color:var(--primary);text-decoration:none;font-weight:600;cursor:pointer}.forgot-link:hover{text-decoration:underline}.btn-login{width:100%;padding:16px;border-radius:12px;border:none;background:var(--grad-primary);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #0078d44d;margin-top:8px;font-family:inherit}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0078d466}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-divider{display:flex;align-items:center;gap:16px;margin:20px 0;color:var(--mode-text-sec);font-size:13px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--mode-card-border)}.btn-telegram{width:100%;padding:14px;border-radius:12px;border:none;background:#08c;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit}.btn-telegram:hover{background:#0077b5;transform:translateY(-2px)}.btn-telegram img{width:22px;height:22px}.login-footer{margin-top:24px;text-align:center;font-size:13px;color:var(--mode-text-sec)}.login-footer a{color:var(--primary);text-decoration:none;font-weight:600;cursor:pointer}.login-footer a:hover{text-decoration:underline}.login-theme-toggle{position:fixed;top:20px;right:20px;width:44px;height:44px;border-radius:12px;border:1px solid var(--mode-card-border);background:var(--mode-card-bg);color:var(--mode-text);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .2s}.login-theme-toggle:hover{background:var(--grad-primary);color:#fff;border-color:transparent}.login-error{padding:.75rem 1rem;background:#dc26261a;color:#f87171;border-radius:8px;font-size:.875rem;border:1px solid rgba(220,38,38,.25);display:flex;align-items:center;gap:.5rem}@media (max-width: 1024px){.login-container{grid-template-columns:1fr}.login-left{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.login-right{position:relative;z-index:1;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}html[data-mode=dark] .login-right,body[data-mode=dark] .login-right{background:#0b1120eb}.login-left-overlay h1{font-size:36px}.login-left-overlay p{font-size:14px}}@media (max-width: 480px){.login-right{padding:40px 24px}.login-header .logo span{font-size:24px}.login-header h2{font-size:20px}}.charts-container{padding:1rem;overflow-y:auto}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1rem}.chart-card-enhanced{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden}.chart-card-enhanced:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--grad-primary);border-radius:12px 0 0 12px}.chart-title-enhanced{font-size:1rem;font-weight:600;color:var(--mode-text);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.chart-title-enhanced:before{content:"";width:8px;height:8px;background:var(--primary);border-radius:2px}.chart-container-dark{background:var(--navy-900);border-radius:8px;padding:1rem}.chart-tooltip{background:var(--mode-card-bg)!important;border:1px solid var(--mode-card-border)!important;border-radius:8px!important;padding:.75rem 1rem!important;box-shadow:var(--shadow-medium)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#80808014}.recharts-tooltip-wrapper{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.chart-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}.chart-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--mode-text-sec)}.chart-legend-dot{width:8px;height:8px;border-radius:50%}.timeline-container{padding:1rem}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.timeline-year{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:8px;padding:1rem;margin-bottom:.75rem}.timeline-year-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.timeline-year-title{font-size:1rem;display:flex;align-items:center;gap:.375rem}.year-badge{background:var(--grad-primary);color:#fff;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.project-list{display:grid;gap:.5rem}.project-item{display:flex;justify-content:space-between;align-items:center;background:var(--mode-table-stripe);padding:.625rem .75rem;border-radius:6px;transition:all .15s}.project-item:hover{background:var(--mode-hover)}.project-info{display:flex;align-items:center;gap:.75rem}.project-id{font-weight:600;color:var(--mode-text);font-size:.8rem}.project-type{font-size:.75rem;color:var(--mode-text-sec)}.project-cost{font-weight:600;color:var(--accent);font-size:.8rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--mode-text-sec)}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:2rem}.app-loader{min-height:min(100vh,760px);display:grid;place-items:center;padding:32px 20px;color:var(--mode-text)}.app-loader-compact{min-height:min(52vh,520px)}.app-loader-panel{width:min(420px,100%);display:grid;gap:18px;justify-items:center;text-align:center}.app-loader-mark{width:72px;height:72px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:7px;padding:14px;border:1px solid var(--mode-card-border);border-radius:18px;background:var(--mode-card-bg);box-shadow:var(--shadow-soft)}.app-loader-mark span{display:block;border-radius:999px;background:var(--primary);transform-origin:bottom;animation:app-loader-rise 1.1s cubic-bezier(.16,1,.3,1) infinite}.app-loader-mark span:nth-child(1){height:22px}.app-loader-mark span:nth-child(2){height:34px;animation-delay:.14s;background:var(--accent)}.app-loader-mark span:nth-child(3){height:46px;animation-delay:.28s;background:var(--primary-dark)}.app-loader-title{margin:0;font-size:18px;font-weight:700;color:var(--mode-text)}.app-loader-detail{margin:6px 0 0;font-size:13px;color:var(--mode-text-sec)}.app-loader-progress{width:min(360px,100%)}.app-loader-track{height:8px;overflow:hidden;border-radius:999px;background:var(--mode-table-stripe)}.app-loader-fill{width:100%;height:100%;border-radius:inherit;background:var(--primary);transform-origin:left center;transition:transform .24s cubic-bezier(.16,1,.3,1)}.app-loader-meta{display:flex;justify-content:space-between;gap:16px;margin-top:8px;color:var(--mode-text-sec);font-size:12px}.app-loader-meta strong{color:var(--mode-text);font-weight:700}@keyframes app-loader-rise{0%,to{transform:scaleY(.55);opacity:.68}45%{transform:scaleY(1);opacity:1}}@media (prefers-reduced-motion: reduce){.app-loader-mark span{animation:none}.app-loader-fill{transition:none}}.spinner{width:32px;height:32px;border:3px solid var(--mode-card-border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-large{width:48px;height:48px;border-width:4px}.empty-state{text-align:center;padding:2rem;color:var(--mode-text-sec);font-size:.8rem}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:2rem;color:var(--mode-text-sec)}.error-container h2{color:var(--danger);margin-bottom:1rem}.error-container p{margin-bottom:.5rem}@keyframes shimmerSlide{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,var(--mode-table-stripe) 0%,var(--mode-card-bg) 50%,var(--mode-table-stripe) 100%);background-size:200% 100%;animation:shimmerSlide 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--mode-table-stripe) 25%,var(--mode-card-bg) 50%,var(--mode-table-stripe) 75%);background-size:800px 100%;animation:shimmer 1.5s infinite linear;border-radius:6px}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.skeleton-bar{background:var(--mode-table-stripe)!important;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pageExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.page-enter{animation:pageEnter .28s ease-out forwards}.page-exit{animation:pageExit .2s ease-in forwards}@keyframes tabSwitch{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tab-switch-animate{animation:tabSwitch .18s ease-out forwards}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.kpi-value-animate{animation:countUp .8s ease-out forwards}@keyframes chartBarGrow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.chart-bar-grow{animation:chartBarGrow .5s ease-out forwards}.stagger-1{animation-delay:30ms}.stagger-2{animation-delay:60ms}.stagger-3{animation-delay:90ms}.stagger-4{animation-delay:.12s}.stagger-5{animation-delay:.15s}.stagger-6{animation-delay:.18s}.card-3d-wrapper{perspective:1000px}.card-3d{transition:transform .3s ease-out,box-shadow .3s ease-out;transform-style:preserve-3d;will-change:transform}.card-3d:hover{transform:perspective(1000px) rotateX(4deg) rotateY(6deg) translateZ(8px);box-shadow:0 10px 30px #0000001f,0 0 0 1px #0078d41a}[data-theme=dark] .card-3d:hover{box-shadow:0 10px 30px #0006,0 0 0 1px #0078d433}@keyframes badgeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.notification-badge-bounce{animation:badgeBounce .3s ease-out}.row-expand{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease-out,opacity .2s ease-out}.row-expand.open{max-height:500px;opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .22s ease forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.card-3d:hover{transform:none}}.activity-feed{display:flex;flex-direction:column;gap:2px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:8px;transition:background .2s;cursor:pointer}.activity-item:hover{background:var(--mode-hover)}.activity-body{flex:1;min-width:0}.activity-body .activity-text{font-size:13px;font-weight:500;color:var(--mode-text);line-height:1.4}.activity-body .activity-time{font-size:11px;color:var(--mode-text-sec);margin-top:2px}.notif-wrap{position:relative}.notif-btn{position:relative;width:36px;height:36px;border-radius:8px;border:1px solid var(--mode-card-border);background:var(--mode-card-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--mode-text-sec);transition:all .2s}.notif-btn:hover{background:var(--mode-hover);color:var(--mode-text)}.notif-badge{position:absolute;top:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:var(--danger);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.notif-panel{position:absolute;top:42px;right:0;width:360px;max-height:440px;border-radius:10px;border:1px solid var(--mode-card-border);background:var(--mode-card-bg);box-shadow:0 12px 40px #00000040;z-index:1000;display:none;flex-direction:column;overflow:hidden}.notif-panel.open{display:flex}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--mode-card-border)}.notif-header h3{font-size:13px;font-weight:700}.notif-header button{font-size:10px;color:var(--primary);background:none;border:none;cursor:pointer;font-weight:600}.notif-header button:hover{text-decoration:underline}.notif-tabs{display:flex;gap:0;border-bottom:1px solid var(--mode-card-border);padding:0 14px}.notif-tab{padding:8px 10px;font-size:10px;font-weight:600;color:var(--mode-text-sec);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.notif-tab:hover{color:var(--mode-text)}.notif-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.notif-list{flex:1;overflow-y:auto;max-height:340px}.notif-item{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid var(--mode-card-border);cursor:pointer;transition:background .15s}.notif-item:hover{background:var(--mode-hover)}.notif-item.unread{background:#0078d40a}.notif-item.unread .notif-title{font-weight:700}.notif-body{flex:1;min-width:0}.notif-title{font-size:11px;font-weight:600;line-height:1.3}.notif-desc{font-size:10px;color:var(--mode-text-sec);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-time{font-size:9px;color:var(--mode-text-sec);white-space:nowrap;margin-top:2px}.notif-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:6px}.notif-empty{padding:30px;text-align:center;color:var(--mode-text-sec);font-size:11px}.sidebar-icon{width:20px;height:20px;flex-shrink:0;opacity:.85;transition:opacity .2s,filter .2s}.sidebar-item:hover .sidebar-icon{opacity:1}.sidebar-item.active .sidebar-icon{filter:brightness(0) invert(1);opacity:1}.icon-sm{width:14px;height:14px}.icon-md{width:16px;height:16px}.icon-lg{width:18px;height:18px}.icon-xl{width:20px;height:20px}.icon-2xl{width:24px;height:24px}.icon-3xl{width:32px;height:32px}.icon-4xl{width:48px;height:48px}.btn-icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}.activity-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon img{width:16px;height:16px;opacity:.9}.activity-icon.upload{background:#0ea5e91f;color:#0ea5e9}.activity-icon.survey{background:#0596691f;color:#059669}.activity-icon.contract{background:#7c3aed1f;color:#7c3aed}.activity-icon.progress{background:#0078d41f;color:#0078d4}.activity-icon.study{background:#d977061f;color:#d97706}.activity-icon.inspection{background:#dc26261f;color:#dc2626}.activity-icon.approval{background:#10b9811f;color:#10b981}.activity-icon.repair{background:#7c3aed1f;color:#7c3aed}.activity-icon.schedule{background:#0078d41f;color:#0078d4}.notif-icon{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-icon img{width:14px;height:14px}.notif-icon.pm{background:#0078d41a;color:#0078d4}.notif-icon.rm{background:#0596691a;color:#059669}.notif-icon.survey{background:#8b5cf61a;color:#8b5cf6}.notif-icon.system{background:#f59e0b1a;color:#d97706}.notif-icon.alert{background:#dc26261a;color:#dc2626}.status-icon{width:16px;height:16px}.status-icon-lg{width:20px;height:20px}.chart-title-icon{width:18px;height:18px;stroke:var(--primary);fill:none;stroke-width:2}body[data-mode=dark] .sidebar-item:not(.active) .sidebar-icon{filter:none}.logo-icon{width:28px;height:28px;stroke:var(--primary);fill:none;stroke-width:2}.pm-page{min-height:100vh;background:var(--mode-bg);font-family:Inter,Khmer OS Siemreap,sans-serif}.pm-page .btn-primary{background:var(--primary);color:#f8fbff;box-shadow:none}.pm-page .btn-success{background:#047857;color:#f6fffb;border:1px solid #047857}.pm-page-shell{padding:20px 28px 28px}.pm-portfolio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.pm-title-block{min-width:0}.pm-eyebrow{margin-bottom:4px;color:var(--mode-text-sec);font-size:12px;font-weight:700}.pm-title-block h1{margin:0;color:var(--mode-text);font-size:24px;font-weight:800;line-height:1.2}.pm-title-block p{margin:7px 0 0;color:var(--mode-text-sec);font-size:13px;line-height:1.45}.pm-head-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.pm-year-control{display:flex;align-items:center;gap:8px;min-height:36px;padding:4px 6px 4px 10px;border:1px solid var(--mode-card-border);border-radius:8px;background:var(--mode-card-bg)}.pm-year-control span{color:var(--mode-text-sec);font-size:12px;font-weight:700;white-space:nowrap}.pm-year-control select{min-width:92px;border:none;outline:none;background:transparent;color:var(--mode-text);font-size:13px;font-weight:700}.pm-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;margin-bottom:14px}.pm-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px}.pm-metric-card{min-width:0;min-height:104px;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:1fr auto;column-gap:10px;row-gap:8px;padding:13px;border:1px solid var(--mode-card-border);border-radius:8px;background:var(--mode-card-bg)}.pm-metric-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#0078d414;color:var(--primary)}.pm-metric-card.green .pm-metric-icon{background:#0596691a;color:#047857}.pm-metric-card.amber .pm-metric-icon{background:#d977061a;color:#b45309}.pm-metric-card.cyan .pm-metric-icon{background:#0891b21a;color:#0e7490}.pm-metric-card strong{display:block;color:var(--mode-text);font-size:20px;font-weight:800;line-height:1.15;overflow-wrap:anywhere}.pm-metric-card span{display:block;margin-top:4px;color:var(--mode-text-sec);font-size:12px;font-weight:700}.pm-metric-card small{grid-column:1 / -1;color:var(--mode-text-sec);font-size:12px;line-height:1.35}.pm-status-panel{min-width:0;padding:14px;border:1px solid var(--mode-card-border);border-radius:8px;background:var(--mode-card-bg)}.pm-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.pm-panel-title span{color:var(--mode-text-sec);font-size:12px;font-weight:800}.pm-panel-title strong{color:var(--primary);font-size:18px;font-weight:800}.pm-status-list{display:grid;gap:9px;margin-top:14px}.pm-status-line{display:grid;grid-template-columns:96px minmax(64px,1fr) 34px;align-items:center;gap:9px;color:var(--mode-text-sec);font-size:12px}.pm-status-line div{height:6px;overflow:hidden;border-radius:999px;background:var(--mode-bg)}.pm-status-line i{display:block;min-width:4px;height:100%;border-radius:inherit}.pm-status-line strong{color:var(--mode-text);font-size:12px;text-align:right}.pm-empty-line{color:var(--mode-text-sec);font-size:12px}.pm-chapter-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.pm-chapter-card{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:12px 14px;border:1px solid var(--mode-card-border);border-radius:8px;background:var(--mode-card-bg);color:var(--mode-text);text-align:left;cursor:pointer}.pm-chapter-card:hover{border-color:#0078d459}.pm-chapter-card.active{border-color:var(--primary);background:#0078d40f}.pm-chapter-card span{color:var(--mode-text);font-size:13px;font-weight:800}.pm-chapter-card strong{color:var(--primary);font-size:17px;line-height:1}.pm-chapter-card small{grid-column:1 / -1;color:var(--mode-text-sec);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-workbench{overflow:hidden;border:1px solid var(--mode-card-border);border-radius:8px;background:var(--mode-card-bg)}.pm-workbench-toolbar{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--mode-card-border);background:var(--mode-card-bg)}.pm-search-modern{position:relative;flex:1;max-width:360px;min-width:220px}.pm-search-modern img{position:absolute;left:11px;top:50%;transform:translateY(-50%);opacity:.56;pointer-events:none}.pm-search-modern input{width:100%;min-height:38px;padding:8px 12px 8px 34px;border:1px solid var(--mode-card-border);border-radius:8px;outline:none;background:var(--mode-bg);color:var(--mode-text);font-size:13px}.pm-search-modern input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0078d424}.pm-workbench-summary{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--mode-text-sec);font-size:12px;white-space:nowrap}.pm-workbench-summary span{padding:4px 8px;border-radius:999px;background:var(--mode-bg)}.pm-table-scroll,.pm-list-scroll{overflow:auto;max-height:calc(100vh - 390px)}.pm-list-head{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(150px,.9fr) 128px 140px 120px;gap:12px;padding:8px 14px;border-bottom:1px solid var(--mode-card-border);background:var(--mode-bg)}.pm-list-head button{min-width:0;display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;color:var(--mode-text-sec);font-size:11px;font-weight:750;text-align:left;cursor:pointer}.pm-list-head button:nth-child(3),.pm-list-head button:nth-child(4),.pm-list-head button:nth-child(5){justify-content:flex-end}.pm-project-list{display:grid}.pm-list-group{border-bottom:1px solid var(--mode-card-border)}.pm-list-group:last-child{border-bottom:none}.pm-list-group-row{width:100%;min-height:38px;display:flex;align-items:center;gap:8px;padding:8px 14px;border:none;background:var(--mode-card-bg);color:var(--mode-text);text-align:left;cursor:pointer}.pm-list-group-row:hover{background:var(--mode-bg)}.pm-list-group-row .chevron{color:var(--mode-text-sec);transition:transform .16s cubic-bezier(.16,1,.3,1)}.pm-list-group-row .chevron.collapsed{transform:rotate(-90deg)}.pm-list-group-row strong{font-size:12px;font-weight:800}.pm-list-group-row small{color:var(--mode-text-sec);font-size:12px}.pm-list-group-row em{margin-left:auto;color:var(--mode-text-sec);font-size:12px;font-style:normal}.pm-list-row{width:100%;min-height:64px;display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(150px,.9fr) 128px 140px 120px;align-items:center;gap:12px;padding:9px 14px;border:none;border-top:1px solid var(--mode-card-border);background:var(--mode-card-bg);color:var(--mode-text);text-align:left;cursor:pointer}.pm-list-row:hover{background:#0078d409}.pm-list-project{min-width:0;display:grid;gap:3px}.pm-list-project strong{color:var(--mode-text);font-size:13px;font-weight:800}.pm-list-project>span{overflow:hidden;color:var(--mode-text-sec);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.pm-list-project small{min-width:0;display:flex;align-items:center;gap:8px}.pm-list-project b{color:var(--primary);font-size:11px;font-weight:750}.pm-list-project i{overflow:hidden;color:var(--mode-text-sec);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.pm-list-contractor{overflow:hidden;color:var(--mode-text-sec);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.pm-list-budget{color:#047857;font-size:12px;font-weight:800;text-align:right}.pm-list-progress{min-width:0;display:block}.pm-list-progress small{display:block;color:var(--mode-text-sec);font-size:11px;font-weight:700;text-align:right}.pm-list-status{display:flex;justify-content:flex-end}.pm-list-empty{padding:48px 16px;color:var(--mode-text-sec);font-size:14px;text-align:center}.pm-province-header td{padding:9px 12px;border-bottom:1px solid var(--mode-card-border);background:var(--mode-bg);color:var(--mode-text);cursor:pointer}.pm-province-header td>span{display:inline-flex;align-items:center;vertical-align:middle}.pm-province-header .chevron{margin-right:7px;color:var(--mode-text-sec)}.pm-province-header .chevron.collapsed{transform:rotate(-90deg)}.pm-province-header .prov-name{font-weight:800}.pm-province-header .prov-count,.pm-province-header .budget-total{margin-left:10px;color:var(--mode-text-sec);font-size:12px;font-weight:650}.pm-data-row td{background:var(--mode-card-bg)}.pm-data-row:hover td{background:#0078d40a}.proj-code{color:var(--mode-text-sec);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.pm-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;background:var(--mode-card-bg);border-bottom:1px solid var(--mode-card-border);flex-wrap:wrap;gap:12px}.pm-header-left h1{font-size:20px;font-weight:800;margin:0 0 4px;color:var(--mode-text);display:flex;align-items:center;gap:8px}.pm-header-subtitle{font-size:13px;color:var(--mode-text-sec)}.pm-header-actions{display:flex;gap:8px;flex-wrap:wrap}.pm-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:16px 20px}.pm-kpi-card{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px}.pm-kpi-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pm-kpi-icon.blue{background:#0078d41a}.pm-kpi-icon.green{background:#10b9811a}.pm-kpi-icon.amber{background:#f59e0b1a}.pm-kpi-icon.purple{background:#8b5cf61a}.pm-kpi-content{flex:1;min-width:0}.pm-kpi-value{font-size:22px;font-weight:800;color:var(--mode-text);line-height:1.2}.pm-kpi-label{font-size:11px;color:var(--mode-text-sec);text-transform:uppercase;letter-spacing:.05em}.pm-toolbar{display:flex;gap:8px;padding:12px 20px;background:var(--mode-bg);border-bottom:1px solid var(--mode-card-border);flex-wrap:wrap;align-items:center}.pm-search-wrap{position:relative;flex:1;max-width:300px;min-width:180px}.pm-search-input{width:100%;padding:8px 12px 8px 32px;border:1px solid var(--mode-card-border);border-radius:8px;font-size:13px;background:var(--mode-card-bg);color:var(--mode-text);outline:none}.pm-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0078d426}.pm-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.5}.pm-filter-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--mode-card-border);border-radius:8px;background:var(--mode-card-bg);color:var(--mode-text);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.pm-filter-btn:hover{background:var(--mode-hover)}.pm-filter-btn.active{border-color:var(--primary);background:#0078d414;color:var(--primary)}.pm-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.pm-status-badge.planned{background:#dbeafe;color:#1d4ed8}.pm-status-badge.contracted{background:#fef3c7;color:#92400e}.pm-status-badge.in_progress{background:#dcfce7;color:#166534}.pm-status-badge.completed{background:#f3e8ff;color:#7c3aed}.pm-status-badge.on_hold{background:#fee2e2;color:#991b1b}.pm-progress-bar{display:flex;align-items:center;gap:6px}.pm-progress-track{flex:1;height:6px;background:#e5e7eb;border-radius:6px;overflow:hidden}.pm-progress-fill{height:100%;border-radius:6px;transition:width .3s ease}.pm-progress-fill.low{background:#ef4444}.pm-progress-fill.medium{background:#f59e0b}.pm-progress-fill.high{background:#10b981}.pm-progress-text{font-size:11px;font-weight:700;min-width:28px;text-align:right}.pm-table-container{flex:1;overflow:auto;background:var(--mode-card-bg);margin:0 20px 20px;border-radius:12px;border:1px solid var(--mode-card-border)}.pm-table{width:100%;border-collapse:collapse;font-size:13px}.pm-table th{position:sticky;top:0;background:var(--mode-table-head);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mode-text-sec);padding:10px 12px;text-align:left;border-bottom:1px solid var(--mode-card-border);white-space:nowrap;z-index:10}.pm-table td{padding:10px 12px;border-bottom:1px solid var(--mode-card-border);vertical-align:middle}.pm-table tbody tr{cursor:pointer;transition:background .15s}.pm-table tbody tr:hover{background:var(--mode-hover)}.pm-table tbody tr.selected{background:#0078d414}.pm-detail-panel{position:fixed;top:0;right:0;width:480px;max-width:100vw;height:100vh;background:var(--mode-card-bg);border-left:1px solid var(--mode-card-border);box-shadow:-4px 0 24px #0000001a;z-index:1000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.pm-detail-panel.open{transform:translate(0)}.pm-detail-header{padding:16px 20px;border-bottom:1px solid var(--mode-card-border);display:flex;justify-content:space-between;align-items:flex-start}.pm-detail-title{font-size:16px;font-weight:700;color:var(--mode-text);margin:0 0 4px}.pm-detail-subtitle{font-size:12px;color:var(--mode-text-sec)}.pm-detail-close{border:none;background:transparent;cursor:pointer;padding:4px;color:var(--mode-text-sec)}.pm-detail-close:hover{color:var(--mode-text)}.pm-detail-body{flex:1;overflow-y:auto;padding:20px}.pm-detail-section{margin-bottom:20px}.pm-detail-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mode-text-sec);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--mode-card-border)}.pm-detail-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.pm-detail-label{color:var(--mode-text-sec)}.pm-detail-value{font-weight:600;color:var(--mode-text);text-align:right}.pm-revision-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px;align-items:start}.pm-revision-request,.pm-revision-history{border:1px solid var(--mode-card-border);border-radius:10px;background:var(--mode-card-bg);padding:14px}.pm-revision-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.pm-revision-head h4{margin:0 0 4px;color:var(--mode-text);font-size:15px;font-weight:750}.pm-revision-head p{margin:0;color:var(--mode-text-sec);font-size:12px;line-height:1.45}.pm-revision-contract,.pm-revision-count{border:1px solid rgba(0,120,212,.22);border-radius:999px;background:#0078d414;color:var(--primary);font-size:12px;font-weight:750;padding:5px 9px;white-space:nowrap}.pm-revision-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pm-revision-form-grid label,.pm-revision-field{display:flex;flex-direction:column;gap:5px}.pm-revision-form-grid span,.pm-revision-field span{color:var(--mode-text-sec);font-size:11px;font-weight:650}.pm-revision-form-grid input,.pm-revision-form-grid select,.pm-revision-field input,.pm-revision-field textarea,.pm-revision-approve input{width:100%;min-height:38px;border:1px solid var(--mode-card-border);border-radius:8px;background:var(--mode-bg);color:var(--mode-text);font-size:13px;padding:8px 10px;outline:none}.pm-revision-field{margin-top:10px}.pm-revision-field textarea{resize:vertical;line-height:1.5}.pm-revision-form-grid input:focus,.pm-revision-form-grid select:focus,.pm-revision-field input:focus,.pm-revision-field textarea:focus,.pm-revision-approve input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0078d424}.pm-revision-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.pm-revision-actions .ok{color:var(--success);font-size:12px;font-weight:650}.pm-revision-actions .error{color:var(--danger);font-size:12px;font-weight:650}.pm-revision-item{border:1px solid var(--mode-card-border);border-radius:9px;padding:12px;background:var(--mode-bg);margin-bottom:10px}.pm-revision-item-head{display:flex;justify-content:space-between;gap:10px}.pm-revision-item-head div{display:flex;flex-direction:column;gap:2px}.pm-revision-item-head strong{color:var(--mode-text);font-size:13px}.pm-revision-item-head span{color:var(--mode-text-sec);font-size:12px}.pm-revision-status{align-self:flex-start;border-radius:999px;font-size:11px;font-weight:750;padding:4px 8px}.pm-revision-status.pending{color:#92400e;background:#fef3c7}.pm-revision-status.approved{color:#047857;background:#d1fae5}.pm-revision-item p{margin:10px 0;color:var(--mode-text);font-size:13px;line-height:1.5}.pm-revision-delta{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px;align-items:center;padding:9px;border-radius:8px;background:var(--mode-card-bg)}.pm-revision-delta div{min-width:0;display:flex;flex-direction:column;gap:3px}.pm-revision-delta span{color:var(--mode-text-sec);font-size:11px}.pm-revision-delta strong{color:var(--mode-text);font-size:13px}.pm-revision-delta small{color:var(--mode-text-sec);font-size:11px;line-height:1.4}.pm-revision-approve{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px}.pm-revision-approved-ref{margin-top:10px;color:var(--success);font-size:12px;font-weight:650}.pm-revision-empty{min-height:220px;border:1px dashed var(--mode-card-border);border-radius:10px;color:var(--mode-text-sec);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;padding:24px}.pm-revision-empty.compact{min-height:150px}.pm-tabs{display:flex;gap:4px;padding:0 20px;background:var(--mode-bg);border-bottom:1px solid var(--mode-card-border)}.pm-tab{padding:10px 16px;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--mode-text-sec);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.pm-tab:hover{color:var(--mode-text)}.pm-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.pm-filter-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:12px;min-width:200px;z-index:100}.pm-filter-dropdown-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin-bottom:8px}.pm-filter-option{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;font-size:12px;border-radius:4px}.pm-filter-option:hover{background:var(--mode-hover)}.pm-filter-actions{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--mode-card-border)}.pm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;display:flex;align-items:center;justify-content:center}.pm-modal{background:var(--mode-card-bg);border-radius:16px;width:90vw;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003}.pm-modal-header{padding:16px 20px;border-bottom:1px solid var(--mode-card-border);display:flex;justify-content:space-between;align-items:center}.pm-modal-title{font-size:16px;font-weight:700}.pm-modal-body{flex:1;overflow-y:auto;padding:20px}.pm-modal-footer{padding:12px 20px;border-top:1px solid var(--mode-card-border);display:flex;gap:10px;justify-content:flex-end}.pm-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:none;white-space:nowrap;transition:all .15s}.pm-btn-primary{background:var(--primary);color:#fff}.pm-btn-primary:hover{background:#006cbd}.pm-btn-secondary{background:var(--mode-card-bg);color:var(--mode-text);border:1px solid var(--mode-card-border)}.pm-btn-secondary:hover{background:var(--mode-hover)}.pm-btn-success{background:#10b981;color:#fff}.pm-btn-danger{background:#ef4444;color:#fff}@media (max-width: 1024px){.pm-portfolio-head,.pm-workbench-toolbar{align-items:stretch;flex-direction:column}.pm-head-controls{justify-content:flex-start}.pm-dashboard{grid-template-columns:1fr}.pm-metric-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.pm-workbench-summary{margin-left:0;flex-wrap:wrap;white-space:normal}.pm-detail-panel{width:100vw}.pm-kpi-row{grid-template-columns:repeat(2,1fr)}.pm-revision-layout{grid-template-columns:1fr}}@media (max-width: 768px){.pm-page-shell{padding:14px}.pm-title-block h1{font-size:21px}.pm-head-controls,.pm-head-controls .btn,.pm-year-control{width:100%}.pm-head-controls .btn,.pm-year-control{justify-content:center}.pm-metric-grid,.pm-chapter-strip{grid-template-columns:1fr}.pm-search-modern{max-width:none;min-width:0;width:100%}.pm-table-scroll,.pm-list-scroll{max-height:none}.pm-list-head{display:none}.pm-list-group-row{flex-wrap:wrap}.pm-list-group-row em{width:100%;margin-left:21px}.pm-list-row{grid-template-columns:1fr;gap:8px;padding:12px 14px}.pm-list-contractor,.pm-list-budget,.pm-list-status{text-align:left}.pm-list-budget,.pm-list-status{justify-content:flex-start}.pm-list-progress{max-width:220px}.pm-header{flex-direction:column;align-items:stretch}.pm-header-actions{justify-content:flex-start}.pm-toolbar{flex-direction:column;align-items:stretch}.pm-search-wrap{max-width:none}.pm-kpi-row{grid-template-columns:1fr;padding:12px}.pm-table-container{margin:0 12px 12px;border-radius:8px}.pm-tabs{overflow-x:auto;padding:0 12px}.pm-tab{padding:8px 12px;font-size:12px}.pm-revision-form-grid,.pm-revision-approve{grid-template-columns:1fr}.pm-revision-actions{align-items:stretch;flex-direction:column}}.rm-kpi-row{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.rm-kpi-card{flex:1;min-width:140px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid var(--mode-card-border);background:var(--mode-card-bg);transition:all .15s;cursor:default}.rm-kpi-card:hover{border-color:var(--primary);transform:translateY(-1px)}.rm-kpi-card .icon-wrap{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rm-kpi-card .body{flex:1;min-width:0}.rm-kpi-card .value{font-size:18px;font-weight:800;line-height:1.1;color:var(--mode-text)}.rm-kpi-card .label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--mode-text-sec);margin-top:2px}.rm-surface-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:700;white-space:nowrap}.rm-surface-badge.ac{background:#0078d426;color:#0078d4;border:1px solid rgba(0,120,212,.3)}.rm-surface-badge.dbst{background:#00bcf226;color:#00bcf2;border:1px solid rgba(0,188,242,.3)}.rm-surface-badge.concrete{background:#0ea5e926;color:#0ea5e9;border:1px solid rgba(14,165,233,.3)}.rm-surface-badge.laterite{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.rm-surface-badge.earth{background:#78716c26;color:#78716c;border:1px solid rgba(120,113,108,.3)}.rm-status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:700}.rm-status-badge.active{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.rm-status-badge.inactive{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.rm-status-badge .dot{width:6px;height:6px;border-radius:50%}.rm-status-badge.active .dot{background:#10b981}.rm-status-badge.inactive .dot{background:#94a3b8}.rm-filter-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:10px;margin-bottom:16px;flex-wrap:wrap}.rm-filter-bar input,.rm-filter-bar select{padding:8px 12px;border-radius:8px;border:1px solid var(--mode-card-border);background:var(--mode-bg);color:var(--mode-text);font-size:13px;font-family:inherit}.rm-filter-bar input{flex:1;min-width:200px}.rm-province-group{background:var(--mode-card-bg);border-radius:12px;margin-bottom:16px;overflow:hidden;border:1px solid var(--mode-card-border)}.rm-province-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#0078d414,#00bcf20d);border-bottom:1px solid var(--mode-card-border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s;position:relative}.rm-province-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad-primary)}.rm-province-header:hover{background:var(--mode-hover)}.rm-province-header .chevron{transition:transform .2s;color:var(--primary);flex-shrink:0}.rm-province-header.collapsed .chevron{transform:rotate(-90deg)}.rm-province-header .name{font-size:13px;font-weight:700;color:var(--mode-text);flex:1}.rm-province-header .meta{display:flex;gap:8px;align-items:center}.rm-province-header .badge{padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700}.rm-province-header .badge.segments{background:#0078d41a;color:var(--primary)}.rm-province-header .badge.km,.rm-province-header .badge.active{background:#0596691a;color:var(--success)}.rm-table-header{display:grid;grid-template-columns:90px 130px 70px 70px 110px 100px 80px;padding:10px 16px 10px 38px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--mode-text-sec);background:var(--mode-bg);border-bottom:1px solid var(--mode-card-border)}.rm-table-row{display:grid;grid-template-columns:90px 130px 70px 70px 110px 100px 80px;padding:10px 16px 10px 38px;border-bottom:1px solid var(--mode-card-border);align-items:center;font-size:12px;cursor:pointer;transition:background .1s}.rm-table-row:hover{background:var(--mode-hover)}.rm-table-row .road-col{font-weight:700;color:var(--mode-text)}.rm-table-row .pk-col{color:var(--mode-text-sec);font-size:11px;font-family:monospace}.rm-table-row .length-col{color:var(--mode-text-sec)}.rm-table-row .contract-col{color:var(--mode-text-sec);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-btn-detail{padding:4px 10px;border-radius:5px;border:1px solid var(--mode-card-border);background:var(--mode-bg);color:var(--mode-text-sec);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.rm-btn-detail:hover{border-color:var(--primary);color:var(--primary)}.rm-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;animation:fadeIn .15s ease}.rm-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:95vw;background:var(--mode-card-bg);z-index:1001;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;overflow-y:auto;animation:slideLeft .2s ease}.rm-drawer-header{padding:16px 20px;border-bottom:1px solid var(--mode-card-border);flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-start}.rm-drawer-header .title{font-size:15px;font-weight:700;color:var(--mode-text)}.rm-drawer-header .subtitle{font-size:12px;color:var(--mode-text-sec);margin-top:2px}.rm-drawer-header .close-btn{background:none;border:none;cursor:pointer;color:var(--mode-text-sec);padding:4px;border-radius:4px;transition:all .15s}.rm-drawer-header .close-btn:hover{background:var(--mode-hover);color:var(--mode-text)}.rm-drawer-tags{padding:12px 20px;display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--mode-card-border)}.rm-drawer-section{padding:16px 20px;border-bottom:1px solid var(--mode-card-border)}.rm-drawer-section-title{font-size:11px;font-weight:700;color:var(--mode-text-sec);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.rm-work-code{margin-bottom:12px}.rm-work-code-header{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.rm-work-code-header .code{color:#4680ff;font-weight:600;margin-right:4px}.rm-work-code-header .desc{color:var(--mode-text);font-weight:600}.rm-work-code-header .qty{color:var(--mode-text-sec);font-size:11px}.rm-progress-bar{height:5px;background:var(--mode-bg);border-radius:3px;overflow:hidden}.rm-progress-fill{height:100%;border-radius:3px;transition:width .4s ease}.rm-activity-item{display:flex;gap:10px;font-size:12px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--mode-card-border)}.rm-activity-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.rm-activity-item .date{color:#4680ff;font-weight:600;white-space:nowrap;min-width:80px}.rm-activity-item .engineer{font-weight:600;color:var(--mode-text)}.rm-activity-item .notes{color:var(--mode-text-sec);margin-top:2px}.rm-life-section{padding:12px 20px;border-top:1px solid var(--mode-card-border);background:var(--mode-bg);flex-shrink:0}.rm-life-section .title{font-size:10px;font-weight:700;color:var(--mode-text-sec);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.rm-life-bar{display:flex;align-items:center;gap:10px}.rm-life-bar .track{flex:1;height:6px;background:var(--mode-card-border);border-radius:3px;overflow:hidden}.rm-life-bar .fill{height:100%;background:linear-gradient(90deg,#10b981,#0078d4);border-radius:3px}.rm-life-bar .value{font-size:13px;font-weight:700;color:#10b981;white-space:nowrap}.rm-pk-checker{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:10px;overflow:hidden}.rm-pk-checker-header{padding:12px 14px;border-bottom:1px solid var(--mode-card-border);display:flex;align-items:center;gap:8px}.rm-pk-checker-header .title{font-size:13px;font-weight:700;color:var(--mode-text)}.rm-pk-checker-body{padding:14px}.rm-pk-form{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}.rm-pk-form-group{flex:2 1 120px}.rm-pk-form-group.small{flex:1 1 80px}.rm-pk-form-group label{font-size:11px;font-weight:600;color:var(--mode-text-sec);margin-bottom:3px;display:block}.rm-pk-form-group input,.rm-pk-form-group select{width:100%;padding:8px 10px;border:1px solid var(--mode-card-border);border-radius:6px;font-size:13px;background:var(--mode-bg);color:var(--mode-text);box-sizing:border-box}.rm-pk-result{margin-top:12px;border-radius:8px;padding:12px 14px;animation:fadeIn .2s ease}.rm-pk-result.covered{background:#d1fae5;border:1px solid rgba(5,150,105,.3)}.rm-pk-result.partial{background:#fef3c7;border:1px solid rgba(217,119,6,.3)}.rm-pk-result.not-covered{background:#fee2e2;border:1px solid rgba(220,38,38,.3)}.rm-pk-result .status{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13px;margin-bottom:8px}.rm-pk-result.covered .status{color:#059669}.rm-pk-result.partial .status{color:#d97706}.rm-pk-result.not-covered .status{color:#dc2626}.rm-pk-diagram{position:relative;height:36px;margin:8px 0}.rm-pk-diagram .track{position:absolute;left:0;right:0;top:16px;height:3px;background:var(--mode-card-border);border-radius:2px}.rm-pk-diagram .rm-segment{position:absolute;top:16px;height:3px;background:#10b981;border-radius:2px}.rm-pk-diagram .query-range{position:absolute;top:11px;height:14px;border:2px solid #0078d4;border-radius:3px;background:#0078d41f}.rm-pk-diagram .label-start,.rm-pk-diagram .label-end{position:absolute;top:22px;font-size:10px;color:var(--mode-text-sec)}.rm-pk-diagram .label-start{left:0}.rm-pk-diagram .label-end{right:0;text-align:right}.rm-pk-legend{position:absolute;top:0;right:0;display:flex;gap:12px;font-size:10px;color:var(--mode-text-sec)}.rm-pk-legend span{display:flex;align-items:center;gap:4px}.rm-pk-legend .rm-mark{width:10px;height:3px;background:#10b981;border-radius:2px}.rm-pk-legend .query-mark{width:10px;height:7px;border:2px solid #0078d4;border-radius:2px}.rm-header-actions{display:flex;gap:8px;align-items:center}.rm-header-actions select{padding:6px 12px;border-radius:6px;border:1px solid var(--mode-card-border);background:var(--mode-bg);color:var(--mode-text);font-size:12px;font-weight:600;cursor:pointer}.rm-header-actions .btn-toggle{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;border:1px solid var(--mode-card-border);background:var(--mode-bg);color:var(--mode-text-sec);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.rm-header-actions .btn-toggle:hover{border-color:var(--primary);color:var(--primary)}.rm-header-actions .btn-toggle.active{border-color:#4680ff;background:#eff6ff;color:#0078d4}.rm-tools-panel{background:var(--mode-card-bg);border-bottom:1px solid var(--mode-card-border);padding:16px 20px;flex-shrink:0;display:flex;gap:16px;flex-wrap:wrap;animation:slideDown .2s ease}.rm-tools-panel>div{flex:1 1 380px;min-width:0}.rm-empty-state{padding:48px;text-align:center;color:var(--mode-text-sec)}.rm-empty-state .icon{margin-bottom:12px;opacity:.35}.rm-empty-state .title{font-weight:600;font-size:14px;color:var(--mode-text)}.rm-empty-state .subtitle{font-size:12px;margin-top:4px}.rm-spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--mode-card-border);border-top-color:#4680ff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.rm-kpi-card{min-width:calc(50% - 5px)}.rm-kpi-row{gap:8px}.rm-filter-bar{padding:10px 12px}.rm-table-header{display:none}.rm-table-row{display:block;padding:12px 16px;margin-bottom:8px;border:1px solid var(--mode-card-border);border-radius:10px;background:var(--mode-card-bg)}.rm-table-row>span{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--mode-card-border)}.rm-table-row>span:last-child{border-bottom:none}.rm-table-row>span:before{content:attr(data-label);font-weight:700;font-size:10px;text-transform:uppercase;color:var(--mode-text-sec)}.rm-table-row .road-col,.rm-table-row .pk-col,.rm-table-row .length-col{font-size:13px}.rm-province-header .meta{flex-wrap:wrap;justify-content:flex-end}.rm-tools-panel{flex-direction:column}.rm-tools-panel>div{flex:1 1 auto;width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.insp-toast{position:fixed;bottom:1.25rem;right:1.25rem;z-index:9999;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;font-size:.85rem;font-weight:500;color:#fff;box-shadow:0 4px 12px #00000026;animation:slideIn .25s ease;max-width:420px}.insp-toast button{background:none;border:none;cursor:pointer;color:#fff;margin-left:auto;opacity:.7;display:flex;align-items:center}.insp-toast button:hover{opacity:1}.insp-toast-success{background:var(--grad-primary)}.insp-toast-error{background:#ef4444}.insp-toast-info{background:#0078d4}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.insp-processing-badge{display:flex;align-items:center;gap:.5rem;background:var(--mode-bg);padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:600;color:var(--mode-text);border:1px solid var(--mode-card-border)}.insp-tabs{display:flex;gap:0;border-bottom:1px solid var(--mode-card-border);background:var(--mode-card-bg);padding:0 1.5rem}.insp-tab{background:none;border:none;border-bottom:2px solid transparent;padding:12px 16px;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--mode-text-sec);display:flex;align-items:center;gap:6px;transition:all .2s;font-family:inherit}.insp-tab:hover{color:var(--mode-text);background:var(--mode-hover)}.insp-tab-active{color:var(--primary);font-weight:700;border-bottom-color:var(--primary)}.insp-filter-bar{display:flex;align-items:center;gap:12px;padding:12px 1.5rem;flex-wrap:wrap;justify-content:flex-end}.insp-search-box{position:relative;width:260px}.insp-search-box .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:.5}.insp-search-box input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--mode-card-border);border-radius:8px;font-size:13px;background:var(--mode-card-bg);color:var(--mode-text)}.insp-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.insp-kpi-card{padding:16px 20px;border-radius:12px;background:var(--mode-card-bg);border:1px solid var(--mode-card-border);position:relative;overflow:hidden}.insp-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-primary)}.insp-kpi-card .label{font-size:11px;font-weight:700;color:var(--mode-text-sec);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.insp-kpi-card .value{font-size:24px;font-weight:800;color:var(--mode-text);margin-bottom:4px}.insp-kpi-card .sub{font-size:12px;color:var(--mode-text-sec)}.insp-template-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--mode-bg);border:1px dashed var(--mode-card-border);border-radius:8px;margin-bottom:16px}.insp-template-bar .info{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--mode-text-sec)}.insp-table-container{flex:1;overflow-y:auto;background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:8px}.insp-data-table{width:100%;border-collapse:collapse;font-size:14px}.insp-data-table th,.insp-data-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--mode-card-border)}.insp-data-table th{background:var(--mode-bg);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--mode-text-sec);position:sticky;top:0;z-index:10;box-shadow:0 1px 2px #0000000d}.insp-data-table tr:hover td{background:var(--mode-hover)}.insp-road-group{background:linear-gradient(135deg,#0078d414,#00bcf20d);cursor:pointer}.insp-road-group td{padding:10px 14px;font-weight:700;font-size:14px;color:var(--mode-text);border-bottom:1px solid var(--mode-card-border)}.insp-road-group:hover{background:linear-gradient(135deg,#0078d41f,#00bcf214)}.insp-road-group .chevron{margin-right:8px;transition:transform .2s;color:var(--primary)}.insp-road-group.collapsed .chevron{transform:rotate(-90deg)}.insp-road-group .meta{margin-left:12px;font-size:11px;color:var(--mode-text-sec);font-weight:500}.insp-survey-row td{padding-left:36px}.insp-data-table .road-col{font-weight:600;color:var(--mode-text)}.insp-data-table .pk-col{color:var(--mode-text-sec);font-size:13px}.insp-data-table .iri-col{font-weight:700}.insp-data-table .iri-col.good{color:var(--success)}.insp-data-table .iri-col.fair{color:var(--warning)}.insp-data-table .iri-col.poor{color:var(--danger)}.insp-data-table .date-col{font-size:13px;color:var(--mode-text-sec)}.insp-data-table .team-col{width:100px}.insp-team-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700}.insp-team-badge.a{background:#0078d426;color:var(--primary)}.insp-team-badge.b{background:#7c3aed26;color:#7c3aed}.insp-team-badge.c{background:#d9770626;color:var(--warning)}.insp-condition-good{background:#05966926;color:var(--success)}.insp-condition-fair{background:#d9770626;color:var(--warning)}.insp-condition-poor{background:#dc262626;color:var(--danger)}.insp-action-btn{width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;color:var(--mode-text-sec);transition:all .2s}.insp-action-btn:hover{background:var(--mode-hover);color:var(--mode-text)}.insp-detail-panel{background:var(--mode-bg);border-top:1px dashed var(--mode-card-border)}.insp-detail-content{padding:16px 20px;display:flex;gap:20px}.insp-detail-chart{flex:1;background:var(--mode-card-bg);padding:16px;border-radius:12px;border:1px solid var(--mode-card-border)}.insp-detail-chart .header{font-weight:700;font-size:13px;color:var(--mode-text-sec);margin-bottom:16px;display:flex;align-items:center;gap:8px}.insp-detail-history{flex:1}.insp-detail-history .header{font-weight:700;font-size:13px;color:var(--mode-text-sec);margin-bottom:12px}.insp-history-table{width:100%;border-collapse:collapse;font-size:12px}.insp-history-table th,.insp-history-table td{padding:8px 0;text-align:left;border-bottom:1px solid var(--mode-card-border)}.insp-history-table th{color:var(--mode-text-sec);font-weight:600;font-size:11px}.insp-chainage-panel{background:var(--mode-card-bg);padding:16px;border-radius:12px;border:1px solid var(--mode-card-border);margin-top:16px}.insp-chainage-panel .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.insp-chainage-panel .title{font-weight:700;font-size:13px;color:var(--mode-text-sec);display:flex;align-items:center;gap:8px}.insp-table-link{font-weight:600;color:var(--primary);text-decoration:none}.insp-table-link:hover{text-decoration:underline}.insp-wizard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:300;opacity:0;visibility:hidden;transition:opacity .3s}.insp-wizard-overlay.open{opacity:1;visibility:visible}.insp-wizard-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);width:800px;max-width:95vw;max-height:90vh;background:var(--mode-card-bg);border-radius:16px;border:1px solid var(--mode-card-border);z-index:301;opacity:0;visibility:hidden;transition:all .3s;overflow:hidden;display:flex;flex-direction:column}.insp-wizard-modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.insp-wizard-header{padding:20px;border-bottom:1px solid var(--mode-card-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.insp-wizard-title{font-size:16px;font-weight:700}.insp-wizard-close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--mode-text);cursor:pointer;display:flex;align-items:center;justify-content:center}.insp-wizard-close:hover{background:var(--mode-hover)}.insp-wizard-body{padding:24px;flex:1;overflow-y:auto}.insp-wizard-footer{padding:16px 24px;border-top:1px solid var(--mode-card-border);display:flex;gap:12px;justify-content:flex-end;flex-shrink:0}.insp-wizard-steps{display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--mode-card-border)}.insp-wizard-step{flex:1;text-align:center;padding:12px;border-radius:8px;background:var(--mode-bg);font-size:12px;font-weight:600;color:var(--mode-text-sec)}.insp-wizard-step.active{background:var(--grad-primary);color:#fff}.insp-wizard-step.completed{background:var(--success);color:#fff}.insp-upload-zone{border:2px dashed var(--mode-card-border);border-radius:12px;padding:40px;text-align:center;background:var(--mode-bg);cursor:pointer;transition:all .2s}.insp-upload-zone:hover{border-color:var(--primary);background:#0078d40d}.insp-upload-zone .icon{margin-bottom:12px}.insp-upload-zone .title{font-size:14px;font-weight:600;color:var(--mode-text);margin-bottom:8px}.insp-upload-zone .sub{font-size:12px;color:var(--mode-text-sec)}.insp-preview-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:16px}.insp-preview-table th,.insp-preview-table td{padding:8px 12px;border:1px solid var(--mode-card-border);text-align:left}.insp-preview-table th{background:var(--mode-bg);font-weight:700;font-size:10px}.insp-preview-table tr:hover{background:var(--mode-hover)}.insp-preview-table input{width:100%;padding:4px 8px;border:1px solid var(--mode-card-border);border-radius:4px;background:var(--mode-card-bg);color:var(--mode-text);font-size:11px}@media (max-width: 1024px){.insp-kpi-row{grid-template-columns:repeat(2,1fr)}.insp-detail-content{flex-direction:column}}@media (max-width: 768px){.insp-kpi-row{grid-template-columns:1fr}.insp-tabs{padding:0 12px;overflow-x:auto}.insp-tab{padding:10px 12px;font-size:12px;white-space:nowrap}.insp-filter-bar{padding:12px;justify-content:flex-start}.insp-search-box{width:100%}.insp-data-table th,.insp-data-table td{padding:8px 10px}.insp-wizard-modal{width:95vw}}@media (max-width: 768px){.sidebar{display:none!important}.main-content{flex-direction:column}main{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))!important}.header{height:56px;padding:0 1rem}.header-stats{display:none}.header-logo h1{font-size:1rem}h1{font-size:1.3rem}h2{font-size:1.15rem}h3{font-size:1rem}.page-content,.view-container{padding:12px 14px!important}.stats-grid,.kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.table-container{border-radius:0;border-left:none;border-right:none;overflow-x:auto;-webkit-overflow-scrolling:touch}.table th,.table td{padding:.6rem .75rem;font-size:.8rem;white-space:nowrap}.table-mobile-cards thead{display:none}.table-mobile-cards,.table-mobile-cards tbody,.table-mobile-cards tr,.table-mobile-cards td{display:block;width:100%}.table-mobile-cards tr{border:1px solid var(--mode-card-border);border-radius:10px;margin-bottom:10px;padding:10px 12px;background:var(--mode-card-bg)}.table-mobile-cards td{border:none;padding:5px 0;font-size:.85rem;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;border-bottom:1px dashed var(--mode-card-border)}.table-mobile-cards td:last-child{border-bottom:none}.table-mobile-cards td:before{content:attr(data-label);font-weight:600;font-size:.75rem;color:var(--mode-text-sec);white-space:nowrap;flex-shrink:0;min-width:90px}button,.btn,input:not([type=hidden]),select,textarea,a.btn{min-height:44px}.modal-content,[class*=modal-content]{width:100vw!important;max-width:100vw!important;margin:0!important;border-radius:16px 16px 0 0!important;max-height:92vh!important;position:fixed!important;bottom:0!important;left:0!important}[class*=split-pane],[class*=split-view]{flex-direction:column!important;width:100%!important}.card:hover{box-shadow:var(--shadow-soft);border-color:var(--mode-card-border)}.table tr:hover td{background:unset}.tab-list,[class*=tab-bar]{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;scrollbar-width:none}.tab-list::-webkit-scrollbar{display:none}.floating-chat-btn{bottom:calc(70px + env(safe-area-inset-bottom,0px))!important;width:52px!important;height:52px!important}.floating-chat-panel{width:calc(100vw - 2rem)!important;right:1rem!important}.form-row,[class*=form-row]{flex-direction:column!important;gap:12px!important}.page-header-bar{flex-direction:column;align-items:flex-start}.page-action-group{width:100%}.page-action-group .btn{flex:1;justify-content:center}.filters-bar{flex-direction:column;align-items:stretch;gap:.5rem}.filter-group{flex:1}.filter-group select,.filter-group input{width:100%}.grid-responsive-2,.grid-responsive-3,.grid-responsive-4{grid-template-columns:repeat(2,1fr)}.flex-col-mobile{flex-direction:column}.hide-mobile{display:none!important}}@media (min-width: 481px) and (max-width: 768px){.stats-grid,.kpi-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 380px){body{font-size:13px}.header-logo img{width:28px;height:28px}.header-logo h1{font-size:.9rem}}@media (min-width: 769px){.grid-responsive-2{grid-template-columns:repeat(2,1fr)}.grid-responsive-3{grid-template-columns:repeat(3,1fr)}.grid-responsive-4{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.grid-responsive-2,.grid-responsive-3,.grid-responsive-4{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.road-inventory-view{min-height:100vh;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--mode-bg),var(--mode-bg-end));padding:0;overflow:hidden}.inventory-header{background:var(--mode-topbar);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--mode-topbar-border);padding:1.25rem 1.5rem;position:sticky;top:0;z-index:100;animation:fadeInUp .5s ease-out}.header-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.header-title{display:flex;flex-direction:column;gap:.25rem}.header-title h1{font-size:1.5rem;font-weight:700;color:var(--mode-text);margin:0;letter-spacing:-.02em}.header-title p{font-size:.8125rem;color:var(--mode-text-sec);margin:0}.header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.search-bar-row{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.search-input-wrap{position:relative;flex:1}.search-input{width:100%;padding:.6rem 2.5rem;border-radius:8px;border:1px solid var(--mode-input-border);background:var(--mode-input-bg);font-size:.85rem;color:var(--mode-text);transition:border-color var(--transition),box-shadow var(--transition)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0078d41f}.search-input::placeholder{color:var(--mode-text-sec);opacity:.7}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--mode-text-sec);padding:2px;border-radius:4px;display:flex;align-items:center}.search-clear:hover{color:var(--mode-text);background:var(--mode-hover)}.filter-toggle-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:8px;border:1px solid var(--mode-input-border);background:var(--mode-input-bg);color:var(--mode-text-sec);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap}.filter-toggle-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-toggle-btn.active{border-color:var(--primary);background:#0078d40f;color:var(--primary)}.filter-count{background:var(--primary);color:#fff;border-radius:10px;padding:0 6px;font-size:.7rem;font-weight:700;line-height:18px;min-width:18px;text-align:center}.results-info{font-size:.8rem;color:var(--mode-text-sec);white-space:nowrap;margin-left:auto}.filter-panel{margin-top:.75rem;padding:.75rem;background:var(--mode-hover);border-radius:8px;border:1px solid var(--mode-card-border);animation:fadeInUp .2s ease-out}.filter-row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.filter-row .filter-select{min-width:140px}.clear-filters-btn{display:flex;align-items:center;gap:.3rem;padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(220,38,38,.2);background:#dc26260d;color:var(--danger);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.clear-filters-btn:hover{background:#dc26261a}.error-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;margin:0 1.5rem;background:var(--alert-error-bg);color:var(--alert-error-text);border-radius:8px;border:1px solid rgba(220,38,38,.15);font-size:.85rem;animation:fadeInUp .3s ease-out}.error-banner strong{display:block;font-size:.9rem}.error-banner p{margin:.2rem 0 0;font-size:.8rem;opacity:.8}.error-banner code{background:#dc26261a;padding:1px 5px;border-radius:3px;font-size:.8rem}.retry-btn{display:flex;align-items:center;gap:.4rem;margin-left:auto;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(220,38,38,.3);background:#dc262614;color:var(--alert-error-text);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap}.retry-btn:hover{background:#dc262626}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:1.25rem 1.5rem;animation:fadeInUp .5s ease-out .1s both}.kpi-card{background:var(--mode-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--mode-card-border);border-radius:var(--card-radius);padding:1.25rem;position:relative;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition);cursor:default}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-primary);opacity:0;transition:opacity .3s ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.kpi-card:hover:before{opacity:1}.kpi-card.total-network:before{background:var(--grad-primary)}.kpi-card.nr-card:before{background:linear-gradient(135deg,#0078d4,#00bcf2)}.kpi-card.pr-card:before{background:linear-gradient(135deg,#6b5ce7,#a78bfa)}.kpi-card.surface-card:before{background:linear-gradient(135deg,#059669,#34d399)}.kpi-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.kpi-header img{opacity:.6}.kpi-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--mode-text-sec)}.kpi-value{font-size:2rem;font-weight:800;line-height:1;margin-bottom:.25rem;color:var(--mode-text);animation:countUp .6s ease-out}.kpi-value.large{font-size:2.5rem;background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kpi-unit{font-size:.8125rem;color:var(--mode-text-sec);font-weight:500}.kpi-sub{font-size:.75rem;color:var(--mode-text-sec);margin-top:.5rem}.stats-split{display:flex;gap:2rem;padding-top:.5rem}.stat-value{font-size:1.5rem;font-weight:800;line-height:1;color:var(--mode-text)}.stat-value.nr-value{color:#0078d4}.stat-value.pr-value{color:#6b5ce7}.stat-label{font-size:.7rem;color:var(--mode-text-sec);font-weight:500}.digit-pills{display:flex;gap:.6rem;flex-wrap:wrap;padding-top:.5rem}.digit-pill{display:flex;align-items:baseline;gap:.2rem;padding:.4rem .75rem;background:var(--mode-hover);border-radius:20px;font-size:.8rem;transition:background var(--transition)}.digit-pill:hover{background:#0078d414}.digit-pill .count{font-size:1.1rem;font-weight:800;color:var(--mode-text)}.digit-pill .label{font-size:.65rem;color:var(--mode-text-sec);font-weight:600}.surface-composition{display:flex;flex-direction:column;gap:.75rem}.surface-legend{display:flex;gap:.75rem;flex-wrap:wrap}.surface-legend-item{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--mode-text-sec);font-weight:600}.surface-legend-dot{width:8px;height:8px;border-radius:50%}.surface-bar-container{height:14px;background:var(--mode-hover);border-radius:8px;overflow:hidden;display:flex;gap:2px;padding:2px}.surface-bar-segment{height:100%;border-radius:6px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.surface-bar-segment.concrete{background:linear-gradient(135deg,#0078d4,#6b5ce7)}.surface-bar-segment.ac{background:linear-gradient(135deg,#059669,#34d399)}.surface-bar-segment.dbst{background:linear-gradient(135deg,#d97706,#fbbf24)}.surface-bar-segment.gravel{background:linear-gradient(135deg,#6b7280,#9ca3af)}.filter-input{padding:.6rem 1rem;border-radius:8px;border:1px solid var(--mode-input-border);background:var(--mode-input-bg);font-size:.85rem;color:var(--mode-text);transition:border-color var(--transition),box-shadow var(--transition);min-width:150px}.filter-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0078d426}.filter-select{padding:.6rem 2rem .6rem 1rem;border-radius:8px;border:1px solid var(--mode-input-border);background:var(--mode-input-bg);font-size:.85rem;color:var(--mode-text);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0078d426}.road-inventory-view .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:8px;border:none;background:var(--grad-primary);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition);box-shadow:0 2px 8px #0078d440}.road-inventory-view .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0078d459}.table-container{flex:1;padding:0 1.5rem 1.5rem;overflow:hidden;display:flex;flex-direction:column;animation:fadeInUp .5s ease-out .2s both}.table-container .datatable-pro{flex:1;display:flex;flex-direction:column;overflow:hidden}.table-container .datatable-pro__table-wrap{flex:1;overflow:auto}.cell-digit-class{font-size:.75rem;color:#64748b;font-weight:600}.cell-road-number{font-weight:600}.cell-old-road-no{font-size:.7rem;color:#64748b}.cell-route{display:flex;flex-direction:column;gap:.1rem}.cell-route-start{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}.cell-route-end{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:.75rem;color:#64748b}.cell-empty{color:#94a3b8}.cell-surface-stack{display:flex;flex-direction:column;gap:.2rem;align-items:flex-start}.cell-province{font-size:.78rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-card{padding-left:28px}.mobile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mobile-card-left{display:flex;align-items:center;gap:8px}.mobile-card-road{font-weight:600}.mobile-card-length{font-size:.75rem;color:#64748b}.mobile-card-name{font-size:.8125rem;color:#334155;margin-bottom:4px}.mobile-card-route{font-size:.75rem;color:#64748b}.mobile-card-surfaces{display:flex;gap:8px;margin-top:8px}.summary-row{display:flex;gap:16px;font-size:.8125rem}.road-inventory-view .modal-overlay,.upload-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeInUp .25s ease-out}.road-inventory-view .modal,.upload-modal{background:var(--mode-card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;max-width:580px;border-radius:var(--card-radius);border:1px solid var(--mode-card-border);box-shadow:var(--shadow-3d);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;animation:slideInRight .3s ease-out}.upload-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--mode-divider)}.upload-modal-header h2{font-size:1.125rem;font-weight:700;margin:0;color:var(--mode-text)}.upload-modal-close{background:none;border:none;cursor:pointer;color:var(--mode-text-sec);padding:.4rem;border-radius:6px;transition:background var(--transition),color var(--transition)}.upload-modal-close:hover{background:var(--mode-hover);color:var(--mode-text)}.upload-modal-body{padding:1.5rem;overflow-y:auto}.upload-modal-header-left{display:flex;align-items:center;gap:12px}.drop-zone{border:2px dashed var(--mode-input-border);border-radius:var(--card-radius);padding:2rem;text-align:center;cursor:pointer;transition:border-color var(--transition),background var(--transition);background:var(--mode-hover)}.drop-zone:hover,.drop-zone.active{border-color:var(--primary);background:#0078d40a}.drop-zone-icon{color:var(--mode-text-sec);margin-bottom:.75rem}.drop-zone-text{font-size:.9rem;font-weight:600;color:var(--mode-text);margin-bottom:.25rem}.drop-zone-subtext{font-size:.8rem;color:var(--mode-text-sec)}.file-selected{display:flex;align-items:center;gap:.5rem;justify-content:center}.file-selected span{font-weight:600;color:var(--mode-text)}.file-selected button{background:none;border:none;cursor:pointer;color:#ef4444;padding:2px}.file-size{font-size:.8rem;color:#64748b}.upload-form-row{display:flex;gap:.75rem;margin-top:1rem;align-items:center}.upload-form-row .filter-input{flex:2}.upload-form-row .filter-select{flex:1}.upload-btn{display:flex;align-items:center;gap:.4rem}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.upload-error{margin-top:1rem;padding:.75rem 1rem;border-radius:10px;background:#fef2f2;color:#991b1b;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.job-status-card{margin-top:1rem;padding:1rem;border-radius:8px;border:1px solid var(--mode-card-border);background:var(--mode-hover)}.job-status-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.job-status-header .status{font-weight:600;font-size:.85rem;text-transform:capitalize;color:var(--mode-text)}.job-status-header .job-id{font-size:.75rem;color:var(--mode-text-sec);margin-left:auto}.job-progress-info{display:flex;justify-content:space-between;font-size:.75rem;color:#64748b;margin-bottom:.3rem}.job-stats{font-size:.85rem;color:#475569}.job-stats.success{color:#10b981}.progress-bar-container{width:100%;height:6px;background:var(--mode-hover);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-bar-fill{height:100%;background:var(--grad-primary);border-radius:4px;transition:width .3s ease}.progress-bar-fill.processing{background:linear-gradient(90deg,#d97706,#fbbf24,#d97706);background-size:200% 100%;animation:gradientMove 1.5s ease infinite}.progress-bar-fill.done{background:linear-gradient(90deg,#059669,#34d399)}.progress-bar-fill.failed{background:linear-gradient(90deg,#dc2626,#f87171)}.jobs-history{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--mode-divider)}.jobs-history h3{font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:var(--mode-text)}.job-item{padding:.75rem;border-radius:8px;border:1px solid var(--mode-card-border);background:var(--mode-card-bg);margin-bottom:.5rem;transition:background var(--transition)}.job-item:hover{background:var(--mode-hover)}.job-item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.job-item-status{font-weight:600;font-size:.8rem;text-transform:capitalize}.job-item-status.done{color:var(--success)}.job-item-status.failed{color:var(--danger)}.job-item-status.processing{color:var(--warning)}.job-item-filename{font-size:.75rem;color:var(--mode-text-sec)}.job-item-time{font-size:.7rem;color:var(--mode-text-sec);margin-left:auto;margin-right:.5rem}.job-item-delete{background:none;border:none;padding:4px;cursor:pointer;color:var(--mode-text-sec);border-radius:4px;transition:color var(--transition),background var(--transition)}.job-item-delete:hover{color:var(--danger);background:#dc262614}.job-item-stats{display:flex;gap:1rem;font-size:.75rem;color:var(--mode-text-sec)}.job-item-progress{height:4px;margin-bottom:.4rem}.detail-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;background:#0000004d;animation:fadeInUp .25s ease-out}.spinner{animation:spin 1s linear infinite}.detail-panel{position:fixed;top:0;right:0;bottom:0;width:640px;background:var(--mode-card-bg);border-left:1px solid var(--mode-card-border);z-index:9999;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000001f}@media (max-width: 768px){.detail-panel{width:100%;border-left:none}}.detail-panel-header{padding:1rem;border-bottom:1px solid var(--mode-card-border);display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.detail-panel-header-badges{display:flex;gap:.35rem;align-items:center;margin-bottom:.3rem}.detail-panel-header h2{font-size:1rem;margin:0;color:var(--mode-text)}.detail-panel-header-sub{font-size:.8rem;color:var(--mode-text-sec);margin-top:.15rem}.detail-panel-header-actions{display:flex;gap:.5rem;align-items:center}.detail-inspection-btn{padding:.35rem .6rem;font-size:.75rem;font-weight:600;background:var(--mode-hover);color:var(--primary);border:1px solid var(--mode-card-border);border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.25rem}.detail-close-btn{background:none;border:none;cursor:pointer;color:var(--mode-text-sec);font-size:1.2rem;line-height:1;padding:.2rem}.detail-tabs{display:flex;gap:4px;padding:10px 16px;border-bottom:1px solid var(--mode-card-border);flex-wrap:wrap}.detail-tab{padding:6px 12px;border-radius:8px;font-size:11px;font-weight:500;cursor:pointer;border:1px solid var(--mode-card-border);background:transparent;color:var(--mode-text-sec);display:inline-flex;align-items:center;gap:4px;transition:all .15s;white-space:nowrap}.detail-tab:hover{color:var(--mode-text);border-color:var(--primary)}.detail-tab.active{border-color:var(--primary);background:var(--primary);color:#fff;font-weight:700}.detail-panel-body{flex:1;overflow-y:auto;padding:1.25rem}.detail-section-title{font-size:.75rem;font-weight:700;color:var(--mode-text-sec);letter-spacing:.02em;text-transform:uppercase;margin-bottom:.75rem}.detail-info-row{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--mode-card-border);font-size:.84rem}.detail-info-label{color:var(--mode-text-sec);min-width:140px}.detail-info-value{font-weight:500;text-align:right}.detail-card{background:var(--mode-hover);border-radius:10px;padding:10px 12px;border:1px solid var(--mode-card-border);margin-bottom:8px}.detail-card-header{display:flex;justify-content:space-between;align-items:center}.detail-card-date{font-size:12px;font-weight:600;color:var(--mode-text)}.detail-card-meta{font-size:10px;color:var(--mode-text-sec);margin-top:1px}.detail-card-score{min-width:48px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;border:1.5px solid transparent}.detail-card-notes{margin-top:4px;font-size:10px;color:#6b7280;font-style:italic}.detail-surface-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:1px}.detail-surface-bar-segment{flex:1}.detail-surface-legend{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem}.detail-surface-legend-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.detail-surface-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.detail-surface-total{font-size:.85rem;color:var(--mode-text-sec);padding-top:.75rem;border-top:1px solid var(--mode-card-border);display:flex;justify-content:space-between;align-items:center}.detail-table-container{border:1px solid var(--mode-card-border);border-radius:8px;overflow:hidden}.detail-table{width:100%;border-collapse:collapse;font-size:.75rem;text-align:left}.detail-table thead{background:var(--mode-hover);border-bottom:2px solid var(--mode-card-border)}.detail-table th{padding:.5rem .75rem;font-weight:600;color:var(--mode-text-sec)}.detail-table td{padding:.5rem .75rem;border-bottom:1px solid var(--mode-card-border);color:var(--mode-text)}.detail-table-td-mono{font-family:monospace;color:var(--mode-text-sec)}.detail-table-td-muted{color:var(--mode-text-sec)}.pk-profile-strip{background:var(--mode-card-bg);border-radius:8px;padding:12px;border:1px solid var(--mode-card-border);margin-bottom:1rem}.pk-profile-labels{position:relative;height:18px;margin-bottom:2px}.pk-profile-label{position:absolute;font-size:10px;font-weight:600;color:#ef4444;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:2px}.pk-profile-bar{position:relative;height:14px;border-radius:4px;overflow:hidden;display:flex;border:1px solid var(--mode-card-border)}.pk-profile-bar-segment{cursor:default}.pk-profile-boundary{position:absolute;top:0;bottom:0;width:2px;background:#ef4444;opacity:.8}.pk-profile-ticks{position:relative;height:16px;margin-top:2px}.pk-profile-tick{position:absolute;font-size:9px;color:var(--mode-text-sec);white-space:nowrap}.pk-profile-legend{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:8px;font-size:10px}.pk-profile-legend-item{display:flex;align-items:center;gap:4px;color:var(--mode-text-sec)}.pk-profile-legend-color{width:10px;height:6px;border-radius:2px}.pk-profile-legend-boundary{display:flex;align-items:center;gap:4px;color:#ef4444;font-weight:600}.detail-chart-wrapper{margin-bottom:16px;background:var(--mode-hover);border-radius:10px;padding:12px;border:1px solid var(--mode-card-border)}.detail-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.detail-chart-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:4px}.detail-chart-sub{font-size:.65rem;color:var(--mode-text-sec);text-align:center;margin-top:4px}.detail-empty{padding:12px;text-align:center;color:#9ca3af;font-size:11px;border:1px dashed #e5e7eb;border-radius:8px}.detail-loading{padding:20px;text-align:center;color:#9ca3af;font-size:12px}.detail-status-pill{font-size:9px;font-weight:700;padding:1px 6px;border-radius:8px;text-transform:capitalize}.detail-photos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.detail-photo-card{background:var(--mode-hover);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--mode-card-border);padding:0}.detail-photo-image{width:100%;padding-bottom:75%;background-size:cover;background-position:center;background-color:#e5e7eb}.detail-photo-info{padding:8px;font-size:10px}.detail-photo-distress{font-weight:600;color:var(--mode-text)}.detail-photo-meta{display:flex;justify-content:space-between;margin-top:2px;color:#6b7280}.detail-photo-severity{color:#ef4444;font-weight:600}.detail-photo-date{margin-top:2px;font-size:9px;color:#9ca3af}.detail-history-list{margin-top:1rem}.detail-history-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--mode-text-sec);margin-bottom:8px}.detail-history-item{display:flex;gap:8px;padding:8px;border-bottom:1px solid var(--mode-card-border)}.detail-history-date{font-size:9px;color:var(--mode-text-sec);white-space:nowrap;min-width:52px}.detail-history-body{flex:1}.detail-history-work{display:flex;align-items:center;gap:6px}.detail-history-work-name{font-size:11px;font-weight:600;color:var(--mode-text)}.detail-history-tag{font-size:8px;font-weight:700;padding:1px 5px;border-radius:3px}.detail-history-meta{font-size:10px;color:var(--mode-text-sec);margin-top:1px}.detail-project-code{background:#eff6ff;color:var(--primary);padding:1px 5px;border-radius:4px;font-size:10px;font-weight:700}.detail-project-stage{margin-left:6px;font-size:9px;background:#f3f4f6;padding:1px 5px;border-radius:4px;font-weight:600;color:#6b7280}.detail-project-status{padding:1px 6px;border-radius:8px;font-size:9px;font-weight:700;text-transform:capitalize}.detail-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px;font-size:10px}.detail-year-select{padding:2px 6px;font-size:10px;border-radius:4px;border:1px solid var(--mode-card-border);background:var(--mode-card-bg);color:var(--mode-text)}.detail-download-btn{background:none;border:none;cursor:pointer;color:var(--primary);padding:2px;display:flex;align-items:center}@media (max-width: 768px){.inventory-header{padding:1rem}.header-title h1{font-size:1.25rem}.search-bar-row{flex-wrap:wrap}.search-input-wrap{min-width:100%}.filter-toggle-btn{flex:1;justify-content:center}.results-info{width:100%;text-align:center;margin-left:0}.filter-row{flex-direction:column}.filter-row .filter-select{min-width:100%;width:100%}.header-actions{width:100%;justify-content:space-between}.kpi-grid{grid-template-columns:repeat(2,1fr);padding:1rem;gap:.75rem}.kpi-card{padding:1rem}.kpi-value{font-size:1.75rem}.kpi-value.large{font-size:2rem}.stats-split{gap:1rem}.digit-pills{gap:.4rem}.digit-pill{padding:.3rem .5rem;font-size:.7rem}.upload-modal{max-height:95vh;border-radius:10px}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr}.header-top{flex-direction:column;align-items:flex-start}.header-actions{flex-direction:column;width:100%}.road-inventory-view .btn-primary{width:100%;justify-content:center}}.map-wrapper{display:flex;height:100vh;position:relative}.map-area{flex:1;position:relative}.map-sidebar{width:320px;background:var(--mode-card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--mode-card-border);display:flex;flex-direction:column;z-index:50;transition:transform .3s}.map-sidebar.collapsed{transform:translate(-320px);position:absolute;height:100%}.sidebar-header{padding:12px 14px;border-bottom:1px solid var(--mode-card-border);display:flex;align-items:center;justify-content:space-between}.sidebar-logo{font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px;color:var(--mode-text)}.sidebar-logo svg,.sidebar-logo img{width:20px;height:20px;stroke:var(--primary);fill:none;stroke-width:2}.collapse-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--mode-card-border);background:transparent;color:var(--mode-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.collapse-btn:hover{background:var(--primary);color:#fff;border-color:transparent}.sidebar-body{flex:1;overflow-y:auto;padding:10px 12px}.sidebar-body::-webkit-scrollbar{width:4px}.sidebar-body::-webkit-scrollbar-thumb{background:var(--mode-card-border);border-radius:4px}.search-box{position:relative;margin-bottom:10px}.search-box input{width:100%;padding:8px 12px 8px 32px;border-radius:8px;border:1px solid var(--mode-card-border);background:var(--mode-bg);color:var(--mode-text);font-size:12px;outline:none;transition:border .2s}.search-box input:focus{border-color:var(--primary)}.search-box input::placeholder{color:var(--mode-text-sec)}.search-box svg,.search-box .search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:15px;height:15px;stroke:var(--mode-text-sec);fill:none;stroke-width:2}.section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--mode-text-sec);margin:12px 0 6px;padding:0 2px;display:flex;align-items:center;justify-content:space-between}.section-title .toggle-all{font-size:9px;color:var(--primary);cursor:pointer;font-weight:600;text-transform:none;letter-spacing:0}.layer-group{margin-bottom:4px;border:1px solid var(--mode-card-border);border-radius:8px;overflow:hidden}.layer-group-header{padding:8px 10px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .2s;font-size:12px;font-weight:600;color:var(--mode-text)}.layer-group-header:hover{background:var(--mode-hover)}.layer-group-header svg,.layer-group-header .chevron{width:14px;height:14px;stroke:var(--mode-text-sec);fill:none;stroke-width:2;transition:transform .2s}.layer-group-header.open svg.chevron,.layer-group-header.open .chevron{transform:rotate(90deg)}.layer-group-header .lg-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.layer-group-header .lg-count{font-size:10px;font-weight:400;color:var(--mode-text-sec);margin-left:auto}.layer-group-body{display:none;padding:2px 8px 6px}.layer-group-body.open{display:block}.layer-item{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:6px;cursor:pointer;transition:all .15s;font-size:11px;color:var(--mode-text)}.layer-item:hover{background:var(--mode-hover)}.layer-item input[type=checkbox]{accent-color:var(--primary);width:14px;height:14px;cursor:pointer}.layer-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.layer-item .li-status{margin-left:auto;font-size:9px;padding:2px 6px;border-radius:4px;font-weight:600}.li-status.active{background:#10b98126;color:var(--success)}.li-status.hold{background:#f59e0b26;color:var(--warning)}.li-status.pending{background:#6b728026;color:var(--mode-text-sec)}.li-status.done{background:#0078d426;color:var(--primary)}.road-results{margin-top:4px}.road-result-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .15s;border:1px solid transparent;color:var(--mode-text)}.road-result-item:hover{background:#0078d414;border-color:#0078d433}.road-result-item .rr-badge{width:32px;height:22px;border-radius:4px;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff}.road-result-item .rr-info{flex:1}.road-result-item .rr-name{font-size:12px;font-weight:600}.road-result-item .rr-sub{font-size:10px;color:var(--mode-text-sec)}.road-result-item .rr-go{width:24px;height:24px;border-radius:6px;border:none;background:var(--mode-bg);color:var(--mode-text-sec);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.road-result-item .rr-go:hover{background:var(--primary);color:#fff}.road-chip{padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;cursor:pointer;border:1px solid var(--mode-card-border);background:var(--mode-bg);color:var(--mode-text);display:inline-flex;align-items:center;gap:4px;transition:all .15s}.road-chip:hover{border-color:var(--primary);background:#0078d41a;color:var(--primary)}.road-chip .chip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.filter-panel{margin-top:6px;border:1px solid var(--mode-card-border);border-radius:10px;overflow:hidden}.filter-header{padding:8px 10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:11px;font-weight:700;color:var(--mode-text-sec)}.filter-header svg,.filter-header .chevron{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .2s}.filter-header.open svg,.filter-header.open .chevron{transform:rotate(180deg)}.filter-body{display:none;padding:6px 10px 10px}.filter-body.open{display:block}.filter-row{margin-bottom:8px}.filter-row label{display:block;font-size:10px;font-weight:600;color:var(--mode-text-sec);margin-bottom:3px}.filter-row select,.filter-row input[type=text],.filter-row input[type=number]{width:100%;padding:6px 8px;border-radius:6px;border:1px solid var(--mode-card-border);background:var(--mode-bg);color:var(--mode-text);font-size:11px;outline:none;transition:border .2s}.filter-row select:focus,.filter-row input:focus{border-color:var(--primary)}.filter-row select{cursor:pointer}.filter-row-inline{display:flex;gap:6px}.filter-row-inline .filter-row{flex:1;margin-bottom:0}.filter-actions{display:flex;gap:6px;margin-top:8px}.filter-actions button{flex:1;padding:6px;border-radius:6px;font-size:10px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-filter-apply{background:var(--primary);color:#fff}.btn-filter-apply:hover{background:#005a9e}.btn-filter-clear{background:var(--mode-bg);color:var(--mode-text-sec)}.btn-filter-clear:hover{background:var(--mode-hover)}.legend{padding:8px 10px;background:var(--mode-bg);border-radius:8px;border:1px solid var(--mode-card-border)}.legend-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:10px;color:var(--mode-text-sec)}.legend-row:last-child{margin-bottom:0}.legend-line{width:20px;height:3px;border-radius:2px}.map-toolbar{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:4px;z-index:1000}.toolbar-group{display:flex;flex-direction:column;gap:2px;background:var(--mode-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--mode-card-border);border-radius:10px;padding:3px}.toolbar-btn{width:34px;height:34px;border-radius:7px;border:none;background:transparent;color:var(--mode-text-sec);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;position:relative}.toolbar-btn:hover{background:var(--mode-hover);color:var(--mode-text)}.toolbar-btn.active{background:var(--primary);color:#fff}.toolbar-btn svg,.toolbar-btn img{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2}.toolbar-btn:after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:8px;padding:6px 10px;font-size:10px;font-weight:600;white-space:nowrap;color:var(--mode-text);opacity:0;pointer-events:none;transition:opacity .15s;z-index:100;box-shadow:0 4px 12px #00000026}.toolbar-btn:hover:after{opacity:1}.basemap-btn{position:absolute;top:16px;right:56px;z-index:1000;display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;border:1px solid var(--mode-card-border);background:var(--mode-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--mode-text);cursor:pointer;font-size:11px;font-weight:600;transition:all .2s}.basemap-btn:hover{background:var(--mode-hover);border-color:var(--primary)}.basemap-btn svg,.basemap-btn img{width:15px;height:15px;stroke:var(--primary);fill:none;stroke-width:2}.basemap-btn .bm-label{color:var(--mode-text-sec)}.basemap-btn .bm-name{color:var(--mode-text);font-weight:700}.basemap-dropdown{position:absolute;top:52px;right:56px;z-index:1000;width:260px;background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:12px;overflow:hidden;display:none;box-shadow:0 8px 32px #0003}.basemap-dropdown.open{display:block}.bm-dd-header{padding:10px 14px;border-bottom:1px solid var(--mode-card-border);font-size:11px;font-weight:700;color:var(--mode-text-sec);display:flex;align-items:center;justify-content:space-between}.bm-dd-header svg,.bm-dd-header .close-icon{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;cursor:pointer}.bm-option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:all .15s;border-bottom:1px solid var(--mode-card-border)}.bm-option:last-child{border-bottom:none}.bm-option:hover{background:var(--mode-hover)}.bm-option.active{background:#0078d414}.bm-option .bm-thumb{width:40px;height:40px;border-radius:6px;border:2px solid var(--mode-card-border);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff}.bm-option .bm-thumb.mpwt{background:linear-gradient(135deg,#b8d4e3,#6a9bb5)}.bm-option .bm-thumb.osm{background:linear-gradient(135deg,#e8e8e8,#b0b0b0);color:#333}.bm-option .bm-thumb.google{background:linear-gradient(135deg,#fddf6d,#87ceeb)}.bm-option .bm-thumb.esri{background:linear-gradient(135deg,#2d4a22,#5a8a3c)}.bm-option .bm-thumb.carto{background:linear-gradient(135deg,#2c2c2c,#444)}.bm-option .bm-info{flex:1}.bm-option .bm-info .bm-title{font-size:12px;font-weight:700;color:var(--mode-text)}.bm-option .bm-info .bm-desc{font-size:9px;color:var(--mode-text-sec);margin-top:1px}.bm-option .bm-check{width:18px;height:18px;border-radius:50%;border:2px solid var(--mode-card-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bm-option.active .bm-check{border-color:var(--primary);background:var(--primary)}.bm-option .bm-check svg{display:none;width:10px;height:10px;stroke:#fff;fill:none;stroke-width:3}.bm-option.active .bm-check svg{display:block}.sidebar-toggle{position:absolute;top:16px;left:16px;z-index:1000;width:38px;height:38px;border-radius:10px;border:1px solid var(--mode-card-border);background:var(--mode-card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--mode-text);cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .2s}.sidebar-toggle.visible{display:flex}.sidebar-toggle:hover{background:var(--primary);color:#fff}.sidebar-toggle svg,.sidebar-toggle img{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}.map-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:200;opacity:0;visibility:hidden;transition:all .3s}.map-drawer-overlay.open{opacity:1;visibility:visible}.map-drawer{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:100%;background:var(--mode-card-bg);z-index:201;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column}.map-drawer.open{transform:translate(0)}.map-drawer-header{padding:16px 20px;border-bottom:1px solid var(--mode-card-border);display:flex;align-items:center;justify-content:space-between}.map-drawer-title{font-size:16px;font-weight:700;color:var(--mode-text)}.map-drawer-close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--mode-text-sec);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.map-drawer-close:hover{background:var(--mode-hover);color:var(--mode-text)}.map-drawer-body{flex:1;overflow-y:auto;padding:16px 20px}.infra-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--mode-card-bg);border:1px solid var(--mode-card-border);box-shadow:0 2px 4px #0000001a}.infra-icon.bridge{background:#0078d426;border-color:var(--primary)}.infra-icon.culvert{background:#10b98126;border-color:var(--success)}.infra-icon.drainage{background:#f59e0b26;border-color:var(--warning)}.infra-icon.sign{background:#ef444426;border-color:var(--danger)}.infra-icon img,.infra-icon svg{width:12px;height:12px}.road-label{font-size:11px;font-weight:700;color:var(--mode-text);text-shadow:0 1px 2px rgba(0,0,0,.5);background:#0006;padding:2px 6px;border-radius:4px;white-space:nowrap;pointer-events:none}.road-label.national{color:#ef4444}.road-label.provincial{color:#f59e0b}.road-label.district{color:#10b981}.data-viz-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:1000;display:flex;gap:12px;background:var(--mode-card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--mode-card-border);border-radius:12px;padding:12px 16px}.viz-kpi{text-align:center;min-width:80px}.viz-kpi .label{font-size:10px;color:var(--mode-text-sec);text-transform:uppercase;letter-spacing:.5px}.viz-kpi .value{font-size:18px;font-weight:800;color:var(--mode-text)}.measure-result{position:absolute;top:60px;right:16px;width:200px;background:var(--mode-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--mode-card-border);border-radius:10px;padding:12px;z-index:1000;display:none;transition:background .3s}.measure-result.open{display:block}.measure-result .label{font-size:10px;color:var(--mode-text-sec);text-transform:uppercase;margin-bottom:4px}.measure-result .value{font-size:20px;font-weight:800;color:var(--mode-text)}.mpwt-controls{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--mode-bg);border-radius:8px;margin-top:8px}.mpwt-controls label{font-size:10px;font-weight:600;color:var(--mode-text-sec)}.mpwt-controls input[type=range]{flex:1;height:4px;border-radius:2px;background:var(--mode-card-border);outline:none;-webkit-appearance:none}.mpwt-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--primary);cursor:pointer}.calib-indicator{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f59e0b26;border-radius:6px;font-size:10px;font-weight:600;color:var(--warning)}.calib-indicator.active{background:#0078d426;color:var(--primary)}.leaflet-popup-content-wrapper{background:var(--mode-card-bg);border-radius:8px;border:1px solid var(--mode-card-border);box-shadow:0 4px 16px #00000026}.leaflet-popup-content{margin:12px;font-size:12px;color:var(--mode-text)}.leaflet-popup-content h4{font-size:13px;font-weight:700;margin-bottom:6px;color:var(--mode-text)}.leaflet-popup-content p{font-size:11px;color:var(--mode-text-sec);margin-bottom:4px}.leaflet-popup-tip{background:var(--mode-card-bg);border:1px solid var(--mode-card-border)}.leaflet-container a.leaflet-popup-close-button{color:var(--mode-text-sec);padding:6px}.leaflet-container a.leaflet-popup-close-button:hover{color:var(--mode-text)}.leaflet-tooltip{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;color:var(--mode-text);box-shadow:0 2px 8px #0000001a}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before{border:none}.coord-display{position:absolute;bottom:30px;right:10px;z-index:1000;background:#000000b8;color:#fff;padding:4px 10px;border-radius:6px;font-size:.72rem;font-family:monospace;pointer-events:none}@media (max-width: 768px){.map-sidebar{width:280px}.map-sidebar.collapsed{transform:translate(-280px)}.map-drawer{width:100%}.data-viz-bar{left:8px;right:8px;transform:none;padding:8px 12px;gap:8px}.viz-kpi{min-width:60px}.viz-kpi .value{font-size:14px}.basemap-btn{right:8px}.basemap-dropdown{right:8px;left:8px;width:auto}.map-toolbar{top:auto;bottom:80px;left:8px}}.leaflet-control-attribution{font-size:9px;background:#fffc!important}.leaflet-control-scale-line{border:2px solid var(--mode-text);border-top:none;background:transparent;color:var(--mode-text)}.settings-container{width:100%;padding:1.5rem;overflow-y:auto;max-width:720px;margin:0 auto}.settings-title{font-size:1.5rem;font-weight:800;margin-bottom:1.5rem}.tab-bar{display:flex;gap:2px;margin-bottom:1.5rem;border-bottom:1px solid var(--mode-card-border)}.tab{padding:10px 18px;border-radius:8px 8px 0 0;font-size:13px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--mode-text-sec);border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:6px;font-family:inherit;transition:all .2s}.tab:hover{color:var(--mode-text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.section-card{background:var(--mode-card-bg);border-radius:12px;padding:24px;margin-bottom:16px;border:1px solid var(--mode-card-border)}.section-card h4{font-size:14px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.section-card h4 .icon{width:16px;height:16px;stroke:var(--primary);fill:none;stroke-width:2}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--mode-card-border)}.avatar{width:72px;height:72px;border-radius:50%;background:var(--grad-primary);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#fff;flex-shrink:0}.avatar-sm{width:48px;height:48px;font-size:1.2rem}.profile-info{flex:1}.profile-info .name{font-size:18px;font-weight:700;margin-bottom:2px}.profile-info .email{font-size:13px;color:var(--mode-text-sec)}.verified-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;background:#0596691f;color:var(--success);margin-left:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.form-row.single{grid-template-columns:1fr}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:10px;font-weight:700;color:var(--mode-text-sec);text-transform:uppercase;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--mode-card-border);background:var(--mode-bg);color:var(--mode-text);font-size:13px;outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--primary)}.form-group input[readonly]{opacity:.7;cursor:not-allowed}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--mode-card-border)}.toggle-row:last-child{border-bottom:none}.toggle-label{font-size:13px;font-weight:600}.toggle-desc{font-size:11px;color:var(--mode-text-sec);margin-top:2px}.toggle-switch{width:44px;height:24px;border-radius:12px;background:var(--mode-card-border);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0;border:none}.toggle-switch.on{background:var(--primary)}.toggle-switch:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:left .2s;box-shadow:0 1px 3px #0003}.toggle-switch.on:after{left:23px}.radio-group{display:flex;gap:12px;margin-top:6px}.radio-opt{flex:1;padding:14px;border-radius:10px;border:2px solid var(--mode-card-border);text-align:center;cursor:pointer;transition:all .2s}.radio-opt:hover,.radio-opt.selected{border-color:var(--primary);background:#0078d40a}.radio-opt .ro-label{font-size:12px;font-weight:700;margin-bottom:2px;display:flex;align-items:center;justify-content:center;gap:4px}.radio-opt .ro-desc{font-size:10px;color:var(--mode-text-sec)}.radio-opt input{display:none}.form-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--mode-card-border)}.section-header{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--mode-text-sec);margin-bottom:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--mode-card-border)}.info-row:last-child{border-bottom:none}.info-label{font-size:.85rem;font-weight:500}.info-value{font-size:.85rem;color:var(--mode-text-sec)}.lang-switch{display:flex;gap:4px}.lang-switch button{padding:6px 12px;border-radius:6px;border:1px solid var(--mode-card-border);background:var(--mode-bg);color:var(--mode-text-sec);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.lang-switch button:hover{border-color:var(--primary)}.lang-switch button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.password-form{display:flex;flex-direction:column;gap:.75rem}.notif-table{width:100%;border-collapse:collapse;font-size:13px}.notif-table th,.notif-table td{padding:12px 16px;text-align:left}.notif-table th{font-weight:700;color:var(--mode-text-sec);text-transform:uppercase;font-size:11px;letter-spacing:.5px;border-bottom:1px solid var(--mode-card-border)}.notif-table td{border-bottom:1px solid var(--mode-card-border)}.notif-table tbody tr:last-child td{border-bottom:none}.text-center{text-align:center}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.radio-group{flex-direction:column}.profile-header{flex-direction:column;text-align:center}.settings-container{padding:1rem}}.master-data-page{padding:20px 24px;background:var(--mode-bg);min-height:100vh;font-family:Inter,system-ui,sans-serif}.page-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-end}.page-header h1{margin:0;font-size:22px;font-weight:800;color:var(--mode-text);display:flex;align-items:center;gap:10px}.page-header p{margin:4px 0 0;color:var(--mode-text-sec);font-size:13px}.alert-banner{border-radius:8px;padding:10px 16px;margin-bottom:12px;font-size:13px;display:flex;align-items:center;justify-content:space-between}.alert-banner.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.alert-banner.success{background:#dcfce7;border:1px solid #86efac;color:#166534}.alert-banner.warning{background:#fef3c7;border:1px solid #f59e0b;color:#92400e;font-weight:600}.alert-banner .close-btn{background:none;border:none;cursor:pointer;display:flex;padding:2px}.master-data-layout{display:flex;gap:20px;align-items:flex-start}.md-sidebar{width:240px;flex-shrink:0;background:var(--mode-card-bg);border-radius:12px;padding:12px;border:1px solid var(--mode-card-border);position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}.md-sidebar::-webkit-scrollbar{width:4px}.md-sidebar::-webkit-scrollbar-track{background:transparent}.md-sidebar::-webkit-scrollbar-thumb{background:var(--mode-card-border);border-radius:2px}.md-sidebar-group{margin-bottom:16px}.md-sidebar-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:6px 12px 8px;margin-bottom:2px;border-bottom:1px solid var(--mode-card-border)}.md-sidebar-btn{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:6px;border:none;cursor:pointer;font-size:13px;font-weight:500;background:transparent;color:var(--mode-text);border-left:3px solid transparent;transition:all .15s ease;margin:2px 0}.md-sidebar-btn:hover{background:var(--mode-hover);border-left-color:var(--mode-card-border)}.md-sidebar-btn.active{font-weight:600;background:#0078d414;color:var(--primary);border-left-color:var(--primary)}.md-content{flex:1;min-width:0}.md-toolbar{display:flex;gap:8px;margin-bottom:14px;align-items:center;flex-wrap:wrap}.md-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;border:1px solid transparent}.md-row-count{font-size:12px;color:var(--mode-text-sec)}.md-search-wrap{position:relative}.md-search-wrap .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none}.md-search-input{border:1px solid var(--mode-card-border);border-radius:6px;padding:6px 10px 6px 30px;font-size:12px;outline:none;width:200px;background:var(--mode-bg);color:var(--mode-text)}.md-toolbar-spacer{flex:1}.md-btn{display:inline-flex;align-items:center;gap:4px;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:none;white-space:nowrap;color:#fff;transition:all .2s}.md-btn:hover{opacity:.9}.md-btn:disabled{opacity:.6;cursor:not-allowed}.md-btn-green{background:#10b981}.md-btn-blue{background:#0078d4}.md-btn-amber{background:#f59e0b}.md-btn-gray{background:#6b7280}.md-btn-red{background:#ef4444}.md-card{background:var(--mode-card-bg);border-radius:12px;border:1px solid var(--mode-card-border);overflow:hidden}.md-add-form{padding:16px;margin-bottom:14px}.md-add-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.md-add-form-title{font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px}.md-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.md-form-group label{font-size:11px;font-weight:600;color:var(--mode-text-sec);display:block;margin-bottom:3px}.md-form-group label .required{color:#ef4444}.md-history{padding:16px;margin-bottom:14px;background:var(--mode-bg)}.md-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.md-history-title{font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px}.md-history-empty{color:var(--mode-text-sec);font-size:13px}.md-version-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;background:var(--mode-card-bg);border:1px solid var(--mode-card-border);margin-bottom:6px}.md-version-date{font-size:13px;display:flex;align-items:center;gap:6px}.md-table-wrap{overflow-x:auto;max-height:calc(100vh - 280px);overflow-y:auto}.md-table-wrap{scroll-behavior:smooth}.md-table-wrap::-webkit-scrollbar{width:8px;height:8px}.md-table-wrap::-webkit-scrollbar-track{background:var(--mode-bg);border-radius:4px}.md-table-wrap::-webkit-scrollbar-thumb{background:var(--mode-card-border);border-radius:4px}.md-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--mode-text-sec)}.md-table{width:100%;border-collapse:collapse;font-size:13px}.md-table th,.md-table td{padding:10px 14px;text-align:left}.md-table th{background:var(--mode-table-head);font-weight:600;color:var(--mode-text-sec);white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--mode-card-border);position:sticky;top:0;z-index:10}.md-table td{padding:8px 14px;border-bottom:1px solid var(--mode-card-border);vertical-align:middle}.md-table tbody tr{transition:background .1s}.md-table tbody tr:hover{background:var(--mode-hover)}.md-table-empty{padding:32px;text-align:center;color:var(--mode-text-sec)}.md-table-footer{padding:8px 16px;background:var(--mode-table-head);border-top:1px solid var(--mode-card-border);display:flex;justify-content:space-between;font-size:11px;color:var(--mode-text-sec)}.md-table-footer .pending{color:#f59e0b;font-weight:700;display:flex;align-items:center;gap:4px}.md-field-input{border:1px solid var(--mode-card-border);border-radius:6px;padding:6px 10px;font-size:13px;outline:none;width:100%;box-sizing:border-box;background:var(--mode-bg);color:var(--mode-text);transition:border-color .15s ease,box-shadow .15s ease;min-width:80px}.md-field-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0078d426}.md-field-id{color:var(--mode-text-sec);font-size:12px;font-family:SF Mono,Consolas,monospace;background:var(--mode-hover);padding:3px 8px;border-radius:4px}.md-field-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer}.md-field-checkbox input{width:14px;height:14px;accent-color:#10b981}.md-field-checkbox .status{font-size:11px}.md-field-checkbox .status.active{color:#10b981}.md-field-checkbox .status.inactive{color:var(--mode-text-sec)}.md-field-select{border:1px solid var(--mode-card-border);border-radius:6px;padding:6px 10px;font-size:13px;outline:none;width:100%;box-sizing:border-box;background:var(--mode-bg);color:var(--mode-text);cursor:pointer;transition:border-color .15s ease}.md-field-select:focus{border-color:var(--primary)}.md-match-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;white-space:nowrap}.md-delete-btn{border:none;background:none;cursor:pointer;color:#ef4444;display:flex;padding:4px;border-radius:4px;transition:background .2s}.md-delete-btn:hover{background:#ef44441a}.md-loading,.md-empty{padding:40px;text-align:center;color:var(--mode-text-sec);background:var(--mode-card-bg);border-radius:12px}.md-close-btn{background:none;border:none;cursor:pointer;display:flex;padding:2px;color:var(--mode-text-sec)}.md-close-btn:hover{color:var(--mode-text)}@media (max-width: 1000px){.master-data-layout{flex-direction:column}.md-sidebar{width:100%;position:static;max-height:none;margin-bottom:16px}.md-sidebar-group{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.md-sidebar-title{width:100%;margin-bottom:8px}.md-sidebar-btn{flex:0 0 auto;border-left:none;border-bottom:3px solid transparent;padding:8px 14px}.md-sidebar-btn:hover{border-left-color:transparent;border-bottom-color:var(--mode-card-border)}.md-sidebar-btn.active{border-left-color:transparent;border-bottom-color:var(--primary)}.md-table-wrap{display:none}.md-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.md-card-item{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px}.md-card-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.md-card-item-title{font-weight:700;font-size:14px;color:var(--mode-text);word-break:break-word}.md-card-item-id{font-size:11px;color:var(--mode-text-sec);font-family:SF Mono,Consolas,monospace;background:var(--mode-hover);padding:2px 6px;border-radius:4px}.md-card-item-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.md-card-item-label{color:var(--mode-text-sec)}.md-card-item-value{color:var(--mode-text);font-weight:500}.md-card-item-actions{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--mode-card-border)}}@media (min-width: 1001px){.md-cards-container{display:none}}@media (max-width: 600px){.master-data-page{padding:12px}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.page-header h1{font-size:18px}.md-toolbar{flex-wrap:wrap}.md-search-input{width:100%}.md-cards-container,.md-form-grid{grid-template-columns:1fr}}.approval-list-container{background:var(--mode-card-bg);border-radius:12px;border:1px solid var(--mode-card-border);padding:24px;max-width:1200px;margin:0 auto}.approval-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.approval-list-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:var(--mode-text)}.approval-list-close{background:none;border:none;cursor:pointer;color:var(--mode-text-sec);font-size:24px;line-height:1;padding:4px}.approval-list-close:hover{color:var(--mode-text)}.approval-controls{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;background:var(--mode-bg);border-radius:12px;border:1px solid var(--mode-card-border);flex-wrap:wrap}.approval-controls label{font-size:12px;color:var(--mode-text-sec);display:block;margin-bottom:4px}.approval-controls input[type=number]{padding:8px 12px;border-radius:8px;border:1px solid var(--mode-card-border);background:var(--mode-card-bg);color:var(--mode-text);font-size:13px;width:120px}.summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.summary-card{padding:20px;border-radius:12px;background:var(--mode-card-bg);border:1px solid var(--mode-card-border);position:relative;overflow:hidden;cursor:pointer;transition:all .2s}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-primary)}.summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000026}.summary-card.active{ring:2px;ring-offset:1px;opacity:1}.summary-card.inactive{opacity:.75}.summary-card.inactive:hover{opacity:1}.summary-card .label{font-size:11px;font-weight:700;color:var(--mode-text-sec);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.summary-card .value{font-size:28px;font-weight:800;color:var(--mode-text);margin-bottom:4px}.summary-card .sub{font-size:13px;color:var(--mode-text-sec)}.summary-card .icon{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.summary-card.total .icon{background:#0078d426}.summary-card.matched .icon{background:#05966926}.summary-card.partial .icon{background:#d9770626}.summary-card.unmatched .icon{background:#dc262626}.approval-tab-bar{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--mode-card-border)}.approval-tab{padding:10px 18px;font-size:13px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--mode-text-sec);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;font-family:inherit}.approval-tab:hover{color:var(--mode-text)}.approval-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.comparison-list{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto}.comparison-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;border:1px solid var(--mode-card-border);background:var(--mode-card-bg);transition:all .2s}.comparison-item:hover{box-shadow:0 2px 8px #00000014}.comparison-item .status-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.comparison-item .details{flex:1;min-width:0}.comparison-item .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comparison-item .road-number{font-size:14px;font-weight:700;color:var(--mode-text)}.comparison-item .pk-range{font-size:12px;color:var(--mode-text-sec)}.comparison-item .match-badge-inline{font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px}.comparison-item .meta{font-size:12px;color:var(--mode-text-sec);margin-top:2px}.comparison-item .match-reason{font-size:11px;color:var(--mode-text-sec);margin-top:2px}.comparison-item .confidence{font-size:12px;font-weight:700;font-family:monospace;flex-shrink:0;min-width:40px;text-align:right}.comparison-empty{text-align:center;color:var(--mode-text-sec);padding:40px}.approval-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid var(--mode-card-border);flex-wrap:wrap;gap:12px}.approval-footer .checkbox-group{display:flex;align-items:center;gap:16px}.approval-footer label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mode-text-sec);cursor:pointer}.match-matched{background:#0596691f;color:#059669}.match-matched .status-icon{background:#05966926}.match-partial{background:#d9770614;color:#d97706}.match-partial .status-icon{background:#d9770626}.match-new_in_approval{background:#0078d414;color:#0078d4}.match-new_in_approval .status-icon{background:#0078d426}.match-missing_from_approval{background:#dc262614;color:#dc2626}.match-missing_from_approval .status-icon{background:#dc262626}@media (max-width: 1024px){.summary-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.summary-row{grid-template-columns:1fr}.approval-list-header{flex-direction:column;align-items:flex-start;gap:12px}.approval-controls,.approval-footer{flex-direction:column;align-items:stretch}.comparison-item{flex-wrap:wrap}}.planning-stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.planning-stage-card{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:12px;padding:20px;position:relative;overflow:hidden;transition:all .2s;display:flex;flex-direction:column}.planning-stage-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-primary)}.planning-stage-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f}.planning-stage-card.longlist:before{background:linear-gradient(135deg,#64748b,#94a3b8)}.planning-stage-card.mediumlist:before{background:linear-gradient(135deg,#0078d4,#00bcf2)}.planning-stage-card.shortlist:before{background:linear-gradient(135deg,#7c3aed,#a855f7)}.planning-stage-card.finallist:before{background:linear-gradient(135deg,#059669,#10b981)}.planning-stage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.planning-stage-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.planning-stage-card.longlist .planning-stage-icon{background:#64748b26}.planning-stage-card.mediumlist .planning-stage-icon{background:#0078d426}.planning-stage-card.shortlist .planning-stage-icon{background:#7c3aed26}.planning-stage-card.finallist .planning-stage-icon{background:#05966926}.planning-stage-title{font-size:12px;font-weight:700;color:var(--mode-text-sec);text-transform:uppercase;letter-spacing:.5px}.planning-stage-count{font-size:36px;font-weight:800;color:var(--mode-text);margin-bottom:4px;line-height:1}.planning-stage-card.longlist .planning-stage-count{color:#64748b}.planning-stage-card.mediumlist .planning-stage-count{color:#0078d4}.planning-stage-card.shortlist .planning-stage-count{color:#7c3aed}.planning-stage-card.finallist .planning-stage-count{color:#059669}.planning-stage-meta{font-size:13px;color:var(--mode-text-sec);margin-bottom:16px;min-height:36px}.planning-stage-budget{display:flex;gap:12px;margin-bottom:16px;padding:10px 0;border-top:1px solid var(--mode-card-border);border-bottom:1px solid var(--mode-card-border)}.planning-stage-budget-item{flex:1}.planning-stage-budget-label{font-size:10px;color:var(--mode-text-sec);text-transform:uppercase;margin-bottom:2px}.planning-stage-budget-value{font-size:13px;font-weight:700;color:var(--mode-text)}.planning-stage-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;background:var(--grad-primary);color:#fff;transition:all .2s;margin-top:auto}.planning-stage-btn:hover{box-shadow:0 4px 16px #0078d44d}.planning-stage-btn.secondary{background:var(--mode-bg);border:1px solid var(--mode-card-border);color:var(--mode-text)}.planning-stage-btn.secondary:hover{background:var(--mode-hover)}.planning-stage-skeleton{height:180px;background:var(--mode-bg);border-radius:12px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.planning-section-title{font-size:18px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.approval-list-cta{background:linear-gradient(135deg,#05966914,#10b9810a);border:1px solid rgba(5,150,105,.3);border-radius:12px;padding:20px;margin-top:24px;display:flex;align-items:center;gap:16px}.approval-list-cta-icon{width:48px;height:48px;border-radius:12px;background:#05966926;display:flex;align-items:center;justify-content:center;flex-shrink:0}.approval-list-cta-content{flex:1}.approval-list-cta-title{font-size:15px;font-weight:700;color:var(--mode-text);margin-bottom:4px}.approval-list-cta-desc{font-size:13px;color:var(--mode-text-sec)}.approval-list-cta-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;background:#059669;color:#fff;transition:all .2s}.approval-list-cta-btn:hover{background:#047857}@media (max-width: 1024px){.planning-stage-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.planning-stage-grid{grid-template-columns:1fr}.approval-list-cta{flex-direction:column;text-align:center}}.bi-filter-panel{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:12px;padding:16px;margin-bottom:20px}.bi-filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--mode-card-border)}.bi-filter-title{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.bi-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.bi-filter-group{position:relative}.bi-filter-label{font-size:11px;font-weight:600;color:var(--mode-text-sec);text-transform:uppercase;margin-bottom:6px;letter-spacing:.3px}.bi-filter-dropdown{width:100%;padding:8px 28px 8px 12px;border-radius:8px;border:1px solid var(--mode-card-border);background:var(--mode-bg);color:var(--mode-text);font-size:13px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.bi-filter-dropdown:hover{border-color:var(--primary)}.bi-filter-dropdown:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0078d41a}.bi-filter-dropdown.dependent{background-color:var(--mode-hover)}.bi-checkbox-list{max-height:160px;overflow-y:auto;border:1px solid var(--mode-card-border);border-radius:8px;padding:8px;background:var(--mode-bg)}.bi-checkbox-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:12px;transition:background .15s}.bi-checkbox-item:hover{background:var(--mode-hover)}.bi-checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.bi-checkbox-count{margin-left:auto;font-size:10px;color:var(--mode-text-sec);background:var(--mode-card-bg);padding:2px 6px;border-radius:10px}.bi-active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--mode-card-border)}.bi-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(135deg,#0078d41f,#00bcf214);border:1px solid rgba(0,120,212,.3);border-radius:20px;font-size:11px;font-weight:600;color:var(--primary)}.bi-filter-chip button{background:none;border:none;padding:0;cursor:pointer;color:var(--primary);display:flex;align-items:center}.bi-clear-all{font-size:11px;color:var(--danger);background:none;border:none;cursor:pointer;font-weight:600;padding:6px 10px}.bi-clear-all:hover{text-decoration:underline}.bi-dashboard{display:grid;grid-template-columns:280px 1fr;gap:20px;min-height:calc(100vh - 200px)}.bi-sidebar-filters{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:12px;padding:16px;height:fit-content;position:sticky;top:20px}.bi-main-content{display:flex;flex-direction:column;gap:20px}.bi-chart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bi-chart-card{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:12px;padding:16px;position:relative;transition:all .2s}.bi-chart-card:hover{box-shadow:0 4px 20px #00000014}.bi-chart-card.interactive{cursor:pointer}.bi-chart-card.filtered:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-primary);border-radius:12px 12px 0 0}.bi-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.bi-chart-title{font-size:13px;font-weight:700;color:var(--mode-text)}.bi-chart-subtitle{font-size:11px;color:var(--mode-text-sec)}.bi-chart-actions{display:flex;gap:4px}.bi-chart-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--mode-text-sec);cursor:pointer;display:flex;align-items:center;justify-content:center}.bi-chart-btn:hover{background:var(--mode-hover);color:var(--mode-text)}.bi-chart-btn.active{background:var(--primary);color:#fff}.bi-data-table-container{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:12px;overflow:hidden}.bi-table-header{padding:16px 20px;border-bottom:1px solid var(--mode-card-border);display:flex;align-items:center;justify-content:space-between}.bi-table-title{font-size:15px;font-weight:700}.bi-table-meta{font-size:12px;color:var(--mode-text-sec)}.bi-data-table{width:100%;border-collapse:collapse;font-size:12px}.bi-data-table th,.bi-data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--mode-card-border)}.bi-data-table th{background:var(--mode-table-head);font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--mode-text-sec);white-space:nowrap}.bi-data-table tbody tr:hover{background:var(--mode-hover);cursor:pointer}.bi-data-table tbody tr.selected{background:#0078d414}.bi-chart-card.dimmed,.bi-data-table tbody tr.dimmed{opacity:.4}.bi-section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 0;background:none;border:none;border-bottom:1px solid var(--mode-card-border);color:var(--mode-text);font-size:12px;font-weight:700;cursor:pointer;margin-bottom:12px}.bi-section-toggle:hover{color:var(--primary)}.bi-section-content{margin-bottom:16px}.bi-range-filter{padding:8px 0}.bi-range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--mode-text-sec);margin-top:8px}.bi-quick-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}.bi-quick-stat{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:10px;padding:14px;text-align:center}.bi-quick-stat-value{font-size:24px;font-weight:800;color:var(--mode-text);line-height:1;margin-bottom:4px}.bi-quick-stat-label{font-size:10px;color:var(--mode-text-sec);text-transform:uppercase;letter-spacing:.5px}.bi-quick-stat-change{font-size:10px;font-weight:600;margin-top:4px}.bi-quick-stat-change.positive{color:var(--success)}.bi-quick-stat-change.negative{color:var(--danger)}@media (max-width: 1200px){.bi-dashboard{grid-template-columns:1fr}.bi-sidebar-filters{position:static}.bi-chart-grid{grid-template-columns:repeat(2,1fr)}.bi-quick-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.bi-chart-grid{grid-template-columns:1fr}.bi-quick-stats{grid-template-columns:repeat(2,1fr)}.bi-filter-grid{grid-template-columns:1fr}}.bi-breadcrumb{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:8px;margin-bottom:16px;font-size:13px}.bi-breadcrumb-item{color:var(--primary);cursor:pointer}.bi-breadcrumb-item:hover{text-decoration:underline}.bi-breadcrumb-item.current{color:var(--mode-text);font-weight:600;cursor:default}.bi-breadcrumb-separator{color:var(--mode-text-sec)}.bi-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--mode-text-sec)}.bi-loading-spinner{width:40px;height:40px;border:3px solid var(--mode-card-border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.bi-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--mode-text-sec);text-align:center}.bi-empty-state-icon{width:64px;height:64px;margin-bottom:16px;opacity:.4}.bi-chart-tooltip{position:absolute;background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:8px;padding:12px;box-shadow:0 4px 20px #00000026;z-index:1000;pointer-events:none;font-size:12px;max-width:240px}.bi-tooltip-title{font-weight:700;margin-bottom:4px}.bi-tooltip-value{color:var(--primary);font-weight:600}.dq-widget{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:12px;padding:20px;margin-bottom:20px}.dq-widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dq-widget-title{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.dq-widget-subtitle{font-size:12px;color:var(--mode-text-sec)}.dq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dq-item{background:var(--mode-bg);border:1px solid var(--mode-card-border);border-radius:10px;padding:14px;transition:all .2s}.dq-item:hover{border-color:var(--primary)}.dq-item.missing{border-left:3px solid var(--danger)}.dq-item.partial{border-left:3px solid var(--warning)}.dq-item.complete{border-left:3px solid var(--success)}.dq-field-name{font-size:12px;font-weight:600;color:var(--mode-text-sec);margin-bottom:4px}.dq-count{font-size:24px;font-weight:800;color:var(--mode-text);line-height:1}.dq-count.missing{color:var(--danger)}.dq-percent{font-size:11px;color:var(--mode-text-sec);margin-top:4px}.dq-bar{height:4px;background:var(--mode-card-border);border-radius:2px;margin-top:8px;overflow:hidden}.dq-bar-fill{height:100%;border-radius:2px;transition:width .5s ease}.dq-bar-fill.complete{background:var(--success)}.dq-bar-fill.partial{background:var(--warning)}.dq-bar-fill.missing{background:var(--danger)}.prime-filter-bar{display:flex;gap:16px;padding:16px 20px;background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:12px;margin-bottom:20px;flex-wrap:wrap;align-items:flex-end}.prime-filter-group{display:flex;flex-direction:column;gap:6px;min-width:160px;flex:1}.prime-filter-group.stakeholder{flex:2;min-width:220px}.prime-filter-label{font-size:11px;font-weight:700;color:var(--mode-text-sec);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.prime-filter-select{padding:10px 32px 10px 14px;border-radius:10px;border:1px solid var(--mode-card-border);background:var(--mode-bg);color:var(--mode-text);font-size:14px;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all .2s}.prime-filter-select:hover{border-color:var(--primary)}.prime-filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #0078d41a}.prime-filter-select.active{background:linear-gradient(135deg,#0078d41f,#00bcf214);border-color:var(--primary);color:var(--primary);font-weight:600}.prime-filter-actions{display:flex;gap:8px;margin-left:auto}.prime-filter-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--mode-card-border);background:var(--mode-bg);color:var(--mode-text);transition:all .2s;white-space:nowrap}.prime-filter-btn:hover{background:var(--mode-hover);border-color:var(--primary)}.prime-filter-btn.primary{background:var(--grad-primary);border-color:transparent;color:#fff}.prime-filter-btn.primary:hover{box-shadow:0 4px 16px #0078d44d}.bi-tooltip-hint{font-size:10px;color:var(--mode-text-sec);margin-top:4px;font-style:italic}.pl-header{background:var(--mode-card-bg);border-bottom:1px solid var(--mode-card-border);padding:16px 24px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;min-width:0}.pl-header-left{display:flex;flex-direction:column;gap:4px;min-width:0}.pl-header-breadcrumb{font-size:11px;color:var(--mode-text-sec);font-weight:600;letter-spacing:.04em}.pl-header-title-row{display:flex;align-items:center;gap:10px}.pl-header-title{margin:0;font-size:20px;font-weight:800;color:var(--mode-text);letter-spacing:-.02em;overflow-wrap:anywhere}.pl-header-context{flex:1 0 100%;display:grid;grid-template-columns:minmax(180px,1fr) minmax(140px,.75fr) minmax(220px,1fr);gap:8px;max-width:none;min-width:0}.pl-header-select-field{display:grid;gap:4px;min-width:0}.pl-header-select-field span{color:var(--mode-text-sec);font-size:10px;font-weight:700}.pl-header-select{width:100%;min-width:0;min-height:34px;padding:6px 30px 6px 10px;border:1px solid var(--mode-card-border);border-radius:8px;background:var(--mode-bg);color:var(--mode-text);font:inherit;font-size:12px;font-weight:650;cursor:pointer}.pl-header-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0078d41f}.pl-stage-badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;background:var(--grad-primary);color:#fff;letter-spacing:.02em}.pl-cycle-select{padding:4px 12px;border-radius:6px;border:1px solid #10b981;background:#d1fae5;color:#065f46;font-size:13px;font-weight:600;cursor:pointer;flex:0 1 260px;min-width:220px;max-width:300px}.pl-header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;flex:1 1 540px;min-width:0}.pl-mission-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 14px;background:#107c10;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap}.pl-mission-action:hover{background:#0b6a0b}.pl-mission-action:focus-visible{outline:2px solid #4ade80;outline-offset:2px}.pl-tabs-section{padding:12px 24px;background:var(--mode-bg);border-bottom:1px solid var(--mode-card-border)}.pl-tabs-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.pl-tabs-row:last-child{margin-bottom:0}.pl-tabs-label{font-size:12px;color:var(--mode-text-sec);font-weight:600;min-width:60px}.pl-sector-tab{padding:5px 16px;border-radius:20px;border:1px solid var(--mode-card-border);background:var(--mode-card-bg);color:var(--mode-text);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.pl-sector-tab:hover{border-color:var(--primary);color:var(--primary)}.pl-sector-tab.active{background:var(--grad-primary);border-color:transparent;color:#fff}.pl-chapter-tab{padding:4px 12px;border-radius:16px;border:1px solid var(--mode-card-border);background:var(--mode-card-bg);color:var(--mode-text-sec);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.pl-chapter-tab:hover{border-color:var(--primary);color:var(--mode-text)}.pl-chapter-tab.active{background:#003d6b;border-color:transparent;color:#fff}.pl-kpi-section{padding:16px 24px}.pl-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pl-kpi-card{padding:16px 20px;border-radius:12px;border:1px solid var(--mode-card-border);background:var(--mode-card-bg);text-align:center;position:relative;overflow:hidden;transition:box-shadow .2s}.pl-kpi-card:hover{box-shadow:0 4px 12px #00000014}.pl-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-primary)}.pl-kpi-value{font-size:26px;font-weight:800;line-height:1;color:var(--mode-text)}.pl-kpi-label{font-size:10px;font-weight:700;color:var(--mode-text-sec);text-transform:uppercase;letter-spacing:.5px;margin-top:6px}.pl-worktype-section{padding:0 24px 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pl-worktype-label{font-size:12px;color:var(--mode-text-sec);font-weight:600}.pl-worktype-tab{padding:4px 14px;border-radius:16px;border:1px solid var(--mode-card-border);background:var(--mode-card-bg);color:var(--mode-text-sec);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.pl-worktype-tab:hover{border-color:var(--primary);color:var(--mode-text)}.pl-worktype-tab.active{background:var(--primary);border-color:transparent;color:#fff}.pl-content{padding:0 24px 24px;min-width:0}.pl-table-container{background:var(--mode-card-bg);border-radius:14px;border:1px solid var(--mode-card-border);overflow:hidden;min-width:0}.pl-filter-bar{padding:12px 18px;border-bottom:1px solid var(--mode-card-border);display:flex;align-items:center;gap:10px;flex-wrap:nowrap;min-height:58px;min-width:0}.pl-search-wrap{position:relative;flex:1;min-width:200px}.pl-active-filter-summary{min-width:140px;max-width:280px;padding:7px 10px;border-radius:8px;background:var(--mode-bg);border:1px solid var(--mode-card-border);color:var(--mode-text-sec);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--mode-text-sec)}.pl-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--mode-card-border);border-radius:8px;font-size:13px;background:var(--mode-bg);color:var(--mode-text);outline:none;transition:border-color .15s}.pl-search-input:focus{border-color:var(--primary)}.pl-filter-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--mode-card-border);background:var(--mode-card-bg);color:var(--mode-text);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s;white-space:nowrap}.pl-filter-btn:hover{border-color:var(--primary)}.pl-filter-btn.active{border-color:#0078d459;background:#0078d414;color:var(--primary)}.pl-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--primary);color:#fff;font-size:11px;line-height:1}.pl-filter-menu-wrap{position:relative;flex:0 0 auto}.pl-filter-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:80;width:min(380px,calc(100vw - 48px));padding:14px;border:1px solid var(--mode-card-border);border-radius:10px;background:var(--mode-card-bg);box-shadow:0 14px 32px #0f172a24}.pl-filter-dropdown-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;color:var(--mode-text);font-size:13px;font-weight:700}.pl-filter-dropdown-head button{border:0;background:transparent;color:var(--primary);cursor:pointer;font-size:12px;font-weight:700}.pl-filter-field{display:grid;gap:6px;margin-top:10px}.pl-filter-field label{color:var(--mode-text-sec);font-size:11px;font-weight:700}.pl-filter-select{width:100%;min-height:36px;padding:7px 32px 7px 10px;border:1px solid var(--mode-card-border);border-radius:8px;background:var(--mode-bg);color:var(--mode-text);font:inherit;font-size:13px}.pl-filter-range{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.pl-filter-range span{color:var(--mode-text-sec);font-size:12px;font-weight:700}.pl-filter-input{width:100%;min-height:36px;min-width:0;padding:7px 10px;border:1px solid var(--mode-card-border);border-radius:8px;background:var(--mode-bg);color:var(--mode-text);font:inherit;font-size:13px}.pl-filter-input:focus{outline:none;border-color:var(--primary)}.pl-filter-chip-grid{display:flex;flex-wrap:wrap;gap:6px}.pl-filter-chip{padding:6px 10px;border:1px solid var(--mode-card-border);border-radius:999px;background:var(--mode-bg);color:var(--mode-text-sec);cursor:pointer;font-size:12px;font-weight:700}.pl-filter-chip.active{border-color:transparent;background:#003d6b;color:#fff}.pl-col-picker-wrap{position:relative}.pl-col-picker-btn{padding:8px 12px;border-radius:8px;border:1px solid var(--mode-card-border);background:var(--mode-bg);cursor:pointer;font-size:13px;display:flex;align-items:center;gap:6px;font-weight:600;color:var(--mode-text)}.pl-col-picker-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:min(340px,calc(100vw - 48px));max-height:min(440px,calc(100vh - 170px));overflow-y:auto;background:#fdfefe;border:1px solid rgba(148,163,184,.35);border-radius:10px;box-shadow:0 16px 38px #0f172a2e;z-index:90;padding:10px}.pl-col-picker-title{font-size:11px;font-weight:700;color:#475569;text-transform:uppercase;padding:4px 6px 10px;background:#fdfefe;position:sticky;top:0;z-index:1}.pl-col-picker-item{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;min-height:38px;padding:8px 10px;border-radius:8px;font-size:13px;line-height:1.55;cursor:pointer;color:#1e293b;border:1px solid rgba(226,232,240,.9);background:#fff}.pl-col-picker-item:hover{background:#f1f7fd;border-color:#0078d438}.pl-col-picker-item input{width:16px;height:16px;margin:0;accent-color:var(--primary)}.pl-col-picker-item span{min-width:0;overflow-wrap:anywhere;word-break:normal}[data-mode=dark] .pl-col-picker-dropdown,body[data-mode=dark] .pl-col-picker-dropdown{background:#101827;border-color:#94a3b83d}[data-mode=dark] .pl-col-picker-title,body[data-mode=dark] .pl-col-picker-title{background:#101827;color:#cbd5e1}[data-mode=dark] .pl-col-picker-item,body[data-mode=dark] .pl-col-picker-item{background:#152033;border-color:#94a3b82e;color:#f8fafc}[data-mode=dark] .pl-col-picker-item:hover,body[data-mode=dark] .pl-col-picker-item:hover{background:#1d2b42;border-color:#4da6ff59}.pl-bulk-bar{background:#0078d414;border-bottom:1px solid rgba(0,120,212,.2);padding:10px 18px;display:flex;align-items:center;justify-content:space-between}.pl-bulk-count{font-size:13px;font-weight:700;color:var(--primary)}.pl-bulk-actions{display:flex;gap:8px}.pl-table-summary{padding:10px 18px;border-bottom:1px solid var(--mode-card-border);background:var(--mode-bg);display:flex;gap:24px;font-size:12px}.pl-table-summary-item{display:flex;flex-direction:column;align-items:center}.pl-table-summary-value{font-size:16px;font-weight:800;color:var(--mode-text)}.pl-table-summary-label{font-size:10px;color:var(--mode-text-sec);text-transform:uppercase}.pl-table-wrap{overflow-x:auto;max-height:65vh;min-width:0}.pl-table{width:100%;border-collapse:collapse;table-layout:auto;min-width:0}.pl-province-group{background:linear-gradient(135deg,#0078d414,#00bcf20d);cursor:pointer}.pl-province-group td{padding:10px 14px;font-weight:700;font-size:13px;color:var(--mode-text);border-bottom:1px solid var(--mode-card-border)}.pl-province-group .pl-group-name{display:flex;align-items:center;gap:8px}.pl-province-group .pl-group-count{font-size:11px;color:var(--mode-text-sec);margin-left:8px}.pl-province-group .pl-group-toggle{color:var(--primary);transition:transform .2s}.pl-province-group.collapsed .pl-group-toggle{transform:rotate(-90deg)}.pl-subtotal-row{background:#00000008;font-weight:600;font-size:12px;color:var(--mode-text-sec)}.pl-subtotal-row td{padding:8px 14px;border-bottom:1px solid var(--mode-card-border)}.pl-table th{padding:10px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--mode-text-sec);background:var(--mode-card-bg);border-bottom:2px solid var(--mode-card-border);white-space:nowrap;text-align:left;position:sticky;top:0;z-index:10}.pl-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.pl-table th.sortable:hover{color:var(--primary)}.pl-table th.right{text-align:right}.pl-table td{padding:10px 14px;font-size:13px;border-bottom:1px solid var(--mode-card-border);vertical-align:middle;max-width:200px}.pl-table tbody tr{cursor:pointer;transition:background .1s,box-shadow .1s}.pl-table tbody tr:nth-child(2n){background:var(--mode-bg)}.pl-table tbody tr:hover{background:var(--mode-hover);box-shadow:inset 3px 0 0 var(--primary)}.pl-table tbody tr.selected{background:#0078d414}.pl-cell-road{font-weight:700;color:var(--primary)}.pl-cell-road-sub{font-size:11px;color:var(--mode-text-sec);margin-top:2px}.pl-cell-pk{font-family:SF Mono,Monaco,monospace;font-size:12px}.pl-cell-number{font-weight:600;text-align:right}.pl-cell-money{font-weight:700;color:var(--primary);text-align:right}.pl-cell-truncated{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.4;color:var(--mode-text-sec);max-width:150px}.pl-year-1{color:#059669}.pl-year-2{color:#d97706}.pl-year-3{color:#00bcf2}.pl-cell-category{padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;background:var(--mode-hover);color:var(--mode-text)}.pl-status-badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.pl-status-badge .pl-status-dot{width:6px;height:6px;border-radius:50%}.pl-table-footer{padding:10px 18px;border-top:1px solid var(--mode-card-border);display:flex;gap:24px;font-size:12px;color:var(--mode-text-sec);background:var(--mode-bg)}.pl-table-footer strong{color:var(--mode-text)}.pl-mobile-cards{display:none;padding:10px;max-height:70vh;overflow-y:auto}.pl-mobile-card{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:12px;padding:14px 16px;margin-bottom:10px;cursor:pointer;position:relative;overflow:hidden;transition:border-color .15s,box-shadow .15s}.pl-mobile-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000000f}.pl-mobile-card.selected{background:#0078d40f;border-color:var(--primary)}.pl-mobile-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--grad-primary);opacity:0;transition:opacity .15s}.pl-mobile-card.selected:before{opacity:1}.pl-mobile-select{position:absolute;top:12px;right:12px}.pl-mobile-card-province{font-size:12px;font-weight:700;color:var(--mode-text-sec);text-transform:uppercase}.pl-mobile-card-road{font-size:14px;font-weight:700;color:var(--mode-text);margin:4px 0 8px}.pl-mobile-card-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--mode-card-border)}.pl-mobile-card-row:last-child{border-bottom:none}.pl-mobile-card-label{font-size:11px;color:var(--mode-text-sec);font-weight:600;text-transform:uppercase}.pl-mobile-card-value{font-size:13px;font-weight:600;color:var(--mode-text)}.pl-mobile-card-value.money{font-weight:700;color:var(--primary)}.pl-mobile-card-footer{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.pl-mobile-year-pill{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700}.pl-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998}.pl-detail-drawer{position:fixed;top:0;right:0;bottom:0;width:640px;background:var(--mode-card-bg);border-left:1px solid var(--mode-card-border);z-index:9999;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000001f;transform:translate(100%);transition:transform .3s ease}.pl-detail-drawer.open{transform:translate(0)}.pl-detail-header{padding:16px 20px;border-bottom:1px solid var(--mode-card-border);display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.pl-detail-header-title{font-size:18px;font-weight:800;color:var(--mode-text)}.pl-detail-header-meta{font-size:12px;color:var(--mode-text-sec);margin-top:4px}.pl-detail-close{width:32px;height:32px;border-radius:8px;border:none;background:var(--mode-hover);color:var(--mode-text);cursor:pointer;display:flex;align-items:center;justify-content:center}.pl-detail-tabs{display:flex;gap:0;border-bottom:1px solid var(--mode-card-border);padding:0 20px;overflow-x:auto;flex-shrink:0}.pl-detail-tab{padding:10px 16px;font-size:13px;font-weight:500;color:var(--mode-text-sec);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:all .15s}.pl-detail-tab:hover{color:var(--mode-text)}.pl-detail-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.pl-detail-body{flex:1;overflow-y:auto;padding:20px}.pl-detail-section{background:var(--mode-bg);border-radius:12px;border:1px solid var(--mode-card-border);padding:16px;margin-bottom:16px}.pl-detail-section:last-child{margin-bottom:0}.pl-detail-section-title{font-size:14px;font-weight:700;color:var(--mode-text);display:flex;align-items:center;gap:8px;margin-bottom:12px}.pl-detail-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pl-detail-info-item{display:flex;flex-direction:column;gap:2px}.pl-detail-info-label{font-size:11px;color:var(--mode-text-sec);text-transform:uppercase;font-weight:600}.pl-detail-info-value{font-size:13px;font-weight:600;color:var(--mode-text)}.pl-detail-budget-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.pl-detail-budget-card{background:var(--mode-card-bg);border-radius:8px;border:1px solid var(--mode-card-border);padding:12px;text-align:center}.pl-detail-budget-label{font-size:11px;color:var(--mode-text-sec);text-transform:uppercase;font-weight:600}.pl-detail-budget-value{font-size:16px;font-weight:800;color:var(--mode-text);margin-top:4px}.pl-detail-budget-total{margin-top:12px;padding:12px;background:#0078d414;border-radius:8px;text-align:center}.pl-detail-footer{padding:12px 20px;border-top:1px solid var(--mode-card-border);display:flex;gap:10px;justify-content:flex-end;flex-shrink:0}.pl-alert{padding:12px 20px;border-radius:8px;margin:16px 24px 0;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.pl-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.pl-alert.warning{background:#fffbeb;border:1px solid #fcd34d;color:#d97706}.pl-alert.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}@media (max-width: 1280px){.pl-content{padding-left:16px;padding-right:16px}.pl-table-container{overflow-x:auto}.pl-table{min-width:min(900px,100%)}}@media (max-width: 1024px){.pl-header{padding:14px 16px}.pl-header-title{font-size:16px}.pl-header-context{grid-template-columns:repeat(2,minmax(160px,1fr));max-width:none}.pl-tabs-section,.pl-kpi-section,.pl-worktype-section,.pl-content{padding-left:16px;padding-right:16px}.pl-kpi-row{grid-template-columns:repeat(2,1fr)}.pl-detail-drawer{width:480px}.pl-table{min-width:min(800px,100%)}.pl-filter-bar{flex-wrap:nowrap}.pl-search-wrap{min-width:180px}}@media (max-width: 768px){.pl-header{padding:12px;flex-direction:column;align-items:stretch}.pl-header-left{width:100%}.pl-header-context{grid-template-columns:1fr}.pl-header-actions{width:100%;flex:0 0 auto;justify-content:flex-start;align-content:flex-start;overflow-x:auto;min-height:0;padding-bottom:0;margin-top:6px;-webkit-overflow-scrolling:touch}.pl-header-actions::-webkit-scrollbar{display:none}.pl-cycle-select{flex:1 1 190px;min-width:180px;max-width:none;min-height:44px}.pl-header-actions .btn{flex-shrink:0;width:44px;min-width:44px;min-height:44px;padding:0;justify-content:center}.pl-header-actions .btn span{display:none}.pl-mission-action{width:44px;min-width:44px;min-height:44px;padding:0;flex:0 0 auto;font-size:12px}.pl-mission-action span,.pl-header-breadcrumb{display:none}.pl-tabs-section{padding:10px 12px}.pl-tabs-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;margin-bottom:6px;-webkit-overflow-scrolling:touch}.pl-tabs-row::-webkit-scrollbar{display:none}.pl-sector-tab,.pl-chapter-tab{flex-shrink:0;padding:5px 12px;font-size:11px}.pl-kpi-section{padding:10px 12px}.pl-kpi-row{grid-template-columns:repeat(2,1fr);gap:8px}.pl-kpi-row--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-kpi-card{padding:10px}.pl-kpi-value{font-size:18px}.pl-kpi-label{font-size:9px}.pl-content{padding:0 12px 16px}.pl-filter-bar{padding:10px 12px;gap:8px;overflow-x:auto}.pl-search-wrap{min-width:180px}.pl-active-filter-summary{display:none}.pl-filter-dropdown{position:fixed;left:12px;right:12px;top:96px;width:auto}.pl-col-picker-dropdown{position:fixed;left:12px;right:12px;top:96px;width:auto;max-height:min(440px,calc(100vh - 124px))}.pl-table-wrap,.pl-table-summary{display:none}.pl-mobile-cards{display:block}.pl-detail-drawer{width:100%;max-width:100%}.pl-detail-budget-grid,.pl-detail-info-grid{grid-template-columns:1fr}.pl-wizard-modal{width:100vw;max-width:none;height:100vh;max-height:none;border-radius:0}.pl-wizard-header{padding:12px 16px}.pl-wizard-body{padding:12px}.pl-wizard-footer{padding:10px 16px;flex-wrap:wrap;gap:8px}.pl-review-summary-grid{grid-template-columns:1fr}}@media (max-width: 480px){.pl-header-title{font-size:14px}.pl-stage-badge{font-size:9px;padding:2px 8px}.pl-kpi-row{grid-template-columns:1fr 1fr;gap:6px}.pl-kpi-card{padding:8px}.pl-kpi-value{font-size:16px}.pl-kpi-label{font-size:8px}.pl-tabs-label{display:none}.pl-mobile-card{padding:10px;margin-bottom:8px}.pl-mobile-card-header{font-size:12px}.pl-mobile-card-row{font-size:11px}}.pl-table-message{padding:48px;text-align:center;color:var(--mode-text-sec);font-size:14px}.pl-detail-gradient-header{background:linear-gradient(135deg,#1a3461,#2d50c8);padding:14px 18px 0;flex-shrink:0}.pl-detail-gradient-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.pl-detail-project-code{background:#f59e0b;color:#fff;padding:3px 8px;border-radius:5px;font-weight:800;font-size:11px}.pl-detail-project-title{margin-top:6px;font-size:14px;font-weight:700;color:#fff;line-height:1.3}.pl-detail-header-actions{display:flex;gap:6px;align-items:center}.pl-detail-header-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:5px 10px;cursor:pointer;color:#fff;font-size:11px;font-weight:600}.pl-detail-header-btn-icon{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:5px 8px;cursor:pointer;color:#fff;display:flex;align-items:center}.pl-detail-gradient-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.16)}.pl-detail-gradient-tabs .pl-detail-tab{color:#ffffffbd;border-bottom-color:transparent;background:transparent;font-weight:650;line-height:1.2;padding:11px 14px 12px}.pl-detail-gradient-tabs .pl-detail-tab:hover{color:#fff;background:#ffffff14}.pl-detail-gradient-tabs .pl-detail-tab.active{color:#fff;border-bottom-color:#fff;background:#ffffff1a}.pl-icon-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center}.pl-status-strip{border-radius:10px;padding:9px 14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pl-metric-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.pl-metric-tile{background:#fff;border-radius:8px;padding:10px 10px 8px;box-shadow:0 1px 3px #0000000a}.pl-metric-tile-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.pl-metric-tile-value{font-size:13px;font-weight:700;margin-top:4px}.pl-notes-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--mode-card-bg);border-radius:14px;padding:24px;width:480px;max-width:90vw;max-height:75vh;overflow-y:auto;box-shadow:0 20px 60px #00000040;z-index:9999}.pl-notes-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.pl-notes-popup-label{font-size:11px;color:var(--mode-text-sec);text-transform:uppercase;font-weight:700}.pl-notes-popup-title{font-size:14px;font-weight:700;margin-top:2px}.pl-mobile-group-header{padding:8px 12px;background:#eff6ff;border-radius:8px;margin-bottom:8px;font-weight:700;color:#1d4ed8;font-size:13px}.pl-status-transferred{color:#10b981;font-size:11px;font-weight:700;display:flex;align-items:center;gap:3px}.pl-drag-handle{color:#d1d5db;margin-right:3px;font-size:14px}.pl-code-badge{background:#eff6ff;color:#0078d4;padding:1px 5px;border-radius:4px;font-size:10px;font-weight:700}.pl-kpi-section--compact{padding:10px 20px;min-width:0}.pl-kpi-row--compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}.pl-kpi-card--compact{min-width:0;padding:10px 12px;border-radius:8px;border:1px solid var(--mode-card-border);background:var(--mode-card-bg);text-align:center;position:relative;overflow:hidden}.pl-kpi-card--compact:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-primary)}.pl-kpi-value--compact{font-size:20px;font-weight:800;line-height:1;color:var(--mode-text);overflow-wrap:anywhere}.pl-kpi-label--compact{font-size:9px;font-weight:700;color:var(--mode-text-sec);text-transform:uppercase;letter-spacing:.4px;margin-top:4px;overflow-wrap:anywhere}.pl-kpi-section--sticky{position:sticky;top:0;z-index:100;background:var(--mode-card-bg);box-shadow:0 2px 8px #00000014;padding:6px 20px!important;transition:all .2s ease}.pl-kpi-card--mini{padding:6px 10px!important;border-radius:6px!important}.pl-kpi-value--mini{font-size:16px!important}.pl-kpi-label--mini{font-size:8px!important;margin-top:2px!important}.pl-table-container--sticky{margin-top:0}.pl-table-container--sticky .pl-filter-bar{position:sticky;top:52px;z-index:99;background:var(--mode-card-bg);box-shadow:0 1px 4px #0000000a}.pl-group-toggle-checkbox{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mode-text-sec);cursor:pointer;-webkit-user-select:none;user-select:none}.pl-group-toggle-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary)}.pl-table--dense td{padding:8px 12px;font-size:12px}.pl-table--dense th{padding:8px 12px;font-size:10px}.pl-table-wrap.scrolled .pl-table th{box-shadow:0 2px 6px #00000014}.pl-table .pl-col-checkbox{width:40px;text-align:center}.pl-table .pl-col-checkbox input{width:16px;height:16px;accent-color:var(--primary)}.pl-table .pl-col-actions{width:100px}.pl-table .pl-col-actions>div{display:flex;gap:4px;flex-wrap:nowrap}.pl-wizard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;display:flex;align-items:center;justify-content:center}.pl-wizard-modal{background:var(--mode-card-bg);border-radius:16px;width:90vw;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003}.pl-wizard-modal--wide{max-width:1100px}.pl-wizard-modal--full{max-width:95vw;max-height:90vh}.pl-wizard-header{padding:16px 20px;border-bottom:1px solid var(--mode-card-border);flex-shrink:0}.pl-wizard-title{font-size:18px;font-weight:800;color:var(--mode-text);margin:0}.pl-wizard-subtitle{font-size:12px;color:var(--mode-text-sec);margin-top:4px}.pl-wizard-steps{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--mode-text-sec)}.pl-wizard-step{display:flex;align-items:center;gap:4px}.pl-wizard-step.active{color:var(--primary);font-weight:700}.pl-wizard-step.completed{color:#059669}.pl-wizard-step-number{width:20px;height:20px;border-radius:50%;background:var(--mode-hover);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.pl-wizard-step.active .pl-wizard-step-number{background:var(--primary);color:#fff}.pl-wizard-step.completed .pl-wizard-step-number{background:#059669;color:#fff}.pl-wizard-body{flex:1;overflow-y:auto;padding:20px}.pl-wizard-footer{padding:12px 20px;border-top:1px solid var(--mode-card-border);display:flex;gap:10px;justify-content:flex-end;flex-shrink:0;background:var(--mode-bg);border-radius:0 0 16px 16px}@media (max-width: 768px){.pl-wizard-overlay{align-items:stretch;justify-content:stretch}.pl-wizard-modal{width:100vw;max-width:none;height:100vh;max-height:none;border-radius:0}.pl-wizard-footer{border-radius:0}.pl-wizard-steps{gap:8px;font-size:11px}}.pl-province-group-rows{transition:opacity .2s,max-height .3s;overflow:hidden}.pl-province-group-rows.collapsed{opacity:0;max-height:0}.pl-header--compact{padding:12px 20px}.pl-header-title--compact{font-size:18px}.pl-stage-badge--compact{font-size:10px;padding:2px 8px}.pl-wizard-header-actions{display:flex;gap:8px;align-items:center}.pl-wizard-draft-saved{font-size:.7rem;color:#16a34a}.pl-wizard-unsaved{font-size:.75rem;color:#f59e0b}.pl-wizard-close-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-muted, #999);padding:4px;line-height:1}.pl-wizard-close-btn:hover{color:var(--text, #333)}.pl-wizard-session-wrap{flex:0 0 auto;padding:.75rem 1.5rem 0}.pl-wizard-session-wrap--collapsed{padding-top:.5rem}.pl-wizard-session-compact{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:12px;padding:.45rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.pl-wizard-session-compact-main{display:flex;min-width:0;align-items:center;gap:8px}.pl-wizard-session-compact-kicker{flex:0 0 auto;font-size:.7rem;font-weight:800;color:#64748b;text-transform:uppercase}.pl-wizard-session-compact strong{min-width:0;overflow:hidden;color:#111827;font-size:.82rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.pl-wizard-session-editbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:.5rem;color:#64748b;font-size:.76rem}@media (max-width: 760px){.pl-wizard-session-wrap{padding-right:1rem;padding-left:1rem}.pl-wizard-session-compact,.pl-wizard-session-editbar{align-items:stretch;flex-direction:column}.pl-wizard-session-compact-main{align-items:flex-start;flex-direction:column;gap:2px}.pl-wizard-session-compact strong{width:100%}}.pl-wizard-body--with-error{flex:1;overflow:auto;padding:.5rem 1.5rem 1rem}.pl-wizard-error{margin-bottom:.75rem;padding:.75rem 1rem;background:#fef2f2;border-radius:8px;color:#dc2626;font-size:.85rem}.pl-review-summary{padding:1rem;border:1px solid var(--border-color, #eee);border-radius:8px;margin-bottom:1rem}.pl-review-summary h3{font-size:.95rem;margin-top:0;margin-bottom:12px}.pl-review-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:.85rem}.pl-review-valid{color:#16a34a}.pl-review-errors{color:#dc2626}.pl-review-confirm{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;min-height:36px;margin-left:auto;padding:8px 10px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:#f8fafc;color:#334155;font-size:.85rem;line-height:1.25;cursor:pointer}.pl-review-confirm input,.pl-review-confirm input[type=checkbox]{flex:0 0 auto;width:16px!important;min-width:16px;height:16px;min-height:16px;padding:0;margin:0;accent-color:var(--primary)}.pl-crosscheck{color:var(--mode-text)}.pl-crosscheck-summary{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.pl-crosscheck-chip{display:inline-flex;min-height:38px;align-items:center;padding:8px 12px;border:1px solid transparent;border-radius:8px;font-size:.85rem;font-weight:650;line-height:1.35}.pl-crosscheck-chip--success{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.pl-crosscheck-chip--info{background:#eff6ff;border-color:#bfdbfe;color:#075985}.pl-crosscheck-chip--warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.pl-crosscheck-chip--danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.pl-crosscheck-section{margin-bottom:1.5rem}.pl-crosscheck-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.pl-crosscheck-section-head h3{margin:0;color:var(--mode-text);font-size:1rem;font-weight:800}.pl-crosscheck-section-head span{color:var(--mode-text-sec);font-size:.78rem;font-weight:650}.pl-crosscheck-projects{display:grid;gap:12px}.pl-crosscheck-card{overflow:hidden;border:1px solid var(--mode-card-border);border-radius:10px;background:var(--mode-card-bg)}.pl-crosscheck-card.is-approved{border-color:#0078d47a;box-shadow:0 0 0 2px #0078d414}.pl-crosscheck-card-head{display:flex;min-height:48px;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--mode-card-border);background:var(--mode-bg);cursor:pointer}.pl-crosscheck-card-head input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--primary)}.pl-crosscheck-project-code{min-width:0;color:var(--mode-text);font-size:.9rem;font-weight:800;overflow-wrap:anywhere}.pl-crosscheck-change-count{margin-left:auto;padding:3px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:.72rem;font-weight:800;white-space:nowrap}.pl-crosscheck-grid{width:100%}.pl-crosscheck-grid-head,.pl-crosscheck-grid-row{display:grid;grid-template-columns:minmax(120px,.75fr) minmax(190px,1.1fr) minmax(220px,1.35fr)}.pl-crosscheck-grid-head{background:#f8fafc;color:#475569;font-size:.74rem;font-weight:800}.pl-crosscheck-grid-head span,.pl-crosscheck-grid-row>*{min-width:0;padding:10px 12px}.pl-crosscheck-grid-row{border-top:1px solid var(--mode-card-border)}.pl-crosscheck-grid-head+.pl-crosscheck-grid-row{border-top:0}.pl-crosscheck-field{color:var(--mode-text);font-size:.82rem;font-weight:700;overflow-wrap:anywhere}.pl-crosscheck-value{margin:8px 8px 8px 0;border-radius:8px;font-family:var(--font-khmer, "Khmer OS Siemreap"),"Inter",system-ui,sans-serif;font-size:.86rem;line-height:1.75;overflow-wrap:anywhere;white-space:pre-wrap}.pl-crosscheck-value--old{background:#fef2f2;color:#b91c1c}.pl-crosscheck-value--new{background:#ecfdf5;color:#047857}.pl-crosscheck-mobile-label{display:none;margin-bottom:2px;color:var(--mode-text-sec);font-family:Inter,system-ui,sans-serif;font-size:.68rem;font-weight:800}@media (max-width: 768px){.pl-crosscheck-section-head{align-items:flex-start;flex-direction:column;gap:3px}.pl-crosscheck-grid-head{display:none}.pl-crosscheck-grid-row{display:grid;grid-template-columns:1fr;gap:8px;padding:12px}.pl-crosscheck-grid-row>*{padding:0}.pl-crosscheck-field{font-size:.86rem}.pl-crosscheck-value{margin:0;padding:9px 10px}.pl-crosscheck-mobile-label{display:block}}.chainage-swim-chart{position:relative;display:grid;grid-template-columns:100px 1fr;grid-template-rows:auto 1fr auto;gap:0;background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:8px;overflow:hidden;font-family:JetBrains Mono,Consolas,monospace}.swim-chart-filters{grid-column:1 / -1;display:flex;align-items:center;gap:16px;padding:12px 16px;background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,transparent 100%);border-bottom:1px solid var(--mode-card-border)}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--mode-text-sec)}.filter-select{padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:11px;border:1px solid var(--mode-input-border);border-radius:4px;background:var(--mode-input-bg);color:var(--mode-text);cursor:pointer;transition:border-color .15s,box-shadow .15s}.filter-select:hover{border-color:var(--primary)}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #0078d426}.reset-zoom-btn{margin-left:auto;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--mode-text-sec);background:transparent;border:1px solid var(--mode-input-border);border-radius:4px;cursor:pointer;transition:all .15s}.reset-zoom-btn:hover{color:var(--primary);border-color:var(--primary);background:#0078d40d}.swim-lane-labels{grid-column:1;grid-row:2;display:flex;flex-direction:column;background:#00000003;border-right:1px solid var(--mode-card-border)}.lane-label{display:flex;align-items:center;gap:6px;padding:0 10px;height:calc((100% - 40px) / 7);min-height:32px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid rgba(0,0,0,.03);cursor:pointer;transition:background .15s}.lane-label:hover,.lane-label.hovered{background:#00000008}.lane-icon{font-size:12px;opacity:.8}.lane-name{flex:1}.lane-count{font-size:9px;padding:2px 5px;background:currentColor;color:var(--mode-card-bg)!important;border-radius:3px;opacity:.7}.swim-chart-area{grid-column:2;grid-row:2;position:relative;padding:8px}.swim-chart-area canvas{font-family:JetBrains Mono,monospace!important}.province-boundaries{grid-column:1 / -1;grid-row:3;display:flex;position:relative;height:24px;background:#00000005;border-top:1px solid var(--mode-card-border)}.province-marker{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center;border-left:1px dashed rgba(239,68,68,.4)}.province-marker:first-child{border-left:none}.province-name{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;color:#ef4444cc;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}@media (max-width: 768px){.chainage-swim-chart{grid-template-columns:80px 1fr}.swim-chart-filters{flex-wrap:wrap;gap:8px}.lane-label{font-size:9px;padding:0 6px}.lane-name{display:none}.province-name{font-size:8px}}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;padding:1rem}.summary-card{position:relative;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:10px;cursor:pointer;transition:all var(--transition, .15s);overflow:hidden}.summary-card:hover{border-color:var(--card-color);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.summary-card:active{transform:translateY(0)}.card-icon{font-size:1.5rem;line-height:1;opacity:.9}.card-content{flex:1;min-width:0}.card-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--mode-text-sec);margin-bottom:.25rem}.card-count{font-size:1.375rem;font-weight:700;color:var(--mode-text);line-height:1}.card-metric{display:flex;flex-direction:column;align-items:flex-end;padding:.35rem .625rem;background:#00000008;border-radius:6px}.metric-value{font-size:.875rem;font-weight:700;color:var(--card-color)}.metric-label{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--mode-text-sec);margin-top:.125rem}.card-indicator{position:absolute;bottom:0;left:0;right:0;height:3px;opacity:0;transition:opacity var(--transition, .15s)}.summary-card:hover .card-indicator{opacity:1}@media (max-width: 768px){.summary-cards{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem}.summary-card{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem}.card-icon{font-size:1.25rem}.card-count{font-size:1.125rem}.card-metric{flex-direction:row;gap:.25rem;padding:.25rem .5rem}}@media (max-width: 480px){.summary-cards{grid-template-columns:repeat(2,1fr)}}.detail-panel-v2{position:fixed;top:0;right:0;bottom:0;width:640px;background:var(--mode-card-bg);border-left:1px solid var(--mode-card-border);z-index:9999;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000001f;animation:slideInRight .3s ease-out}.detail-panel-v2[data-mobile=true]{width:100%;border-left:none}.detail-header-v2{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,transparent 100%);border-bottom:1px solid var(--mode-card-border)}.header-info{flex:1;min-width:0}.header-badges{display:flex;gap:.35rem;align-items:center;margin-bottom:.3rem}.header-title{font-size:1rem;font-weight:700;color:var(--mode-text);margin:0;line-height:1.3}.header-subtitle{font-size:.8rem;color:var(--mode-text-sec);margin-top:.15rem}.header-meta{display:flex;gap:.75rem;margin-top:.5rem}.meta-item{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--mode-text-sec)}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--mode-text-sec);background:transparent;border:1px solid var(--mode-input-border);border-radius:6px;cursor:pointer;transition:all var(--transition, .15s)}.close-btn:hover{color:var(--danger, #dc2626);border-color:var(--danger, #dc2626);background:#dc26260d}.group-tabs{display:flex;gap:.25rem;padding:.5rem .75rem;background:#00000005;border-bottom:1px solid var(--mode-card-border)}.group-tab{display:flex;align-items:center;gap:.35rem;padding:.5rem .875rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--mode-text-sec);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all var(--transition, .15s)}.group-tab:hover{color:var(--mode-text);background:#00000008}.group-tab.active{color:var(--primary);background:#0078d414;border-color:var(--primary)}.detail-content{flex:1;overflow-y:auto;padding:0}.section-title{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem .5rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--mode-text-sec)}.sub-tabs{display:flex;gap:.125rem;padding:.5rem .75rem;background:#00000003}.sub-tab{padding:.35rem .75rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--mode-text-sec);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all var(--transition, .15s)}.sub-tab:hover{color:var(--mode-text);background:#00000008}.sub-tab.active{color:var(--primary);background:#0078d41a}.sub-tab-content{padding:1rem}.loading-state,.empty-state,.coming-soon{display:flex;align-items:center;justify-content:center;padding:2.5rem 1.25rem;font-size:.75rem;color:var(--mode-text-sec);background:#00000005;border-radius:8px;margin:1rem}.coming-soon{border:1px dashed var(--mode-input-border)}@media (max-width: 768px){.detail-panel-v2{width:100%;border-left:none}.detail-header-v2{padding:.75rem 1rem}.header-title{font-size:.9rem}.group-tabs{flex-wrap:wrap;gap:.125rem;padding:.375rem .5rem}.group-tab{padding:.35rem .625rem;font-size:.65rem}.sub-tabs{flex-wrap:wrap}}.survey-year-filter{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#00000005;border-bottom:1px solid var(--mode-card-border)}.survey-year-filter label{font-size:.7rem;font-weight:600;color:var(--mode-text-sec)}.year-select{padding:.25rem .5rem;font-size:.75rem;border:1px solid var(--mode-input-border);border-radius:4px;background:var(--mode-input-bg);color:var(--mode-text)}.survey-section{padding:0}.survey-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.survey-header h3{font-size:.85rem;font-weight:600;color:var(--mode-text);margin:0}.survey-count{font-size:.7rem;font-weight:500;color:var(--mode-text-sec);background:#0000000a;padding:.2rem .5rem;border-radius:4px}.survey-stats{display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#00000005;border-radius:6px}.stat-item{display:flex;flex-direction:column;gap:.15rem}.stat-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--mode-text-sec)}.stat-value{font-size:.9rem;font-weight:700;color:var(--primary);font-family:JetBrains Mono,monospace}.pci-chart-placeholder{display:flex;align-items:center;justify-content:center;padding:3rem;font-size:.75rem;color:var(--mode-text-sec);background:#00000005;border:1px dashed var(--mode-input-border);border-radius:6px}.field-study-list{display:flex;flex-direction:column;gap:.5rem}.field-study-item{display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;background:#00000005;border-radius:4px;font-size:.75rem}.fs-score{font-weight:600;color:var(--primary)}.fs-pk{color:var(--mode-text-sec);font-family:JetBrains Mono,monospace}.fs-date{margin-left:auto;color:var(--mode-text-sec);font-size:.7rem}.geometry-section{padding:0 1rem 1rem}.geometry-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.geometry-label{font-size:.75rem;color:var(--mode-text-sec)}.propose-update-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.7rem;font-weight:600;color:var(--primary);background:#0078d414;border:1px solid var(--primary);border-radius:6px;cursor:pointer;transition:all var(--transition, .15s)}.propose-update-btn:hover{background:#0078d426}.geometry-map-placeholder{height:200px;display:flex;align-items:center;justify-content:center;background:#00000005;border:1px dashed var(--mode-input-border);border-radius:8px}.placeholder-text{font-size:.75rem;color:var(--mode-text-sec)}.geometry-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.geometry-modal{width:480px;max-width:90vw;background:var(--mode-card-bg);border-radius:12px;box-shadow:0 8px 32px #0003;overflow:hidden}.geometry-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--mode-card-border)}.geometry-modal .modal-header h3{font-size:1rem;font-weight:600;margin:0;color:var(--mode-text)}.geometry-modal .close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--mode-text-sec);background:transparent;border:none;cursor:pointer;border-radius:4px}.geometry-modal .close-btn:hover{background:#0000000d}.geometry-modal .modal-body{padding:1rem}.geometry-modal .segment-info{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;background:#00000005;border-radius:6px}.geometry-modal .segment-label{font-size:.75rem;color:var(--mode-text-sec)}.geometry-modal .segment-name{font-size:.85rem;font-weight:600;color:var(--primary)}.geometry-modal .drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;border:2px dashed var(--mode-input-border);border-radius:8px;cursor:pointer;transition:all var(--transition, .15s)}.geometry-modal .drop-zone:hover,.geometry-modal .drop-zone.drag-over{border-color:var(--primary);background:#0078d40d}.geometry-modal .drop-icon{font-size:2rem;margin-bottom:.5rem}.geometry-modal .drop-zone p{margin:0;font-size:.85rem;color:var(--mode-text)}.geometry-modal .drop-hint{font-size:.75rem;color:var(--mode-text-sec);margin-top:.25rem}.geometry-modal .loading-state,.geometry-modal .success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.geometry-modal .spinner{width:32px;height:32px;border:3px solid var(--mode-input-border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.geometry-modal .loading-state p{margin:0;font-size:.85rem;color:var(--mode-text-sec)}.geometry-modal .success-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;background:var(--success, #10b981);border-radius:50%;margin-bottom:1rem}.geometry-modal .success-state p{margin:0;font-size:.95rem;font-weight:600;color:var(--mode-text)}.geometry-modal .success-hint{font-size:.75rem;color:var(--mode-text-sec);margin-top:.25rem}.geometry-modal .preview-section{display:flex;flex-direction:column;gap:1rem}.geometry-modal .preview-header{display:flex;align-items:center;justify-content:space-between}.geometry-modal .coord-count{font-size:.85rem;font-weight:600;color:var(--primary)}.geometry-modal .file-name{font-size:.75rem;color:var(--mode-text-sec)}.geometry-modal .coord-preview{background:#00000005;border-radius:6px;padding:.75rem}.geometry-modal .coord-list{display:flex;flex-direction:column;gap:.25rem}.geometry-modal .coord-item{display:flex;align-items:center;gap:.75rem;font-size:.75rem;font-family:JetBrains Mono,monospace}.geometry-modal .coord-index{width:20px;color:var(--mode-text-sec)}.geometry-modal .coord-val{color:var(--mode-text)}.geometry-modal .coord-more{font-size:.7rem;color:var(--mode-text-sec);padding-left:1.75rem}.geometry-modal .notes-section{display:flex;flex-direction:column;gap:.35rem}.geometry-modal .notes-section label{font-size:.75rem;font-weight:600;color:var(--mode-text-sec)}.geometry-modal .notes-section textarea{padding:.5rem .75rem;font-size:.8rem;border:1px solid var(--mode-input-border);border-radius:6px;background:var(--mode-input-bg);color:var(--mode-text);resize:vertical}.geometry-modal .notes-section textarea:focus{outline:none;border-color:var(--primary)}.geometry-modal .error-msg{font-size:.75rem;color:var(--danger, #dc2626);padding:.5rem;background:#dc26260d;border-radius:4px}.geometry-modal .modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;border-top:1px solid var(--mode-card-border)}.geometry-modal .cancel-btn{padding:.5rem 1rem;font-size:.8rem;color:var(--mode-text-sec);background:transparent;border:1px solid var(--mode-input-border);border-radius:6px;cursor:pointer}.geometry-modal .cancel-btn:hover{background:#00000008}.geometry-modal .submit-btn{padding:.5rem 1rem;font-size:.8rem;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:6px;cursor:pointer}.geometry-modal .submit-btn:hover{background:#106ebe}.map-controls{width:320px;background:var(--bg-card, var(--bg-secondary));border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;transition:width .25s ease}.map-control-section{padding:1rem;border-bottom:1px solid var(--border-color)}.map-control-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem;font-weight:600}@media (max-width: 768px){.map-controls{position:fixed;top:0;left:0;bottom:0;width:85vw;max-width:360px;z-index:999;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:none}.map-controls.mobile-open{transform:translate(0);box-shadow:4px 0 24px #0003}}.map-container{flex:1;position:relative;overflow:hidden;background:#e2e8f0}.mobile-overlay{display:none}@media (max-width: 768px){.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:998;pointer-events:none;transition:background .3s ease}.mobile-overlay.active{background:#0006;pointer-events:auto}}.map-legend{position:absolute;bottom:2rem;left:1rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;box-shadow:var(--shadow-md);z-index:500;font-size:.75rem}.legend-title{font-weight:600;margin-bottom:.5rem;color:var(--text-primary);font-size:.8rem}.legend-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.legend-color{width:20px;height:3px;border-radius:2px}@media (max-width: 640px){.map-legend{left:.5rem;bottom:.5rem;font-size:.7rem;padding:.5rem}}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem}@media (max-width: 768px){.chart-grid{grid-template-columns:1fr}}.chart-card{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:1.25rem}.chart-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.checkbox-container{display:flex;align-items:center;gap:.5rem;font-size:.8rem;cursor:pointer}.checkbox-container input[type=checkbox]{width:16px;height:16px;cursor:pointer}.info-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;font-size:.875rem;margin-top:.5rem}.table-action-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem;color:var(--text-secondary);transition:var(--transition)}.table-action-btn:hover{color:var(--text-primary)}.table-action-btn.delete{color:var(--danger)}.table-action-btn.delete:hover{color:#dc2626}.theme-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.375rem .75rem;color:#fff;cursor:pointer;transition:var(--transition);font-size:1rem}.theme-toggle:hover{background:#fff3}.label{font-size:.75rem;color:var(--text-secondary);font-weight:500;margin-bottom:.25rem;display:block}.map-controls-toggle{display:none;position:fixed;top:calc(var(--header-height, 56px) + .75rem);left:.75rem;z-index:1000;background:var(--primary, #005a9e);color:#fff;border:none;border-radius:50%;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000040;font-size:1.2rem;transition:transform .15s ease,box-shadow .15s ease}.map-controls-toggle:active{transform:scale(.92);box-shadow:0 1px 4px #0003}@media (max-width: 768px){.map-controls-toggle{display:flex}}.map-floating-toolbar{position:absolute;bottom:calc(68px + env(safe-area-inset-bottom,0px));right:12px;z-index:800;display:flex;flex-direction:column;gap:8px}.map-toolbar-btn{width:40px;height:40px;border-radius:10px;border:none;background:var(--bg-card, #fff);color:var(--text-primary, #1e293b);box-shadow:0 2px 8px #0000002e;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,background .15s ease}.map-toolbar-btn:active{transform:scale(.9)}.map-toolbar-btn.active{background:var(--primary, #005a9e);color:#fff}.map-measure-banner{position:absolute;top:calc(var(--header-height, 56px) + .75rem);left:50%;transform:translate(-50%);z-index:800;background:#000c;color:#fff;padding:.5rem 1.25rem;border-radius:20px;font-size:.85rem;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 12px #0000004d;white-space:nowrap;pointer-events:none;animation:measureBannerIn .25s ease}@keyframes measureBannerIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.app-container .main-content main{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))!important}button,a,input[type=checkbox],input[type=radio],.table-action-btn,.theme-toggle{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.table-responsive,[style*="overflow-x: auto"],[style*="overflowX: 'auto'"]{-webkit-overflow-scrolling:touch;scrollbar-width:none}.table-responsive::-webkit-scrollbar,[style*="overflow-x: auto"]::-webkit-scrollbar{display:none}.modal-content,[role=dialog]>div{max-height:85vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;width:95vw!important;margin:0 auto;padding:1rem!important}}