:root{--color-primary: #0B47A9;--color-primary-hover: #083887;--color-primary-light: #EFF6FF;--color-primary-border: #BFDBFE;--color-primary-glow: rgba(11, 71, 169, .25);--color-navy-dark: #0A192F;--color-navy-deep: #071324;--color-accent-cyan: #0284C7;--color-accent-cyan-light: #E0F2FE;--bg-page: #F6F8FC;--bg-card: #FFFFFF;--bg-card-subtle: #F8FAFC;--bg-card-glass: rgba(255, 255, 255, .88);--border-card: rgba(11, 71, 169, .09);--border-card-hover: rgba(11, 71, 169, .25);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-inverse: #FFFFFF;--status-success: #059669;--status-success-bg: #ECFDF5;--status-success-border: #A7F3D0;--status-warning: #D97706;--status-warning-bg: #FFFBEB;--status-warning-border: #FDE68A;--status-danger: #DC2626;--status-danger-bg: #FEF2F2;--status-danger-border: #FECACA;--shadow-xs: 0 1px 2px rgba(11, 71, 169, .04);--shadow-sm: 0 2px 6px -1px rgba(11, 71, 169, .06), 0 1px 3px -1px rgba(11, 71, 169, .04);--shadow-md: 0 6px 16px -2px rgba(11, 71, 169, .08), 0 3px 6px -2px rgba(11, 71, 169, .05);--shadow-lg: 0 14px 30px -4px rgba(11, 71, 169, .1), 0 6px 12px -3px rgba(11, 71, 169, .06);--shadow-glow: 0 0 24px rgba(11, 71, 169, .22);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 9999px;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .25s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1);--font-display: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", "Sarabun", sans-serif}.dark-mode{--bg-page: #070D18;--bg-card: #0D1626;--bg-card-subtle: #121F36;--bg-card-glass: rgba(13, 22, 38, .85);--border-card: rgba(56, 189, 248, .15);--border-card-hover: rgba(56, 189, 248, .35);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 36px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--bg-page);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden;background-image:radial-gradient(at 0% 0%,rgba(11,71,169,.04) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(2,132,199,.04) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(11,71,169,.03) 0px,transparent 50%);background-attachment:fixed}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1600px;width:100%;margin:0 auto;padding:24px 32px 64px}@media (max-width: 1024px){.main-content{padding:16px 20px 48px}}@media (max-width: 640px){.main-content{padding:12px 14px 40px}}.top-navbar{position:sticky;top:0;z-index:50;background:var(--bg-card-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-card);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.navbar-inner{max-width:1600px;margin:0 auto;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-section{display:flex;align-items:center;gap:12px;flex-shrink:0;white-space:nowrap!important}.brand-logo-badge{width:48px;height:48px;border-radius:10px;background:#fff;padding:3px;box-shadow:0 2px 8px #0b47a914;border:1px solid rgba(11,71,169,.14);object-fit:contain;transition:transform var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.brand-logo-badge:hover{transform:scale(1.06);box-shadow:0 4px 14px #0b47a929}.brand-title-group h1{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--color-primary);line-height:1.2;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;flex-shrink:0}.brand-title-group p{font-size:.76rem;font-weight:500;color:var(--text-muted)}.brand-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;background:var(--color-primary-light);color:var(--color-primary);padding:2px 7px;border-radius:var(--radius-pill);border:1px solid var(--color-primary-border);white-space:nowrap!important;flex-shrink:0}.module-tabs{display:flex;align-items:center;gap:6px;background:var(--bg-card-subtle);padding:4px;border-radius:var(--radius-pill);border:1px solid var(--border-card)}.module-tab-btn{display:flex;align-items:center;gap:8px;padding:7px 16px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.84rem;font-weight:600;color:var(--text-secondary);border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.module-tab-btn:hover{color:var(--color-primary);background:#0b47a90d}.module-tab-btn.active{background:var(--color-primary);color:var(--text-inverse);box-shadow:0 2px 8px #0b47a94d}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--border-card);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--bg-card-subtle);color:var(--color-primary);border-color:var(--color-primary-border);transform:translateY(-1px)}.btn-pill-3d{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);font-size:.8rem;font-weight:700;border:1px solid #38BDF8;background:linear-gradient(135deg,#0369a1,#0284c7);color:#fff;cursor:pointer;box-shadow:0 2px 10px #0284c74d;transition:all var(--transition-fast)}.btn-pill-3d:hover{background:linear-gradient(135deg,#0284c7,#0ea5e9);transform:translateY(-1px) scale(1.02);box-shadow:0 4px 14px #0ea5e966}.btn-upload{display:flex;align-items:center;gap:6px;padding:7px 15px;border-radius:var(--radius-pill);font-size:.82rem;font-weight:600;border:1px solid var(--color-primary);background:#fff;color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.btn-upload:hover{background:var(--color-primary-light);transform:translateY(-1px)}.user-profile-badge{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 5px;border-radius:var(--radius-pill);background:var(--bg-card);border:1px solid var(--border-card);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;white-space:nowrap!important}.user-profile-badge:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-sm)}.user-avatar-circle{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--color-primary-light);color:var(--color-primary);font-weight:700;font-size:.78rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(11,71,169,.15);flex-shrink:0}.user-info-text{text-align:left;line-height:1.2;white-space:nowrap!important;flex-shrink:0}.user-name{font-size:.8rem;font-weight:700;color:var(--text-primary);white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}.user-role-tag{font-size:.65rem;font-weight:600;color:var(--color-primary);white-space:nowrap!important}.bento-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}@media (max-width: 1360px){.bento-grid-4{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 640px){.bento-grid-4{grid-template-columns:1fr;gap:12px}}.premium-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);padding:22px;position:relative;overflow:hidden;transition:all var(--transition-normal)}.premium-card:hover{border-color:var(--border-card-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card{display:flex;flex-direction:column;justify-content:space-between}.kpi-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.kpi-title{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.kpi-icon-container{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.premium-card:hover .kpi-icon-container{transform:scale(1.08)}.kpi-value-row{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.kpi-main-val{font-family:var(--font-display);font-size:2.1rem;font-weight:800;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em}.kpi-unit{font-size:.82rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.kpi-footer{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;padding-top:10px;border-top:1px solid rgba(11,71,169,.06);flex-wrap:wrap;gap:6px}.kpi-footer span{white-space:nowrap}.badge-achievement{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success-border)}.badge-alert{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning-border)}.module-header-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--border-card)}.module-title-wrap h2{font-family:var(--font-display);font-size:1.55rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.module-title-wrap p{font-size:.84rem;color:var(--text-muted);margin-top:2px}.subnav-tabs{display:flex;align-items:center;gap:6px;background:var(--bg-card);padding:4px;border-radius:var(--radius-md);border:1px solid var(--border-card);box-shadow:var(--shadow-xs)}.subnav-btn{padding:6px 18px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;color:var(--text-secondary);border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast)}.subnav-btn:hover{color:var(--color-primary)}.subnav-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 6px #0b47a940}.filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.select-filter{padding:7px 14px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.84rem;font-weight:600;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-card);box-shadow:var(--shadow-xs);cursor:pointer;outline:none;transition:all var(--transition-fast)}.select-filter:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.chart-container-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);padding:24px;margin-bottom:24px;position:relative}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:12px}.chart-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.chart-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:.78rem;font-weight:600;color:var(--text-secondary)}.legend-item{display:flex;align-items:center;gap:6px}.legend-color-dot{width:10px;height:10px;border-radius:3px}.table-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:24px}.table-header-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--border-card);background:var(--bg-card-subtle);flex-wrap:wrap;gap:12px}.table-title{font-family:var(--font-display);font-size:1.02rem;font-weight:700;color:var(--text-primary)}.table-responsive-wrapper{overflow-x:auto;width:100%}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.84rem}.data-table th{background:#f8fafc;color:var(--text-muted);font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.04em;padding:12px 16px;border-bottom:1px solid var(--border-card);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid rgba(11,71,169,.05);color:var(--text-primary);font-weight:500;white-space:nowrap}.data-table tr:hover td{background:#0b47a905}.data-table tr.total-row td{font-weight:800;background:var(--color-primary-light);color:var(--color-primary);border-top:2px solid var(--color-primary-border)}.text-right{text-align:right}.text-center{text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a192f8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.modal-dialog{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-card);box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:32px;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close-btn{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close-btn:hover{background:var(--bg-card-subtle);color:var(--text-primary)}.btn-primary{background:var(--color-primary);color:#fff;font-family:var(--font-body);font-size:.88rem;font-weight:700;padding:10px 22px;border-radius:var(--radius-pill);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #0b47a947;transition:all var(--transition-fast)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 18px #0b47a959}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--bg-card-subtle);color:var(--text-primary);font-family:var(--font-body);font-size:.88rem;font-weight:600;padding:10px 20px;border-radius:var(--radius-pill);border:1px solid var(--border-card);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all var(--transition-fast)}.btn-secondary:hover{background:#fff;border-color:var(--color-primary-border);color:var(--color-primary)}.chart-drilldown-prompt{display:inline-flex;align-items:center;gap:8px;background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary-border);padding:5px 14px;border-radius:var(--radius-pill);font-size:.78rem;font-weight:700;margin-top:4px;box-shadow:0 1px 3px #0b47a914}.chart-bar-interactive{cursor:pointer;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease;-webkit-user-select:none;user-select:none}.chart-bar-interactive:hover{transform:translateY(-5px);filter:brightness(1.08)}.chart-bar-interactive.is-selected{transform:translateY(-6px)}.chart-bar-interactive.is-selected .bar-stack-column{box-shadow:0 0 0 3px #0b47a9,0 8px 24px #0b47a959!important;outline:2px solid #FFFFFF}.chart-active-beacon{position:absolute;background:#0b47a9;color:#fff;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:var(--radius-pill);white-space:nowrap;box-shadow:0 4px 14px #0b47a973;animation:bounceSoft 1.6s infinite ease-in-out;display:flex;align-items:center;gap:5px;z-index:30;pointer-events:none;border:1px solid rgba(255,255,255,.35)}.chart-active-beacon:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #0B47A9}@keyframes bounceSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.drilldown-inspector-card{background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(11,71,169,.15);box-shadow:0 8px 28px -4px #0b47a917,0 2px 8px -1px #0b47a90a;margin-top:24px;overflow:hidden;transition:all var(--transition-normal);position:relative}.drilldown-inspector-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0b47a9,#0284c7,#38bdf8)}.drilldown-header{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;border-bottom:1px solid #F1F5F9;background:linear-gradient(180deg,#fafcff,#fff)}.drilldown-header-title-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.drilldown-icon-badge{width:40px;height:40px;border-radius:10px;background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-primary-border)}.drilldown-title{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--color-navy-dark);margin:0;display:flex;align-items:center;gap:10px}.badge-month-pill{background:var(--color-primary);color:#fff;font-size:.76rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-pill);box-shadow:0 2px 6px #0b47a940}.badge-total-pill{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0;font-size:.78rem;font-weight:800;padding:3px 12px;border-radius:var(--radius-pill)}.drilldown-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.drilldown-mode-toggle{display:flex;background:#f1f5f9;padding:3px;border-radius:var(--radius-pill);border:1px solid #E2E8F0}.mode-toggle-btn{padding:5px 12px;border-radius:var(--radius-pill);font-size:.76rem;font-weight:700;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all var(--transition-fast)}.mode-toggle-btn.active{background:#fff;color:var(--color-primary);box-shadow:0 2px 6px #00000014}.drilldown-month-strip{padding:12px 24px;background:#f8fafc;border-bottom:1px solid #F1F5F9;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.strip-label{font-size:.8rem;font-weight:700;color:var(--text-muted);white-space:nowrap!important;flex-shrink:0}.strip-pills{display:flex;gap:6px;flex-wrap:wrap}.strip-month-btn{background:#fff;border:1px solid #CBD5E1;color:var(--text-secondary);padding:5px 12px;border-radius:var(--radius-pill);font-size:.78rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.strip-month-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.strip-month-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 2px 6px #0b47a947}.drilldown-kpis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;padding:16px 24px;background:#fff;border-bottom:1px solid #F1F5F9}.drilldown-kpi-chip{background:#f8fafc;border:1px solid #E2E8F0;border-radius:var(--radius-md);padding:10px 16px;display:flex;flex-direction:column}.kpi-chip-label{font-size:.74rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.kpi-chip-val{font-family:var(--font-display);font-size:1.35rem;font-weight:800;margin-top:2px}.kpi-chip-sub{font-size:.72rem;color:var(--text-secondary);margin-top:2px}.drilldown-controls-bar{padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border-bottom:1px solid #F1F5F9}.drilldown-category-pills{display:flex;gap:8px;flex-wrap:wrap}.category-pill-btn{background:#f8fafc;border:1px solid #E2E8F0;color:var(--text-secondary);padding:6px 14px;border-radius:var(--radius-pill);font-size:.78rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all var(--transition-fast)}.category-pill-btn:hover{background:#fff;border-color:#cbd5e1;color:var(--color-primary)}.category-pill-btn.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);font-weight:800}.cat-color-dot{width:8px;height:8px;border-radius:50%}.cat-count-badge{background:#0000000f;padding:1px 7px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:800}.category-pill-btn.active .cat-count-badge{background:var(--color-primary);color:#fff}.drilldown-search-wrap{position:relative;display:flex;align-items:center;min-width:260px;flex:1;max-width:360px}.drilldown-search-wrap .search-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.drilldown-search-input{width:100%;padding:8px 34px 8px 36px;border:1px solid #CBD5E1;border-radius:var(--radius-pill);font-size:.82rem;font-family:var(--font-body);background:#fff;color:var(--text-primary);transition:all var(--transition-fast)}.drilldown-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.search-clear-btn{position:absolute;right:10px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.drilldown-meta-counter{padding:8px 24px;background:#f8fafc;font-size:.75rem;color:var(--text-muted);border-bottom:1px solid #F1F5F9}.drilldown-table-wrapper{max-height:480px;overflow-y:auto;overflow-x:auto;background:#fff}.drilldown-data-table{width:100%;border-collapse:collapse;font-size:.82rem;text-align:left}.drilldown-data-table th{background:#f8fafc;color:var(--text-secondary);font-weight:700;padding:12px 16px;border-bottom:1px solid #E2E8F0;position:sticky;top:0;z-index:5;white-space:nowrap}.drilldown-data-table td{padding:12px 16px;border-bottom:1px solid #F1F5F9;color:var(--text-primary);vertical-align:middle}.drilldown-data-table tr:hover{background:#f8fafc}.badge-status{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:.74rem;font-weight:700;white-space:nowrap}.badge-status.dacp-new{background:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE}.badge-status.dacp-add{background:#ffedd5;color:#c2410c;border:1px solid #FED7AA}.badge-status.dacp-renew{background:#f1f5f9;color:#334155;border:1px solid #CBD5E1}.badge-status.dafp{background:#fef9c3;color:#854d0e;border:1px solid #FEF08A}.badge-condition{background:#ecfdf5;color:#047857;border:1px solid #A7F3D0;padding:2px 7px;border-radius:4px;font-size:.7rem;font-weight:700;white-space:nowrap}.badge-period{font-family:var(--font-mono, monospace);font-size:.78rem;font-weight:700;color:var(--text-secondary);background:#f1f5f9;padding:3px 9px;border-radius:5px;white-space:nowrap;display:inline-block;letter-spacing:-.2px;border:1px solid #E2E8F0;box-shadow:0 1px 2px #00000008}.drilldown-cell-period{white-space:nowrap!important;min-width:145px}.drilldown-cell-date{white-space:nowrap!important;min-width:95px;font-family:var(--font-mono, monospace);font-size:.78rem;letter-spacing:-.2px}.drilldown-cell-customer{min-width:160px;max-width:260px;word-break:break-word}.drilldown-cell-project{min-width:140px;max-width:220px;word-break:break-word}.drilldown-empty-state{padding:48px 24px;text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center}.drilldown-footer-bar{padding:12px 24px;background:#f8fafc;border-top:1px solid #F1F5F9;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.78rem;color:var(--text-muted)}.drilldown-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#071324a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}.drilldown-modal-container{background:#fff;width:95%;max-width:1240px;max-height:90vh;border-radius:var(--radius-xl);box-shadow:0 24px 60px -12px #07132473;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.2)}.drilldown-modal-header{padding:18px 24px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid #E2E8F0;background:linear-gradient(180deg,#fafcff,#fff)}.drilldown-modal-top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.modal-title-row{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.modal-title-row h3{font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:var(--color-navy-dark);margin:0;line-height:1.25}.drilldown-modal-icon-badge{width:34px;height:34px;border-radius:8px;background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-primary-border);flex-shrink:0}.drilldown-modal-sub-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;width:100%}.drilldown-modal-subtitle{font-size:.78rem;color:var(--text-muted);margin:0;flex:1;min-width:0}.btn-modal-export{padding:6px 14px!important;font-size:.78rem!important;white-space:nowrap!important;flex-shrink:0}.drilldown-modal-close-btn{background:#f1f5f9;border:1px solid #E2E8F0;color:var(--text-secondary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.drilldown-modal-close-btn:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.drilldown-modal-footer{padding:14px 28px;border-top:1px solid #E2E8F0;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.78rem;color:var(--text-muted)}.drilldown-modal-footer .btn-secondary{white-space:nowrap!important;flex-shrink:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}body{word-break:break-word;overflow-wrap:break-word}h1,h2,h3,h4{text-wrap:balance;word-break:break-word;overflow-wrap:break-word}.kpi-main-val,.kpi-unit,.badge-period,.badge-status,.badge-achievement,.badge-month-pill,.badge-total-pill,.kpi-chip-val,.brand-tag,.cat-count-badge{white-space:nowrap!important}.executive-hero-banner{margin-bottom:24px;background:linear-gradient(135deg,#071f48,#0b47a9 60%,#0284c7);color:#fff;border:none;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;box-shadow:0 12px 32px #0b47a959;border-radius:var(--radius-xl)}.hero-content-col{max-width:640px;flex:1 1 320px}.hero-tag-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff26;padding:4px 12px;border-radius:var(--radius-pill);font-size:.78rem;font-weight:700;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-heading{font-family:var(--font-display);font-size:1.85rem;font-weight:800;line-height:1.25;letter-spacing:-.02em;margin-bottom:10px;text-wrap:balance}.hero-description{font-size:.9rem;opacity:.92;line-height:1.55;margin-bottom:18px;word-break:break-word}.hero-action-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-showcase-col{display:flex;gap:16px;align-items:center;flex-shrink:0}.hero-showcase-card{background:#ffffff1a;border-radius:var(--radius-lg);padding:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-align:center;transition:transform var(--transition-fast)}.hero-showcase-card:hover{transform:translateY(-2px)}.hero-showcase-img{width:120px;height:120px;border-radius:var(--radius-md);object-fit:cover}.hero-showcase-title{font-size:.72rem;font-weight:700;margin-top:6px}.executive-lens-tabs{display:flex;background:#f1f5f9;padding:4px;border-radius:var(--radius-pill);border:1px solid #E2E8F0;flex-wrap:wrap;gap:4px}.executive-lens-btn{padding:6px 14px;border-radius:var(--radius-pill);font-size:.76rem;font-weight:700;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all var(--transition-fast);white-space:nowrap}.executive-lens-btn:hover{color:var(--color-primary)}.executive-lens-btn.active{background:#fff;color:var(--color-primary);box-shadow:0 2px 6px #00000014}.executive-trend-canvas-wrap{background:#fff;border-radius:var(--radius-lg);padding:16px 20px;border:1px solid #F1F5F9;box-shadow:inset 0 1px 3px #00000005}.trend-chart-scroll-box{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.executive-kpi-triad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:20px}.chart-scroll-area{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;scrollbar-width:thin;scrollbar-color:rgba(11,71,169,.2) transparent}.chart-scroll-area::-webkit-scrollbar{height:6px}.chart-scroll-area::-webkit-scrollbar-thumb{background:#0b47a933;border-radius:4px}.chart-scroll-inner{width:100%}@media (max-width: 1360px){.navbar-inner{flex-wrap:wrap;padding:10px 20px;gap:10px 16px}.brand-section{flex:0 0 auto}.brand-subtitle,.header-date-badge{display:none!important}.header-actions{flex:0 0 auto;margin-left:auto;gap:8px}.module-tabs{order:3;width:100%;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px;margin-top:2px;gap:6px;border-radius:var(--radius-pill);background:#f1f5f9}.module-tab-btn{flex:1 1 auto;justify-content:center;padding:6px 14px;font-size:.8rem}}@media (max-width: 1024px){.navbar-inner{padding:10px 20px;gap:12px}.brand-title-group h1{font-size:1.05rem}.executive-hero-banner{padding:22px 24px}.hero-heading{font-size:1.6rem}}@media (max-width: 768px){.navbar-inner{flex-wrap:wrap;padding:8px 14px;gap:8px 12px}.brand-section{flex:1 1 auto;gap:10px;min-width:0}.brand-logo-badge{width:38px;height:38px;padding:2px;border-radius:8px}.brand-title-group h1{font-size:.95rem;gap:6px}.brand-subtitle{display:none!important}.header-actions{flex:0 0 auto;gap:8px;margin-left:auto}.header-date-badge{display:none}.module-tabs{order:3;width:100%;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px;margin-top:4px;gap:5px;border-radius:var(--radius-pill);background:#f1f5f9}.module-tabs::-webkit-scrollbar{display:none}.module-tab-btn{flex-shrink:0;padding:6px 13px;font-size:.78rem;gap:6px}.main-content{padding:12px 14px 40px}.executive-hero-banner{padding:18px;gap:16px;border-radius:var(--radius-lg);margin-bottom:16px}.hero-heading{font-size:1.35rem;line-height:1.3;margin-bottom:8px}.hero-description{font-size:.82rem;line-height:1.5;margin-bottom:14px}.hero-showcase-col{width:100%;justify-content:center;gap:12px}.hero-showcase-img{width:84px;height:84px}.hero-action-buttons{width:100%}.hero-action-buttons .btn-primary,.hero-action-buttons .btn-secondary{flex:1 1 auto;justify-content:center;padding:8px 14px;font-size:.8rem}.bento-grid-4{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.premium-card{padding:14px 16px;border-radius:var(--radius-md)}.kpi-main-val{font-size:1.55rem}.kpi-title{font-size:.74rem}.kpi-icon-container{width:32px;height:32px;border-radius:var(--radius-sm)}.kpi-footer{padding-top:8px;font-size:.72rem}.executive-lens-tabs{display:grid;grid-template-columns:repeat(2,1fr);width:100%;border-radius:var(--radius-lg);padding:6px;gap:6px}.executive-lens-btn{padding:6px 10px;font-size:.74rem;justify-content:center;text-align:center;white-space:normal}.executive-trend-canvas-wrap{padding:12px 14px}.trend-chart-scroll-box .trend-svg{min-width:620px;height:240px}.executive-kpi-triad-grid{grid-template-columns:1fr;gap:10px;margin-top:14px}.module-header-banner{gap:12px;margin-bottom:16px;padding-bottom:12px}.module-title-wrap h2{font-size:1.22rem;gap:8px}.module-title-wrap p{font-size:.78rem}.subnav-tabs{width:100%;display:flex}.subnav-btn{flex:1;text-align:center;padding:6px 10px;font-size:.76rem}.chart-container-card{padding:14px 16px;margin-bottom:16px;border-radius:var(--radius-md)}.chart-title{font-size:1.02rem}.chart-legend{font-size:.72rem;gap:8px 12px}.chart-scroll-inner{min-width:580px!important}.drilldown-inspector-card{margin-top:16px;border-radius:var(--radius-md)}.drilldown-header{padding:12px 14px;gap:10px;flex-direction:column;align-items:flex-start}.drilldown-title{font-size:1rem;flex-wrap:wrap;gap:6px}.drilldown-header-actions{width:100%;justify-content:space-between}.drilldown-mode-toggle{flex:1}.mode-toggle-btn{flex:1;justify-content:center;padding:5px 8px;font-size:.72rem}.drilldown-month-strip{display:flex;flex-direction:column;align-items:flex-start;padding:8px 14px;gap:6px;background:#f8fafc;border-bottom:1px solid #F1F5F9}.strip-label{white-space:nowrap!important;font-size:.74rem;color:var(--text-muted)}.strip-pills{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none;gap:4px}.strip-pills::-webkit-scrollbar{display:none}.strip-month-btn{flex-shrink:0;padding:4px 10px;font-size:.72rem}.drilldown-kpis-grid{grid-template-columns:repeat(2,1fr);padding:10px 14px;gap:8px}.drilldown-kpi-chip{padding:8px 10px}.kpi-chip-label{font-size:.68rem}.kpi-chip-val{font-size:1.15rem}.drilldown-controls-bar{padding:10px 14px;gap:10px;flex-direction:column;align-items:stretch}.drilldown-category-pills{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.drilldown-category-pills::-webkit-scrollbar{display:none}.category-pill-btn{flex-shrink:0;padding:5px 10px;font-size:.74rem}.drilldown-search-wrap{min-width:100%;max-width:100%}.drilldown-search-input{font-size:.78rem;padding:7px 30px 7px 34px}.drilldown-data-table th{padding:8px 10px;font-size:.68rem}.drilldown-data-table td{padding:8px 10px;font-size:.75rem}.drilldown-cell-date{white-space:nowrap!important;font-size:.74rem;min-width:90px}.drilldown-cell-period{white-space:nowrap!important;font-size:.72rem;min-width:135px}.badge-period{font-size:.72rem;padding:2px 6px}.drilldown-footer-bar{padding:8px 14px;font-size:.72rem}.drilldown-modal-backdrop{padding:12px}.drilldown-modal-container{width:98%;max-height:94vh;border-radius:var(--radius-lg)}.drilldown-modal-header{padding:12px 14px;gap:8px}.modal-title-row h3{font-size:.95rem;line-height:1.25}.drilldown-modal-sub-bar{gap:8px}.btn-modal-export{padding:5px 12px!important;font-size:.74rem!important}.drilldown-modal-footer{padding:10px 14px;font-size:.72rem;gap:8px}.drilldown-modal-footer .footer-tip{display:none}.drilldown-modal-footer .btn-secondary{width:100%;justify-content:center}}@media (max-width: 480px){.main-content{padding:8px 10px 32px}.brand-tag,.user-role-tag,.btn-upload-text{display:none}.btn-upload{padding:6px 9px}.bento-grid-4{grid-template-columns:1fr;gap:10px}.drilldown-kpis-grid{grid-template-columns:1fr;gap:8px}.executive-lens-tabs{grid-template-columns:1fr}.hero-showcase-card{padding:4px}.hero-showcase-img{width:68px;height:68px}.hero-heading{font-size:1.2rem}.hero-action-buttons{flex-direction:column}.hero-action-buttons button{width:100%}.drilldown-data-table th{padding:6px 8px;font-size:.65rem}.drilldown-data-table td{padding:6px 8px;font-size:.72rem}}.login-landing-container{min-height:100vh;width:100%;position:relative;background-color:#061122;background-image:radial-gradient(at 0% 0%,rgba(11,71,169,.45) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(2,132,199,.35) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(7,31,72,.6) 0px,transparent 70%);overflow-x:hidden;display:flex;align-items:center;justify-content:center;font-family:var(--font-body)}.landing-ambient-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.aurora-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.55;pointer-events:none}.aurora-orb-1{width:540px;height:540px;background:radial-gradient(circle,#0284c7,#0284c700 70%);top:-120px;left:5%;animation:orbDrift1 14s ease-in-out infinite alternate}.aurora-orb-2{width:680px;height:680px;background:radial-gradient(circle,#0b47a9,#0b47a900 70%);bottom:-150px;right:-80px;animation:orbDrift2 18s ease-in-out infinite alternate}.aurora-orb-3{width:420px;height:420px;background:radial-gradient(circle,#38bdf8,#38bdf800 70%);top:40%;left:45%;opacity:.3;animation:orbDrift3 16s ease-in-out infinite alternate}.landing-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle at center,rgba(0,0,0,.9) 30%,transparent 85%);-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.9) 30%,transparent 85%)}.landing-inner-content{position:relative;z-index:1;max-width:1360px;width:100%;min-height:100vh;margin:0 auto;padding:48px 32px;display:flex;align-items:center;justify-content:space-between;gap:56px}.landing-hero-col{flex:1 1 580px;max-width:680px;display:flex;flex-direction:column;gap:24px}.hero-status-pill{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(56,189,248,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px 14px 6px 8px;border-radius:var(--radius-pill);color:#e0f2fe;font-size:.74rem;font-weight:700;letter-spacing:.5px;width:fit-content;box-shadow:0 4px 16px #0003}.hero-pill-brand-logo{width:22px;height:22px;border-radius:5px;object-fit:contain;background:#fff;padding:1.5px;flex-shrink:0;box-shadow:0 1px 4px #00000040}.pulsing-beacon-dot{width:8px;height:8px;border-radius:50%;background:#38bdf8;box-shadow:0 0 10px #38bdf8;animation:pulseBeacon 2s infinite ease-in-out}.landing-hero-title{font-family:var(--font-display);font-size:2.7rem;font-weight:900;line-height:1.22;color:#fff;letter-spacing:-.025em;margin:0;text-wrap:balance}.landing-hero-gradient-text{display:block;background:linear-gradient(135deg,#60a5fa,#38bdf8,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerGlow 6s ease-in-out infinite}.landing-hero-subtitle{font-size:1.02rem;line-height:1.65;color:#94a3b8;margin:0;text-wrap:pretty}.landing-floating-cards-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px;position:relative}.floating-metric-card{background:#0f172ac7;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);padding:16px;box-shadow:0 16px 36px -10px #00000080;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.floating-metric-card:hover{transform:translateY(-4px) scale(1.02)!important;box-shadow:0 20px 45px -8px #0b47a973}.float-card-fleet{animation:floatLevitate1 5.5s ease-in-out infinite;border-color:#38bdf852}.float-card-paper{animation:floatLevitate2 6.5s ease-in-out infinite .6s;border-color:#34d39952}.float-card-revenue{animation:floatLevitate3 6s ease-in-out infinite 1.2s;border-color:#fbbf2452}.card-decor-img{position:absolute;right:10px;bottom:10px;width:40px;height:40px;border-radius:8px;object-fit:cover;opacity:.65;border:1px solid rgba(255,255,255,.15);pointer-events:none}.card-header-mini{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px}.icon-badge-blue{width:30px;height:30px;border-radius:8px;background:#38bdf833;color:#38bdf8;display:flex;align-items:center;justify-content:center}.icon-badge-cyan{width:30px;height:30px;border-radius:8px;background:#34d39933;color:#34d399;display:flex;align-items:center;justify-content:center}.icon-badge-amber{width:30px;height:30px;border-radius:8px;background:#fbbf2433;color:#fbbf24;display:flex;align-items:center;justify-content:center}.card-badge-status{font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-pill);background:#38bdf826;color:#e0f2fe;border:1px solid rgba(56,189,248,.25);white-space:nowrap}.card-badge-status.status-green{background:#10b98126;color:#a7f3d0;border-color:#10b98140}.card-badge-status.status-amber{background:#f59e0b26;color:#fde68a;border-color:#f59e0b40}.card-figure-row{display:flex;align-items:baseline;gap:5px}.card-main-val{font-family:var(--font-display);font-size:1.55rem;font-weight:900;color:#fff;letter-spacing:-.02em}.card-main-val.text-amber{color:#fde68a}.card-unit{font-size:.74rem;color:#94a3b8;font-weight:600}.card-sub-pill{font-size:.68rem;color:#94a3b8;display:flex;align-items:center;gap:5px;margin-top:4px;line-height:1.3}.dot-green{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;flex-shrink:0}.landing-feature-pills{display:flex;gap:10px;flex-wrap:wrap}.feature-pill-item{display:inline-flex;align-items:center;gap:7px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:var(--radius-pill);color:#cbd5e1;font-size:.76rem;font-weight:600}.landing-auth-col{flex:0 0 460px;width:100%;max-width:480px}.glass-auth-card{background:#fffffff5;border:1px solid rgba(255,255,255,.85);border-radius:var(--radius-2xl, 24px);padding:36px 32px;box-shadow:0 32px 70px -16px #0000008c,0 0 0 1px #ffffff4d;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);animation:authCardEnter .6s cubic-bezier(.16,1,.3,1)}.auth-card-header{text-align:center;margin-bottom:22px}.auth-brand-badge-wrap{display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid #DBEAFE;padding:6px 14px 6px 8px;border-radius:12px;box-shadow:0 4px 16px #0b47a914;margin-bottom:16px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.auth-brand-badge-wrap:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0b47a91f}.auth-brand-img{width:46px;height:46px;border-radius:8px;object-fit:contain;background:#fff;border:1px solid rgba(11,71,169,.08);padding:2px;flex-shrink:0}.auth-brand-text-group{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.auth-brand-company{font-family:var(--font-display);font-size:.88rem;font-weight:800;color:var(--color-primary);line-height:1.2;letter-spacing:-.01em}.auth-brand-chip{font-size:.68rem;font-weight:600;color:var(--text-muted)}.auth-card-title{font-family:var(--font-display);font-size:1.55rem;font-weight:800;color:var(--color-navy-dark);margin:0 0 6px}.auth-card-subtitle{font-size:.8rem;color:var(--text-muted);line-height:1.45;margin:0}.auth-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;margin-bottom:16px;animation:fadeIn .2s ease}.auth-alert-danger{background:#fef2f2;border:1px solid #FECACA;color:#dc2626}.auth-alert-success{background:#ecfdf5;border:1px solid #A7F3D0;color:#059669}.auth-form-fields{display:flex;flex-direction:column;gap:16px}.auth-input-group{display:flex;flex-direction:column;gap:6px;text-align:left}.auth-input-label{font-size:.76rem;font-weight:700;color:var(--text-secondary)}.auth-input-box{position:relative;display:flex;align-items:center}.auth-field-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.auth-text-input{width:100%;padding:11px 40px;border:1.5px solid #CBD5E1;border-radius:var(--radius-md);font-size:.86rem;font-family:var(--font-body);background:#fff;color:var(--text-primary);transition:all .2s ease}.auth-text-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.auth-toggle-pwd-btn{position:absolute;right:12px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.auth-toggle-pwd-btn:hover{color:var(--text-primary)}.btn-auth-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 20px;background:linear-gradient(135deg,#0b47a9,#0284c7);color:#fff;border:none;border-radius:var(--radius-pill);font-size:.92rem;font-weight:700;font-family:var(--font-display);cursor:pointer;box-shadow:0 8px 20px #0b47a959;transition:all .2s ease;margin-top:4px}.btn-auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #0b47a973}.btn-auth-submit:disabled{opacity:.75;cursor:not-allowed}.auth-divider-wrap{display:flex;align-items:center;gap:12px;margin:20px 0 14px}.auth-divider-line{flex:1;height:1px;background:#e2e8f0}.auth-divider-text{font-size:.72rem;font-weight:700;color:var(--text-muted);white-space:nowrap}.auth-quick-access-box{display:flex;flex-direction:column;gap:10px}.quick-access-btn{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-lg);border:1.5px solid #E2E8F0;background:#f8fafc;cursor:pointer;text-align:left;transition:all .2s ease;width:100%}.quick-access-btn:hover{border-color:var(--color-primary);background:#f0f7ff;transform:translateY(-1px);box-shadow:0 4px 12px #0b47a914}.quick-access-avatar-wrap{position:relative;flex-shrink:0}.quick-access-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #FFFFFF;box-shadow:0 2px 6px #0000001a}.quick-access-avatar-placeholder{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;align-items:center;justify-content:center;font-size:1.1rem;border:2px solid #FFFFFF;box-shadow:0 2px 6px #0000001a}.quick-role-badge{position:absolute;bottom:-3px;right:-4px;font-size:.58rem;font-weight:800;padding:1px 5px;border-radius:9999px;text-transform:uppercase;border:1px solid #FFFFFF}.quick-role-badge.badge-admin{background:#1d4ed8;color:#fff}.quick-role-badge.badge-exec{background:#d97706;color:#fff}.quick-access-info{flex:1;min-width:0}.quick-access-name{font-size:.82rem;font-weight:700;color:var(--color-navy-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-access-role{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-chevron{color:#94a3b8;transition:transform .2s ease;flex-shrink:0}.quick-access-btn:hover .quick-chevron{transform:translate(3px);color:var(--color-primary)}.auth-card-footer{margin-top:18px;text-align:center;display:flex;flex-direction:column;gap:5px}.security-tag{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.7rem;color:#059669;font-weight:600}.copyright-note{font-size:.68rem;color:var(--text-muted);margin:0}.btn-header-logout{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);background:#fee2e2;border:1px solid #FECACA;color:#dc2626;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap!important;flex-shrink:0;box-shadow:0 1px 3px #dc262614}.btn-header-logout:hover{background:#fca5a5;color:#991b1b;transform:translateY(-1px);box-shadow:0 2px 6px #dc262629}@keyframes pulseBeacon{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.55}}@keyframes floatLevitate1{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-.5deg)}}@keyframes floatLevitate2{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(.8deg)}}@keyframes floatLevitate3{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-.6deg)}}@keyframes orbDrift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,30px) scale(1.1)}}@keyframes orbDrift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,-40px) scale(1.08)}}@keyframes orbDrift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.15)}}@keyframes authCardEnter{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmerGlow{0%,to{filter:drop-shadow(0 0 15px rgba(56,189,248,.4))}50%{filter:drop-shadow(0 0 25px rgba(96,165,250,.7))}}@media (max-width: 1024px){.landing-inner-content{flex-direction:column;justify-content:center;padding:48px 24px;gap:40px}.landing-hero-col{max-width:100%;text-align:center;align-items:center}.hero-status-pill,.landing-hero-subtitle{margin:0 auto}.landing-floating-cards-deck{width:100%;max-width:720px;margin:0 auto}.landing-feature-pills{justify-content:center}.landing-auth-col{max-width:480px;width:100%}}@media (max-width: 768px){.landing-hero-title{font-size:2.1rem}.landing-floating-cards-deck{grid-template-columns:1fr;gap:12px}.floating-metric-card{animation:none!important}.glass-auth-card{padding:28px 22px}}@media (max-width: 480px){.landing-inner-content{padding:32px 16px;gap:28px}.landing-hero-title{font-size:1.7rem}.hero-status-pill{font-size:.68rem;padding:4px 10px}.landing-hero-subtitle{font-size:.85rem}.glass-auth-card{padding:22px 16px;border-radius:var(--radius-xl)}.auth-card-title{font-size:1.35rem}.auth-text-input{font-size:.82rem;padding:10px 36px}.btn-auth-submit{font-size:.86rem;padding:11px 16px}}.enterprise-app-layout{display:flex;min-height:100vh;width:100%;background-color:#f8fafc;color:#0f172a;position:relative;overflow-x:hidden}.global-toast-notification{position:fixed!important;top:24px;right:28px;z-index:999999;background:#0f172a;color:#fff;padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600;box-shadow:0 12px 28px #00000047,0 4px 10px #00000026;border:1px solid rgba(255,255,255,.15);animation:slideDownToast .25s cubic-bezier(.16,1,.3,1);pointer-events:none}@keyframes slideDownToast{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.enterprise-main-viewport{flex:1;display:flex;flex-direction:column;min-width:0;min-height:100vh;overflow-x:hidden;transition:margin-left .26s cubic-bezier(.2,0,0,1)}.layout-expanded .enterprise-main-viewport{margin-left:260px}.layout-collapsed .enterprise-main-viewport{margin-left:76px}.enterprise-content-canvas,.enterprise-main-scroll-container{flex:1;padding:24px 28px 48px;max-width:1680px;width:100%;margin:0 auto;box-sizing:border-box;min-width:0;overflow-x:hidden}.enterprise-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:90;background:#fff;border-right:1px solid #E2E8F0;display:flex;flex-direction:column;transition:width .26s cubic-bezier(.2,0,0,1),transform .26s ease;box-shadow:2px 0 12px #0f172a08}.enterprise-sidebar.expanded{width:260px}.enterprise-sidebar.collapsed{width:76px}.sidebar-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #F1F5F9;flex-shrink:0}.sidebar-brand-wrapper{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden}.sidebar-brand-logo{height:38px;width:auto;object-fit:contain;flex-shrink:0;border-radius:6px}.sidebar-brand-text{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}.sidebar-brand-title{font-size:.95rem;font-weight:800;color:#0f172a;letter-spacing:-.01em}.sidebar-brand-sub{font-size:.62rem;font-weight:700;color:#0284c7;letter-spacing:.06em}.sidebar-toggle-btn{width:30px;height:30px;border-radius:8px;border:1px solid #E2E8F0;background:#f8fafc;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;flex-shrink:0}.sidebar-toggle-btn:hover{background:#eff6ff;color:#0284c7;border-color:#bfdbfe}.sidebar-nav-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 10px;display:flex;flex-direction:column;gap:20px}.sidebar-nav-scroll::-webkit-scrollbar{width:4px}.sidebar-nav-scroll::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.sidebar-group{display:flex;flex-direction:column;gap:4px}.sidebar-group-header{display:flex;align-items:center;justify-content:space-between;padding:4px 10px 8px}.sidebar-group-title{font-size:.69rem;font-weight:700;color:#94a3b8;letter-spacing:.02em}.sidebar-group-badge{font-size:.58rem;font-weight:700;color:#cbd5e1;letter-spacing:.04em}.sidebar-group-divider{height:1px;background:#f1f5f9;margin:8px 10px}.sidebar-group-items{display:flex;flex-direction:column;gap:3px}.sidebar-item-container{position:relative}.sidebar-nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;border:none;background:transparent;color:#475569;font-size:.86rem;font-weight:500;cursor:pointer;text-align:left;transition:all .18s cubic-bezier(.16,1,.3,1)}.enterprise-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:10px 0}.sidebar-nav-item:hover{background:#f1f5f9;color:#0f172a}.sidebar-nav-item.active{background:#eff6ff;color:#0284c7;font-weight:600;box-shadow:0 1px 3px #0284c714}.sidebar-nav-item.future-item{color:#64748b}.sidebar-nav-item.future-item:hover{background:#f8fafc;color:#1e293b}.sidebar-nav-item.future-item.active{background:#f0fdf4;color:#16a34a;box-shadow:0 1px 3px #16a34a14}.sidebar-item-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-item-icon{transition:transform .18s ease}.sidebar-nav-item:hover .sidebar-item-icon{transform:scale(1.08)}.sidebar-live-dot{position:absolute;top:-2px;right:-2px;width:6px;height:6px;border-radius:50%;background:#10b981;border:1px solid #FFFFFF}.sidebar-item-content{flex:1;display:flex;align-items:center;justify-content:space-between;min-width:0;white-space:nowrap;overflow:hidden}.sidebar-item-label{overflow:hidden;text-overflow:ellipsis}.sidebar-item-badges{display:flex;align-items:center;gap:4px}.badge-live-pill{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:9999px;background:#ecfdf5;color:#059669;border:1px solid #A7F3D0}.badge-phase-pill{font-size:.63rem;font-weight:600;padding:2px 6px;border-radius:9999px;background:#f1f5f9;color:#64748b;border:1px solid #E2E8F0}.sidebar-floating-tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#0f172a;color:#fff;padding:8px 12px;border-radius:10px;box-shadow:0 10px 25px -5px #00000040,0 8px 10px -6px #0003;z-index:100;white-space:nowrap;pointer-events:none;animation:fadeIn .12s ease}.tooltip-title{font-size:.82rem;font-weight:700}.tooltip-en{font-size:.68rem;color:#94a3b8;margin-top:1px}.tooltip-meta{margin-top:4px;font-size:.68rem}.tooltip-badge.live{color:#34d399}.tooltip-badge.phase{color:#38bdf8}.sidebar-footer{padding:12px;border-top:1px solid #F1F5F9;flex-shrink:0;background:#fafafa}.sidebar-roadmap-card{background:#f0fdf4;border:1px solid #DCFCE7;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}.roadmap-card-header{display:flex;align-items:center;gap:8px}.roadmap-card-icon-box{width:24px;height:24px;border-radius:6px;background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center}.roadmap-card-title{font-size:.78rem;font-weight:700;color:#166534}.roadmap-card-desc{font-size:.7rem;color:#15803d;line-height:1.35}.roadmap-card-btn{background:#16a34a;color:#fff;border:none;border-radius:8px;padding:6px 10px;font-size:.72rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .18s ease}.roadmap-card-btn:hover{background:#15803d}.sidebar-collapsed-pulse-btn{width:100%;height:44px;border-radius:12px;border:1px solid #DCFCE7;background:#f0fdf4;color:#16a34a;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .18s ease}.sidebar-collapsed-pulse-btn:hover{background:#dcfce7}.pulse-ping{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:#16a34a;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.modern-top-header{position:sticky;top:0;z-index:80;height:68px;background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #E2E8F0;padding:0 24px;display:flex;align-items:center}.header-inner-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.header-left-col{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.header-icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid #E2E8F0;background:#fff;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;flex-shrink:0}.header-icon-btn:hover{background:#f8fafc;color:#0284c7;border-color:#cbd5e1}.header-breadcrumb-area{display:flex;align-items:center;gap:8px;font-size:.86rem;white-space:nowrap}.header-breadcrumb-prefix{color:#94a3b8;font-weight:500}.header-breadcrumb-divider{color:#cbd5e1}.header-breadcrumb-current{color:#0f172a;font-weight:700}.header-search-container{position:relative;display:flex;align-items:center;background:#f1f5f9;border:1px solid #E2E8F0;border-radius:9999px;padding:7px 14px;width:360px;max-width:100%;transition:all .18s ease}.header-search-container:focus-within{background:#fff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.search-icon-inside{color:#94a3b8;margin-right:8px;flex-shrink:0}.header-search-input{border:none;background:transparent;outline:none;font-size:.83rem;color:#0f172a;width:100%}.header-search-input::placeholder{color:#94a3b8}.search-shortcut-badge{display:flex;align-items:center;gap:2px;background:#fff;border:1px solid #E2E8F0;border-radius:6px;padding:2px 5px;font-size:.65rem;font-weight:600;color:#94a3b8;flex-shrink:0}.header-right-col{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-live-indicator-pill{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:9999px;background:#ecfdf5;border:1px solid #A7F3D0;color:#059669;font-size:.74rem;font-weight:600}.live-pulse-dot{width:7px;height:7px;border-radius:50%;background:#10b981}.header-date-chip{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:9999px;background:#f8fafc;border:1px solid #E2E8F0;color:#475569;font-size:.75rem;font-weight:500}.header-upload-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:9999px;background:#0284c7;color:#fff;border:none;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .18s ease,transform .12s ease}.header-upload-btn:hover{background:#0369a1;transform:translateY(-1px)}.notification-btn{position:relative}.notification-unread-dot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:#ef4444;border:2px solid #FFFFFF}.header-user-chip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #E2E8F0;border-radius:9999px;padding:4px 12px 4px 5px;cursor:pointer;transition:all .18s ease}.header-user-chip:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a0a}.user-avatar-frame{width:32px;height:32px;border-radius:50%;overflow:hidden;background:#eff6ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar-img{width:100%;height:100%;object-fit:cover}.user-avatar-fallback{font-size:.85rem;font-weight:700;color:#0284c7}.user-info-text{display:flex;flex-direction:column;line-height:1.15;text-align:left}.user-name-line{font-size:.82rem;font-weight:700;color:#0f172a}.user-role-line{font-size:.65rem;color:#64748b}.user-chevron-icon{color:#94a3b8}.future-module-container{display:flex;flex-direction:column;gap:24px}.future-toast-banner{background:#ecfdf5;border:1px solid #A7F3D0;color:#065f46;border-radius:12px;padding:12px 20px;display:flex;align-items:center;gap:10px;font-size:.86rem;font-weight:600;animation:fadeIn .2s ease}.future-breadcrumb-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.breadcrumb-left{display:flex;align-items:center;gap:8px;font-size:.82rem}.breadcrumb-tag{font-weight:700;color:#0284c7}.breadcrumb-dot{color:#cbd5e1}.breadcrumb-readiness{color:#64748b}.btn-quick-nav-hub{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #E2E8F0;border-radius:9999px;padding:6px 14px;font-size:.78rem;font-weight:600;color:#0284c7;cursor:pointer;transition:all .18s ease}.btn-quick-nav-hub:hover{background:#eff6ff;border-color:#bfdbfe}.future-hero-card{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:28px;box-shadow:0 4px 20px -2px #0f172a0a;display:flex;flex-direction:column;gap:20px}.future-hero-body{display:flex;gap:20px;align-items:flex-start}.future-hero-icon-box{width:60px;height:60px;border-radius:16px;background:#eff6ff;color:#0284c7;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #DBEAFE}.future-hero-text{flex:1}.future-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;background:#f0fdf4;border:1px solid #DCFCE7;color:#16a34a;font-size:.68rem;font-weight:700;margin-bottom:8px}.future-hero-title{font-size:1.65rem;font-weight:800;color:#0f172a;line-height:1.2}.future-hero-en{font-size:.88rem;color:#64748b;margin-top:2px}.future-hero-tagline{font-size:.96rem;font-weight:600;color:#0284c7;margin-top:10px}.future-hero-desc{font-size:.88rem;color:#475569;line-height:1.6;margin-top:6px;max-width:960px}.future-lineage-banner{background:#f8fafc;border:1px dashed #CBD5E1;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px}.lineage-label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:#0f172a;white-space:nowrap}.lineage-text{font-size:.82rem;color:#475569}.future-section-header{margin-top:4px}.future-section-header h2{font-size:1.15rem;font-weight:700;color:#0f172a}.future-section-header p{font-size:.82rem;color:#64748b;margin-top:2px}.future-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.future-metric-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0f172a08;display:flex;flex-direction:column;gap:6px}.metric-header-row{display:flex;align-items:center;justify-content:space-between}.metric-label{font-size:.8rem;font-weight:600;color:#64748b}.metric-trend-pill{font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:9999px;background:#ecfdf5;color:#059669}.metric-value{font-size:1.7rem;font-weight:800;color:#0f172a}.metric-sublabel{font-size:.75rem;color:#94a3b8}.future-pipeline-section{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:24px;box-shadow:0 4px 16px #0f172a08}.pipeline-badge{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;color:#0284c7;margin-bottom:6px}.pipeline-title-group h2{font-size:1.15rem;font-weight:700;color:#0f172a}.pipeline-title-group p{font-size:.82rem;color:#64748b;margin-top:2px}.pipeline-stages-container{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px;position:relative}.pipeline-stage-card{background:#f8fafc;border:1px solid #E2E8F0;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;position:relative}.pipeline-stage-card.current{background:#eff6ff;border-color:#93c5fd;box-shadow:0 0 0 2px #0284c726}.pipeline-stage-card.downstream_live{background:#f0fdf4;border-color:#bbf7d0}.stage-top-row{display:flex;align-items:center;justify-content:space-between}.stage-step-num{font-size:.75rem;font-weight:800;color:#94a3b8}.stage-status-pill{font-size:.63rem;font-weight:700;padding:2px 6px;border-radius:9999px}.stage-status-pill.current{background:#dbeafe;color:#1d4ed8}.stage-status-pill.downstream_live{background:#dcfce7;color:#15803d}.stage-status-pill.upstream{background:#f1f5f9;color:#64748b}.stage-name{font-size:.86rem;font-weight:700;color:#0f172a;line-height:1.3}.stage-desc{font-size:.73rem;color:#64748b;line-height:1.4}.stage-connector-arrow{position:absolute;right:-16px;top:50%;transform:translateY(-50%);color:#cbd5e1;z-index:2}.future-split-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.future-features-card,.future-signoff-card{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:24px;box-shadow:0 2px 10px #0f172a08}.card-heading-group h3{font-size:1.05rem;font-weight:700;color:#0f172a}.card-heading-group p{font-size:.8rem;color:#64748b;margin-top:2px}.signoff-tag{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:700;color:#0284c7;margin-bottom:4px}.features-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}.feature-item-row{display:flex;align-items:flex-start;gap:10px}.feature-check-icon{color:#10b981;margin-top:2px;flex-shrink:0}.feature-text{font-size:.85rem;color:#334155;line-height:1.5}.signoff-form{display:flex;flex-direction:column;gap:14px;margin-top:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.8rem;font-weight:600;color:#334155}.signoff-textarea{width:100%;border:1px solid #CBD5E1;border-radius:10px;padding:10px 12px;font-size:.83rem;font-family:inherit;color:#0f172a;resize:vertical}.signoff-textarea:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a}.signoff-checkbox-row{display:flex;align-items:flex-start;gap:10px}.signoff-checkbox{margin-top:3px;width:16px;height:16px;accent-color:#0284C7;cursor:pointer}.signoff-checkbox-label{font-size:.8rem;color:#475569;line-height:1.4;cursor:pointer}.btn-signoff-submit{display:flex;align-items:center;justify-content:center;gap:8px;background:#0284c7;color:#fff;border:none;border-radius:12px;padding:12px 18px;font-size:.86rem;font-weight:700;cursor:pointer;transition:all .18s ease}.btn-signoff-submit:hover{background:#0369a1;transform:translateY(-1px)}.signoff-success-state{margin-top:18px;background:#f0fdf4;border:1px solid #BBF7D0;border-radius:14px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.success-icon-circle{width:48px;height:48px;border-radius:50%;background:#dcfce7;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.signoff-success-state h4{font-size:1rem;font-weight:700;color:#166534}.signoff-success-state p{font-size:.82rem;color:#15803d;line-height:1.5}.signoff-recorded-note{margin-top:6px;font-size:.78rem;color:#166534;background:#dcfce7;padding:6px 12px;border-radius:8px}.pipeline-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease}.pipeline-modal-container{background:#fff;border-radius:24px;width:100%;max-width:1080px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40;border:1px solid #E2E8F0}.pipeline-modal-header{padding:24px 28px;border-bottom:1px solid #F1F5F9;display:flex;align-items:flex-start;justify-content:space-between}.pipeline-badge-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;background:#eff6ff;border:1px solid #DBEAFE;color:#0284c7;font-size:.68rem;font-weight:700;margin-bottom:6px}.pipeline-modal-header h2{font-size:1.35rem;font-weight:800;color:#0f172a}.pipeline-modal-header p{font-size:.83rem;color:#64748b;margin-top:2px}.modal-close-btn{width:36px;height:36px;border-radius:50%;border:1px solid #E2E8F0;background:#f8fafc;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.modal-close-btn:hover{background:#f1f5f9;color:#0f172a}.pipeline-modal-body{padding:24px 28px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.architecture-summary-banner{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:14px;padding:14px 18px}.arch-col{display:flex;flex-direction:column;gap:2px}.arch-label{font-size:.72rem;color:#64748b}.arch-val{font-size:.86rem;font-weight:700;color:#0f172a}.arch-val.text-emerald{color:#059669}.arch-val.text-blue{color:#0284c7}.pipeline-nodes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pipeline-node-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:16px;cursor:pointer;transition:all .18s ease;display:flex;flex-direction:column;gap:8px}.pipeline-node-card:hover{transform:translateY(-2px);border-color:#0284c7;box-shadow:0 8px 20px #0284c714}.pipeline-node-card.is-live{border-left:4px solid #10B981}.pipeline-node-card.is-phase2{border-left:4px solid #0284C7}.node-top-bar{display:flex;align-items:center;justify-content:space-between}.node-step-circle{width:24px;height:24px;border-radius:50%;background:#f1f5f9;color:#475569;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center}.node-badge-chip{font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:9999px}.node-badge-chip.live{background:#ecfdf5;color:#059669}.node-badge-chip.phase2{background:#eff6ff;color:#0284c7}.node-name{font-size:.92rem;font-weight:700;color:#0f172a}.node-en-name{font-size:.72rem;color:#64748b}.node-desc{font-size:.76rem;color:#475569;line-height:1.4}.node-output-box{background:#f8fafc;border:1px dashed #E2E8F0;border-radius:8px;padding:6px 10px;font-size:.7rem;display:flex;flex-direction:column;gap:2px}.output-label{color:#94a3b8;font-weight:600}.output-val{color:#0f172a;font-weight:600}.node-action-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:600;color:#0284c7;padding-top:4px}.management-rationale-card{background:#f0fdf4;border:1px solid #DCFCE7;border-radius:14px;padding:16px 20px;display:flex;flex-direction:column;gap:10px}.rationale-header{display:flex;align-items:center;gap:8px}.rationale-header h4{font-size:.92rem;font-weight:700;color:#166534}.rationale-points-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font-size:.76rem;color:#15803d;line-height:1.45}.pipeline-modal-footer{padding:16px 28px;border-top:1px solid #F1F5F9;display:flex;align-items:center;justify-content:space-between;background:#fafafa}.footer-left-note{font-size:.76rem;color:#64748b}.btn-modal-primary{background:#0284c7;color:#fff;border:none;border-radius:10px;padding:9px 18px;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .18s ease}.btn-modal-primary:hover{background:#0369a1}.desktop-only{display:flex}.mobile-only{display:none!important}@media (max-width: 1280px){.future-metrics-grid{grid-template-columns:repeat(2,1fr)}.pipeline-stages-container{grid-template-columns:1fr}.stage-connector-arrow{display:none}.pipeline-nodes-grid,.architecture-summary-banner{grid-template-columns:repeat(2,1fr)}.rationale-points-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.enterprise-sidebar{transform:translate(-100%);width:260px!important}.enterprise-sidebar.mobile-open{transform:translate(0)}.enterprise-main-viewport{margin-left:0!important}.sidebar-mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:85}.desktop-collapse-trigger{display:none}.mobile-menu-trigger{display:flex}.desktop-only{display:none!important}.mobile-only{display:flex!important}.future-split-layout{grid-template-columns:1fr}.header-search-container{width:220px}}@media (min-width: 1025px){.mobile-menu-trigger{display:none}}.hub-mode-toggle-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:8px 12px;box-shadow:0 2px 8px #0f172a05}.toggle-left{display:flex;align-items:center;gap:8px}.hub-toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;border:1px solid transparent;background:transparent;color:#64748b;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .18s ease}.hub-toggle-btn:hover{background:#f8fafc;color:#0f172a}.hub-toggle-btn.active{background:#eff6ff;border-color:#bfdbfe;color:#0284c7;font-weight:700;box-shadow:0 1px 3px #0284c714}.badge-live-tag{font-size:.65rem;font-weight:700;background:#dcfce7;color:#15803d;padding:2px 7px;border-radius:9999px;border:1px solid #BBF7D0}.btn-export-quick{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:10px;border:1px solid #E2E8F0;background:#f8fafc;color:#475569;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s ease}.btn-export-quick:hover{background:#eff6ff;border-color:#bfdbfe;color:#0284c7}.fleet-dispatch-hub{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.fleet-hub-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.fleet-hub-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;background:#eff6ff;border:1px solid #DBEAFE;color:#0284c7;font-size:.68rem;font-weight:700;margin-bottom:4px}.fleet-hub-title-group h2{font-size:1.35rem;font-weight:800;color:#0f172a;line-height:1.25}.fleet-hub-title-group p{font-size:.84rem;color:#64748b;margin-top:3px}.btn-link-all-installation{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:9999px;border:1px solid #E2E8F0;background:#fff;color:#0284c7;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .18s ease;white-space:nowrap}.btn-link-all-installation:hover{background:#eff6ff;border-color:#bfdbfe}.executive-top-action-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:16px}.exec-title-group h2{font-size:1.25rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.02em}.exec-title-group p{font-size:.78rem;color:#64748b;margin:3px 0 0}.operations-live-radar-banner{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #BAE6FD;border-radius:18px;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;box-shadow:0 4px 14px #0284c70f;transition:all .18s ease}.operations-live-radar-banner:hover{border-color:#7dd3fc;box-shadow:0 6px 18px #0284c71a}.radar-left-col{display:flex;align-items:center;gap:16px;min-width:0}.radar-icon-frame{width:46px;height:46px;border-radius:14px;background:#fff;border:1px solid #BAE6FD;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0284c726}.radar-info{display:flex;flex-direction:column;gap:3px;min-width:0}.radar-tag-row{display:flex;align-items:center;gap:8px;font-size:.68rem;font-weight:700;color:#0369a1}.live-pulse-dot{width:7px;height:7px;border-radius:50%;background:#0284c7;box-shadow:0 0 0 2px #0284c740;animation:pulseGreen 1.8s infinite}.radar-status-badge{background:#e0f2fe;color:#0284c7;padding:1px 8px;border-radius:9999px;font-size:.65rem;border:1px solid #BAE6FD}.radar-info h4{font-size:.95rem;font-weight:800;color:#0f172a;margin:0}.radar-info p{font-size:.76rem;color:#475569;margin:0}.btn-open-fleet-cmd{display:inline-flex;align-items:center;gap:8px;background:#0284c7;color:#fff;border:none;border-radius:12px;padding:10px 18px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 12px #0284c740;transition:all .18s ease}.btn-open-fleet-cmd:hover{background:#0369a1;transform:translateY(-1px);box-shadow:0 6px 16px #0284c759}.waretrack-top-bar{background:#fff;border:1px solid #E2E8F0;border-radius:18px;padding:10px 18px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 16px #0f172a08}.wt-brand-group{display:flex;align-items:center;gap:10px;flex-shrink:0}.wt-logo-box{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#0b47a9,#0284c7);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0b47a940}.wt-brand-titles{display:flex;flex-direction:column}.wt-brand-name{font-size:1.05rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;line-height:1.1}.wt-brand-sub{font-size:.68rem;color:#64748b;font-weight:500}.wt-search-pill{flex:1;max-width:440px;position:relative;display:flex;align-items:center;background:#f8fafc;border:1px solid #E2E8F0;border-radius:9999px;padding:6px 14px;gap:8px;transition:all .18s ease}.wt-search-pill:focus-within{background:#fff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a}.wt-search-pill input{flex:1;border:none;background:transparent;font-size:.78rem;color:#0f172a;outline:none}.wt-search-pill input::placeholder{color:#94a3b8}.wt-kbd-shortcut{font-size:.68rem;font-family:inherit;font-weight:600;color:#94a3b8;background:#fff;border:1px solid #E2E8F0;padding:1px 6px;border-radius:6px;box-shadow:0 1px 2px #0f172a0d}.wt-depot-selector{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:9999px;padding:5px 14px;cursor:pointer;transition:all .18s ease;-webkit-user-select:none;user-select:none}.wt-depot-selector:hover{background:#f1f5f9;border-color:#cbd5e1}.wt-depot-badge{font-size:.68rem;font-weight:800;background:#0284c7;color:#fff;padding:2px 7px;border-radius:6px}.wt-depot-info{display:flex;flex-direction:column}.wt-depot-name{font-size:.74rem;font-weight:700;color:#0f172a;line-height:1.1}.wt-depot-status{font-size:.64rem;color:#64748b}.wt-live-badge{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:#059669;background:#ecfdf5;border:1px solid #A7F3D0;padding:5px 12px;border-radius:9999px;white-space:nowrap}.wt-live-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulseGreen 1.8s infinite}.wt-icon-btn{position:relative;width:36px;height:36px;border-radius:50%;background:#f8fafc;border:1px solid #E2E8F0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.wt-icon-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.wt-notif-dot{position:absolute;top:7px;right:8px;width:6px;height:6px;border-radius:50%;background:#ef4444}.wt-user-profile{display:flex;align-items:center;gap:10px;padding-left:6px;border-left:1px solid #E2E8F0}.wt-user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#0b47a9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;box-shadow:0 2px 6px #0284c740}.wt-user-info{display:flex;flex-direction:column}.wt-user-name{font-size:.76rem;font-weight:700;color:#0f172a;line-height:1.1}.wt-user-role{font-size:.65rem;color:#64748b}.waretrack-stage-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;height:640px;align-items:stretch}.waretrack-canvas-container{position:relative;background:#f1f5f9;border:1px solid #E2E8F0;border-radius:24px;overflow:hidden;box-shadow:0 4px 20px #0f172a0a;height:100%}.wt-kpi-floating-row{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:10px;z-index:20}.wt-kpi-card{background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.9);border-radius:16px;padding:10px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px #0f172a0f;min-width:145px}.wt-kpi-icon-box{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wt-kpi-icon-box.bg-blue-box{background:#e0f2fe}.wt-kpi-icon-box.bg-cyan-box{background:#eff6ff}.wt-kpi-icon-box.bg-emerald-box{background:#ecfdf5}.wt-kpi-content{display:flex;flex-direction:column}.wt-kpi-title{font-size:.66rem;color:#64748b;font-weight:500}.wt-kpi-val-row{display:flex;align-items:baseline;gap:6px;line-height:1.1}.wt-kpi-val{font-size:1.1rem;font-weight:800;color:#0f172a;letter-spacing:-.01em}.wt-kpi-trend{font-size:.65rem;font-weight:700;color:#059669}.wt-kpi-sub{font-size:.62rem;color:#94a3b8;margin-top:1px}.wt-canvas-toolbar{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:6px;z-index:20}.wt-tool-btn{width:34px;height:34px;border-radius:10px;background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #E2E8F0;display:flex;align-items:center;justify-content:center;color:#475569;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 10px #0f172a0d}.wt-tool-btn:hover{background:#fff;color:#0284c7;border-color:#bfdbfe;transform:translateY(-1px)}.wt-bottom-floating-bar{position:absolute;bottom:16px;left:16px;right:16px;display:flex;align-items:flex-end;gap:14px;z-index:20}.wt-shipment-tracking-card{flex:1;background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.9);border-radius:20px;padding:12px 18px;box-shadow:0 16px 32px #0f172a14;display:flex;flex-direction:column;gap:8px}.wt-st-title-row{display:flex;align-items:center;gap:8px}.wt-st-heading{font-size:.84rem;font-weight:800;color:#0f172a}.wt-st-truck-tag{font-size:.68rem;color:#64748b;margin-left:auto}.wt-stepper-wrap{position:relative;display:flex;align-items:center;justify-content:space-between;padding:6px 12px 2px}.wt-stepper-line{position:absolute;top:19px;left:28px;right:28px;height:2px;background:#e2e8f0;z-index:1}.wt-step-node{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:3px}.wt-step-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.wt-step-node.completed .wt-step-icon{background:#0284c7;color:#fff}.wt-step-node.active .wt-step-icon{background:#fff;border:2px solid #0284C7;color:#0284c7;box-shadow:0 0 0 4px #0284c726}.wt-step-node.upcoming .wt-step-icon{background:#f1f5f9;border:1px solid #CBD5E1;color:#94a3b8}.wt-dot{width:6px;height:6px;border-radius:50%;background:#cbd5e1}.wt-step-label{font-size:.65rem;font-weight:700;color:#0f172a;white-space:nowrap}.wt-step-node.upcoming .wt-step-label{color:#94a3b8;font-weight:500}.wt-step-time{font-size:.58rem;color:#64748b}.wt-st-job-pill{background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .18s ease}.wt-st-job-pill:hover{background:#f0f9ff;border-color:#bae6fd}.wt-st-job-thumb{width:32px;height:32px;border-radius:8px;background:#e0f2fe;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wt-st-job-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.meta-top{display:flex;align-items:center;gap:8px}.job-id{font-size:.72rem;font-weight:800;color:#0f172a}.job-status-pill{font-size:.62rem;font-weight:700;background:#eff6ff;color:#0284c7;padding:1px 6px;border-radius:9999px}.meta-dest{font-size:.76rem;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-time{font-size:.64rem;color:#64748b}.wt-docks-widget{width:310px;background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.9);border-radius:20px;padding:12px 14px;box-shadow:0 16px 32px #0f172a14;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.wt-dw-tabs{display:flex;align-items:center;background:#f1f5f9;border-radius:10px;padding:3px;gap:3px}.wt-dw-tab{flex:1;border:none;background:transparent;padding:4px 6px;border-radius:7px;font-size:.68rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .18s ease}.wt-dw-tab.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0f172a14;font-weight:700}.wt-dw-list{display:flex;flex-direction:column;gap:6px}.wt-dw-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:#f8fafc;border:1px solid #F1F5F9;cursor:pointer;transition:all .18s ease}.wt-dw-item:hover,.wt-dw-item.selected{background:#f0f9ff;border-color:#bae6fd}.dw-bay-label{font-size:.65rem;font-weight:700;color:#64748b;width:44px}.dw-item-center{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.dw-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dw-name{font-size:.72rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dw-badge{font-size:.62rem;font-weight:700;padding:2px 6px;border-radius:6px}.bg-emerald-light{background:#ecfdf5;color:#059669}.bg-blue-light{background:#eff6ff;color:#0284c7}.bg-purple-light{background:#f5f3ff;color:#7c3aed}.waretrack-inspector-panel{background:#fff;border:1px solid #E2E8F0;border-radius:24px;padding:16px 18px;box-shadow:0 4px 20px #0f172a0a;display:flex;flex-direction:column;gap:12px;height:100%;max-height:100%;overflow:hidden}.inspector-tab-scroll-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px;scrollbar-width:thin;scrollbar-color:#CBD5E1 transparent}.inspector-tab-scroll-body::-webkit-scrollbar{width:5px}.inspector-tab-scroll-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.wt-depot-header-card{display:flex;flex-direction:column;gap:10px;border-bottom:1px solid #F1F5F9;padding-bottom:12px}.wt-depot-head-row{display:flex;align-items:flex-start;gap:10px}.wt-depot-3d-icon{width:38px;height:38px;border-radius:12px;background:#e0f2fe;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wt-depot-head-titles{flex:1;min-width:0}.depot-tag{font-size:.64rem;font-weight:800;color:#0284c7;letter-spacing:.04em}.wt-depot-head-titles h4{font-size:.95rem;font-weight:800;color:#0f172a;line-height:1.2}.wt-depot-head-titles p{font-size:.68rem;color:#64748b;margin-top:1px}.wt-sparkle-btn{width:28px;height:28px;border-radius:8px;background:#f1f5f9;border:1px solid #E2E8F0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.wt-sparkle-btn:hover{background:#e0f2fe;border-color:#bae6fd}.wt-operational-banner{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #F1F5F9;border-radius:10px;padding:6px 10px}.operational-badge{font-size:.64rem;font-weight:700;background:#ecfdf5;color:#059669;border:1px solid #A7F3D0;padding:2px 7px;border-radius:9999px}.operational-meta{font-size:.65rem;color:#64748b}.wt-capacity-block{display:flex;flex-direction:column;gap:6px}.wt-cap-row{display:flex;align-items:center;justify-content:space-between;font-size:.72rem}.wt-cap-row.mt-12{margin-top:8px}.cap-label{color:#475569;font-weight:600}.cap-val{color:#64748b}.cap-val strong{color:#0f172a}.wt-cap-bar{height:6px;background:#f1f5f9;border-radius:9999px;overflow:hidden}.wt-bar-fill{height:100%;border-radius:9999px;transition:width .4s ease}.wt-throughput-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.throughput-card{background:#f8fafc;border:1px solid #F1F5F9;border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.tp-label{font-size:.64rem;color:#64748b}.tp-val{font-size:.82rem;font-weight:800;color:#0f172a}.wt-inventory-section{display:flex;flex-direction:column;gap:8px;border-top:1px solid #F1F5F9;padding-top:12px}.wt-inv-head{display:flex;align-items:center;justify-content:space-between}.inv-title{font-size:.74rem;font-weight:700;color:#0f172a}.inv-unit{font-size:.64rem;color:#94a3b8}.wt-inv-list{display:flex;flex-direction:column;gap:6px}.wt-inv-row{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;padding:4px 0}.inv-item-meta{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.inv-item-box{width:8px;height:8px;border-radius:2px;flex-shrink:0}.bg-orange{background:#d97706}.bg-yellow{background:#eab308}.bg-cyan{background:#0284c7}.inv-name{color:#334155;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-qty{font-weight:700;color:#0f172a;margin:0 8px}.inv-badge{font-size:.62rem;font-weight:700;padding:2px 6px;border-radius:6px}.inv-badge.in-stock{background:#ecfdf5;color:#059669}.inv-badge.low-stock{background:#fffbeb;color:#d97706}.wt-forklift-section{display:flex;flex-direction:column;gap:6px;border-top:1px solid #F1F5F9;padding-top:12px}.forklift-header{display:flex;align-items:center;justify-content:space-between;font-size:.72rem}.fl-title{font-weight:700;color:#0f172a}.fl-ratio{color:#64748b;font-size:.65rem}.forklift-info-row{display:flex;align-items:center;gap:6px;font-size:.68rem}.fl-name{font-weight:700;color:#0284c7}.fl-action{flex:1;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fl-pct{font-weight:700;color:#059669}.wt-btn-inspect-full{background:linear-gradient(135deg,#0b47a9,#0284c7);color:#fff;border:none;border-radius:12px;padding:10px 14px;font-size:.74rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .18s ease;box-shadow:0 4px 12px #0b47a933;margin-top:auto}.wt-btn-inspect-full:hover{opacity:.95;transform:translateY(-1px)}.inspector-panel-tabs{display:flex;background:#f1f5f9;border-radius:12px;padding:3px;gap:4px}.insp-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:none;border-radius:9px;padding:6px 10px;font-size:.72rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .16s ease;white-space:nowrap}.insp-tab-btn:hover{color:#0f172a}.insp-tab-btn.active{background:#fff;color:#0284c7;font-weight:700;box-shadow:0 1px 3px #0f172a14}.inspector-jobs-content{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow:hidden}.insp-jobs-scroll-list{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#CBD5E1 transparent}.insp-jobs-scroll-list::-webkit-scrollbar{width:5px}.insp-jobs-scroll-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.insp-job-card{background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;padding:9px 12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all .16s ease}.insp-job-card:hover{background:#f0f9ff;border-color:#bae6fd;transform:translate(2px)}.insp-job-card.selected{background:#f0f9ff;border-color:#0284c7;box-shadow:0 2px 8px #0284c726}.insp-job-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.insp-job-truck-badge{display:flex;align-items:center;gap:6px}.insp-job-truck-badge .code-text{font-size:.74rem;font-weight:700;color:#0f172a}.insp-job-truck-badge .plate-sub{font-size:.64rem;color:#64748b}.insp-job-dest{font-size:.73rem;font-weight:600;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insp-job-meta-row{display:flex;align-items:center;gap:5px;font-size:.67rem;color:#64748b}.insp-job-meta-row .meta-qty{font-weight:700;color:#0284c7}.insp-job-meta-row .meta-time{font-weight:600;color:#059669}.fleet-hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;min-height:520px}.fleet-canvas-card{position:relative;background:#fff;border:1px solid #E2E8F0;border-radius:24px;overflow:hidden;box-shadow:0 4px 20px #0f172a0a;min-height:520px;height:520px}.canvas-quick-controls{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:8px;z-index:20}.canvas-tool-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #E2E8F0;color:#475569;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 6px #0f172a0f}.canvas-tool-btn:hover{background:#fff;color:#0284c7;border-color:#bfdbfe}.canvas-tool-btn.active{background:#0284c7;color:#fff;border-color:#0284c7}.canvas-interaction-hint{position:absolute;bottom:16px;left:20px;display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:9999px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #E2E8F0;color:#475569;font-size:.7rem;font-weight:500;pointer-events:none}.active-dispatch-floating-overlay{position:absolute;top:18px;left:18px;width:350px;max-width:calc(100% - 36px);background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.9);border-radius:20px;padding:16px 18px;box-shadow:0 20px 35px -10px #0f172a1f,0 0 1px 1px #fffc inset;z-index:25;display:flex;flex-direction:column;gap:12px;animation:fadeIn .25s ease}.overlay-header-row{display:flex;align-items:center;gap:12px}.overlay-progress-circle{position:relative;width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.overlay-pct-text{position:absolute;font-size:.65rem;font-weight:800;color:#0f172a}.overlay-title-group{flex:1;min-width:0}.overlay-label{font-size:.68rem;color:#64748b;font-weight:500}.overlay-job-code{font-size:.95rem;font-weight:800;color:#0f172a;letter-spacing:-.01em}.overlay-status-pill{font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:9999px;white-space:nowrap}.overlay-status-pill.in_transit{background:#ecfdf5;color:#059669;border:1px solid #A7F3D0}.overlay-status-pill.staging{background:#eff6ff;color:#0284c7;border:1px solid #BFDBFE}.overlay-status-pill.on_site{background:#fffbeb;color:#d97706;border:1px solid #FDE68A}.overlay-status-pill.completed{background:#f0fdf4;color:#16a34a;border:1px solid #BBF7D0}.overlay-destination-row{background:#f8fafc;border:1px solid #F1F5F9;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.overlay-dest-name{font-size:.86rem;font-weight:700;color:#0f172a;line-height:1.3}.overlay-dest-meta{font-size:.72rem;color:#64748b;display:flex;align-items:center;gap:6px}.dot-sep{color:#cbd5e1}.overlay-footer-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:2px}.overlay-sub-col{display:flex;flex-direction:column;gap:1px}.sub-label{font-size:.65rem;color:#94a3b8;font-weight:500}.sub-val{font-size:.78rem;font-weight:700;color:#0f172a}.overlay-expand-btn{background:#0284c7;color:#fff;border:none;border-radius:10px;padding:8px 12px;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .18s ease;margin-top:2px}.overlay-expand-btn:hover{background:#0369a1}.fleet-performance-card{background:#fff;border:1px solid #E2E8F0;border-radius:24px;padding:22px;box-shadow:0 4px 20px #0f172a0a;display:flex;flex-direction:column;gap:16px}.card-top-header{display:flex;align-items:flex-start;justify-content:space-between}.card-top-header h3{font-size:1.05rem;font-weight:700;color:#0f172a}.card-top-sub{font-size:.76rem;color:#64748b;margin-top:2px}.badge-week-pill{font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:9999px;background:#f1f5f9;color:#475569;border:1px solid #E2E8F0;cursor:pointer}.overall-efficiency-block{background:#f8fafc;border:1px solid #F1F5F9;border-radius:16px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.efficiency-big-num{font-size:2.1rem;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:8px;line-height:1}.efficiency-trend-pill{font-size:.72rem;font-weight:700;color:#059669;background:#ecfdf5;border:1px solid #A7F3D0;padding:2px 7px;border-radius:9999px}.efficiency-label{font-size:.75rem;color:#64748b;margin-top:4px}.efficiency-gauge-frame{position:relative;width:68px;height:68px;display:flex;align-items:center;justify-content:center}.gauge-center-text{position:absolute;font-size:.72rem;font-weight:800;color:#0284c7}.sla-breakdown-list{display:flex;flex-direction:column;gap:9px}.sla-progress-item{display:flex;flex-direction:column;gap:4px}.sla-item-labels{display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.sla-name{color:#475569;font-weight:500;display:flex;align-items:center;gap:6px}.color-indicator{width:7px;height:7px;border-radius:50%}.bg-emerald{background:#10b981}.bg-blue{background:#0284c7}.bg-purple{background:#8b5cf6}.bg-amber{background:#f59e0b}.bg-teal{background:#0d9488}.sla-pct{font-weight:700;color:#0f172a}.sla-progress-bar{height:6px;background:#f1f5f9;border-radius:9999px;overflow:hidden}.sla-bar-fill{height:100%;border-radius:9999px;transition:width .4s ease}.machine-allocation-block{border-top:1px solid #F1F5F9;padding-top:12px;display:flex;flex-direction:column;gap:8px}.alloc-header{font-size:.74rem;font-weight:600;color:#64748b}.alloc-bars-row{display:flex;align-items:flex-end;gap:16px;height:68px}.alloc-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;justify-content:flex-end}.bar-rect{width:100%;border-radius:6px 6px 2px 2px;transition:height .3s ease}.bar-num{font-size:.7rem;font-weight:700;color:#0f172a}.bar-tag{font-size:.62rem;color:#94a3b8;white-space:nowrap}.fleet-metrics-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.fleet-bento-card{background:#fff;border:1px solid #E2E8F0;border-radius:18px;padding:18px 20px;box-shadow:0 2px 8px #0f172a08;display:flex;flex-direction:column;justify-content:space-between;gap:6px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.fleet-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a0f;border-color:#cbd5e1}.bento-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.bento-title{font-size:.78rem;font-weight:600;color:#475569;letter-spacing:-.01em}.bento-badge-trend{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:9999px;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center}.bento-badge-trend.positive{background:#ecfdf5;color:#059669;border:1px solid #A7F3D0}.bento-badge-trend.neutral{background:#f5f3ff;color:#7c3aed;border:1px solid #DDD6FE}.bento-big-value{font-size:1.95rem;font-weight:800;color:#0f172a;line-height:1.1;letter-spacing:-.02em;display:flex;align-items:baseline;gap:6px;margin:4px 0 2px}.bento-big-value .bento-unit{font-size:.85rem;font-weight:600;color:#94a3b8;letter-spacing:normal}.bento-sparkline-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0}.sparkline-caption{font-size:.72rem;font-weight:500;color:#64748b;white-space:nowrap}.bento-footer-sub{font-size:.74rem;color:#64748b;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fleet-bottom-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px;align-items:stretch}.fleet-activity-card,.fleet-shipments-table-card{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:20px 22px;box-shadow:0 2px 10px #0f172a08;display:flex;flex-direction:column;gap:14px}.activity-card-header,.table-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.activity-card-header h3,.table-header-titles h3{font-size:1.02rem;font-weight:700;color:#0f172a;margin:0;line-height:1.25}.card-top-sub{font-size:.76rem;color:#64748b;margin:3px 0 0}.activity-legend{display:flex;align-items:center;gap:12px;flex-shrink:0;white-space:nowrap}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;color:#475569;white-space:nowrap}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.legend-dot.bg-blue{background:#0284c7;box-shadow:0 0 0 2px #0284c733}.activity-chart-container{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;padding:6px 0}.activity-chart-days{display:flex;justify-content:space-between;font-size:.72rem;font-weight:500;color:#64748b;padding:8px 4px 0;border-top:1px dashed #E2E8F0}.table-header-actions{display:flex;align-items:center;gap:10px}.table-search-pill{display:flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:9999px;padding:4px 10px;transition:all .18s ease}.table-search-pill:focus-within{background:#fff;border-color:#0284c7;box-shadow:0 0 0 2px #0284c71f}.table-search-pill input{border:none;background:transparent;outline:none;font-size:.74rem;color:#0f172a;width:130px}.table-search-pill input::placeholder{color:#94a3b8}.table-count-badge{font-size:.72rem;font-weight:700;background:#f1f5f9;color:#475569;padding:3px 10px;border-radius:9999px;border:1px solid #E2E8F0;white-space:nowrap}.table-scroll-wrap{width:100%;overflow-x:auto;border-radius:12px;border:1px solid #F1F5F9}.fleet-roster-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.78rem}.fleet-roster-table thead{background:#f8fafc}.fleet-roster-table th{padding:10px 12px;font-size:.72rem;font-weight:700;color:#64748b;border-bottom:1px solid #E2E8F0;white-space:nowrap;text-align:left}.fleet-roster-table th.text-right{text-align:right}.fleet-roster-table th.text-center{text-align:center}.fleet-roster-table tbody tr{border-bottom:1px solid #F1F5F9;cursor:pointer;transition:background .15s ease,border-color .15s ease}.fleet-roster-table tbody tr:last-child{border-bottom:none}.fleet-roster-table tbody tr:hover{background:#f8fafc}.fleet-roster-table tbody tr.selected-row{background:#f0f9ff}.fleet-roster-table td{padding:10px 12px;vertical-align:middle}.truck-code-cell{display:flex;align-items:center;gap:8px}.truck-icon-badge{width:26px;height:26px;border-radius:7px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.truck-icon-badge.selected{background:#0284c7;color:#fff}.truck-plate-wrap{display:flex;flex-direction:column;min-width:0}.truck-code-title{font-weight:700;color:#0f172a;font-size:.78rem;white-space:nowrap}.truck-plate-sub{font-size:.66rem;color:#64748b;white-space:nowrap}.dest-cell{display:flex;flex-direction:column;gap:1px;min-width:0}.dest-name{font-weight:600;color:#0f172a;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dest-district{font-size:.68rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qty-cell{display:flex;align-items:baseline;justify-content:flex-end;gap:4px;white-space:nowrap}.qty-num{font-size:.88rem;font-weight:800;color:#0f172a}.qty-unit{font-size:.68rem;color:#64748b;font-weight:500}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:9999px;font-size:.68rem;font-weight:700;white-space:nowrap}.status-pill.in_transit{background:#ecfdf5;color:#059669;border:1px solid #A7F3D0}.status-pill.staging{background:#eff6ff;color:#0284c7;border:1px solid #BFDBFE}.status-pill.on_site{background:#fffbeb;color:#d97706;border:1px solid #FDE68A}.status-pill.completed{background:#f0fdf4;color:#16a34a;border:1px solid #BBF7D0}.eta-badge{font-size:.74rem;font-weight:600;color:#475569;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:nowrap}.dispatch-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease}.dispatch-modal-card{background:#fff;border-radius:24px;width:100%;max-width:740px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40;border:1px solid #E2E8F0}.dispatch-modal-header{padding:20px 24px;border-bottom:1px solid #F1F5F9;display:flex;align-items:flex-start;justify-content:space-between}.dispatch-id-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:9999px;background:#eff6ff;border:1px solid #DBEAFE;color:#0284c7;font-size:.7rem;font-weight:700;margin-bottom:4px}.dispatch-modal-header h2{font-size:1.25rem;font-weight:800;color:#0f172a}.modal-subtext{font-size:.78rem;color:#64748b;margin-top:2px}.status-highlight{color:#059669;font-weight:700}.modal-close-button{width:34px;height:34px;border-radius:50%;border:1px solid #E2E8F0;background:#f8fafc;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.modal-close-button:hover{background:#f1f5f9;color:#0f172a}.dispatch-modal-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.destination-highlight-card{background:#f0fdf4;border:1px solid #DCFCE7;border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px}.dest-icon-frame{width:48px;height:48px;border-radius:14px;background:#fff;border:1px solid #DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dest-info{flex:1}.dest-badge{font-size:.68rem;font-weight:700;color:#16a34a}.dest-info h3{font-size:1.05rem;font-weight:800;color:#0f172a;margin-top:2px}.dest-address{font-size:.76rem;color:#475569;margin-top:2px}.dest-qty-badge{background:#fff;border:1px solid #DCFCE7;border-radius:12px;padding:8px 16px;text-align:center;flex-shrink:0}.qty-number{display:block;font-size:1.4rem;font-weight:800;color:#16a34a;line-height:1}.qty-unit{font-size:.65rem;color:#64748b}.dispatch-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info-box{background:#f8fafc;border:1px solid #F1F5F9;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.box-title{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:#475569}.box-value{font-size:.86rem;font-weight:700;color:#0f172a}.box-value.text-emerald{color:#059669}.box-sub{font-size:.68rem;color:#64748b;line-height:1.35}.timeline-section{display:flex;flex-direction:column;gap:10px}.timeline-title{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:#0f172a}.milestones-list{display:flex;flex-direction:column;gap:8px;padding-left:6px;border-left:2px solid #E2E8F0;margin-left:8px}.milestone-item{display:flex;align-items:flex-start;gap:10px;position:relative;margin-left:-15px}.milestone-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.milestone-item.done .milestone-dot{background:#10b981}.milestone-item.pending .milestone-dot{background:#e2e8f0}.dot-inner{width:8px;height:8px;border-radius:50%;background:#94a3b8}.milestone-content{flex:1;display:flex;align-items:center;justify-content:space-between;padding-top:2px}.milestone-step-title{font-size:.78rem;font-weight:600;color:#334155}.milestone-step-time{font-size:.72rem;color:#94a3b8}.dispatch-notes-card{background:#fffbeb;border:1px solid #FDE68A;border-radius:12px;padding:10px 14px;font-size:.76rem;color:#92400e}.dispatch-modal-footer{padding:16px 24px;border-top:1px solid #F1F5F9;display:flex;align-items:center;justify-content:space-between;background:#fafafa}.footer-left{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#64748b}.footer-actions{display:flex;align-items:center;gap:8px}.btn-print-workorder{display:flex;align-items:center;gap:6px;background:#0284c7;color:#fff;border:none;border-radius:10px;padding:8px 14px;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .18s ease}.btn-print-workorder:hover{background:#0369a1}.btn-modal-close{background:#fff;color:#475569;border:1px solid #E2E8F0;border-radius:10px;padding:8px 14px;font-size:.76rem;font-weight:600;cursor:pointer}@media (max-width: 1280px){.waretrack-stage-grid{grid-template-columns:1fr}.waretrack-canvas-container{height:540px}.waretrack-top-bar{flex-wrap:wrap}.fleet-hero-grid{grid-template-columns:1fr;min-height:auto}.fleet-canvas-card{height:440px;min-height:440px}.fleet-metrics-bento{grid-template-columns:repeat(2,1fr)}.fleet-bottom-split{grid-template-columns:1fr}}@media (max-width: 900px){.wt-bottom-floating-bar{flex-direction:column;align-items:stretch}.wt-docks-widget{width:100%}.wt-kpi-floating-row{flex-wrap:wrap}.waretrack-canvas-container{height:480px}}@media (max-width: 768px){.active-dispatch-floating-overlay{position:relative;top:auto;left:auto;width:100%;margin-top:12px}.fleet-canvas-card{height:380px;min-height:380px}.dispatch-info-grid,.fleet-metrics-bento{grid-template-columns:1fr}}.sales-module-container{display:flex;flex-direction:column;gap:24px;padding:0 4px 48px;max-width:1720px;margin:0 auto;width:100%}.sales-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.sales-header-left{display:flex;flex-direction:column;gap:6px}.sales-header-tag{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#0b47a9;background:#0b47a914;border:1px solid rgba(11,71,169,.2);padding:3px 10px;border-radius:9999px;width:fit-content}.sales-title{font-size:1.55rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.02em}.sales-subtitle{font-size:.88rem;color:#64748b;margin:0;max-width:820px;line-height:1.5}.sales-header-actions{display:flex;align-items:center;gap:12px}.action-btn{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;padding:9px 18px;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:none}.action-btn.secondary-btn{background:#fff;color:#334155;border:1px solid #CBD5E1;box-shadow:0 1px 2px #0000000d}.action-btn.secondary-btn:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.action-btn.primary-gradient-btn{background:linear-gradient(135deg,#0b47a9,#0284c7);color:#fff;box-shadow:0 4px 12px #0b47a940}.action-btn.primary-gradient-btn:hover{background:linear-gradient(135deg,#093782,#0369a1);transform:translateY(-1px);box-shadow:0 6px 16px #0b47a959}.sales-data-stream-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:18px 24px;box-shadow:0 2px 8px #0f172a08}.stream-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed #E2E8F0;flex-wrap:wrap}.stream-badge{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:800;color:#0b47a9;letter-spacing:.04em}.stream-meta{font-size:.78rem;color:#64748b}.stream-steps-row{display:flex;align-items:center;justify-content:space-between;gap:12px;overflow-x:auto;padding-bottom:4px}.stream-step-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;background:#f8fafc;border:1px solid #E2E8F0;flex:1;min-width:220px;transition:all .2s ease}.stream-step-item.active{background:#eff6ff;border-color:#93c5fd;box-shadow:0 2px 6px #0b47a914}.stream-step-item.clickable{cursor:pointer}.stream-step-item.clickable:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px)}.stream-step-item.highlight{border-color:#38bdf8;background:#f0f9ff}.step-circle{width:28px;height:28px;border-radius:50%;background:#e2e8f0;color:#475569;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0}.stream-step-item.active .step-circle{background:#0b47a9;color:#fff}.stream-step-item.highlight .step-circle{background:#0284c7;color:#fff}.step-text{display:flex;flex-direction:column;gap:2px;flex:1}.step-title{font-size:.8rem;font-weight:700;color:#1e293b}.stream-step-item.active .step-title{color:#0b47a9}.step-desc{font-size:.7rem;color:#64748b}.step-arrow{color:#cbd5e1;flex-shrink:0}.sales-kpi-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sales-bento-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:20px;box-shadow:0 2px 6px #0f172a08;display:flex;flex-direction:column;gap:8px;transition:all .2s cubic-bezier(.16,1,.3,1)}.sales-bento-card:hover{border-color:#cbd5e1;box-shadow:0 6px 18px #0f172a0f;transform:translateY(-2px)}.bento-top-row{display:flex;align-items:center;justify-content:space-between}.bento-label{font-size:.82rem;font-weight:700;color:#64748b}.bento-icon-wrapper{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.bento-icon-wrapper.bg-blue-subtle{background:#eff6ff}.bento-icon-wrapper.bg-emerald-subtle{background:#ecfdf5}.bento-icon-wrapper.bg-purple-subtle{background:#f5f3ff}.bento-icon-wrapper.bg-sky-subtle{background:#f0f9ff}.bento-number-row{display:flex;align-items:baseline;gap:6px;margin-top:4px}.bento-huge-val{font-size:2rem;font-weight:800;color:#0f172a;letter-spacing:-.03em;line-height:1}.bento-unit{font-size:.85rem;font-weight:600;color:#64748b}.bento-sub-metric{display:flex;align-items:center;gap:8px;font-size:.75rem}.badge-positive{color:#059669;font-weight:700;background:#ecfdf5;padding:2px 6px;border-radius:6px}.badge-neutral{color:#7c3aed;font-weight:700;background:#f5f3ff;padding:2px 6px;border-radius:6px}.badge-highlight{color:#0284c7;font-weight:700;background:#f0f9ff;padding:2px 6px;border-radius:6px}.sub-text{color:#94a3b8}.bento-mini-chart{margin-top:6px;height:28px}.sales-funnel-bar{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:12px 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.funnel-bar-title{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:800;color:#334155;flex-shrink:0}.funnel-chips-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.funnel-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#f8fafc;border:1px solid #E2E8F0;font-size:.76rem;font-weight:700;color:#475569;cursor:pointer;transition:all .15s ease}.funnel-chip:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.funnel-chip.active{background:#0b47a9;border-color:#0b47a9;color:#fff;box-shadow:0 2px 6px #0b47a940}.funnel-chip .chip-count{opacity:.8;font-size:.72rem}.funnel-chip .chip-val{background:#00000014;padding:1px 5px;border-radius:4px;font-size:.7rem}.funnel-chip.active .chip-val{background:#ffffff40;color:#fff}.sales-filter-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.filter-search-box{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #CBD5E1;border-radius:10px;padding:8px 12px;flex:1;min-width:280px}.filter-search-box input{border:none;background:transparent;outline:none;font-size:.82rem;color:#0f172a;width:100%}.clear-search-btn{background:transparent;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center}.filter-chips-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-group-label{font-size:.78rem;font-weight:700;color:#64748b;margin-right:4px}.filter-btn-chip{padding:5px 11px;border-radius:8px;background:#fff;border:1px solid #E2E8F0;font-size:.74rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s ease}.filter-btn-chip:hover{background:#f8fafc;border-color:#cbd5e1}.filter-btn-chip.active{background:#0284c7;border-color:#0284c7;color:#fff;font-weight:700}.contracts-table-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 2px 8px #0f172a08;overflow:hidden}.table-card-head{padding:18px 24px;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.table-card-head h3{font-size:1.05rem;font-weight:800;color:#0f172a;margin:0 0 4px}.table-card-head p{font-size:.78rem;color:#64748b;margin:0}.records-count-badge{font-size:.75rem;font-weight:700;color:#0b47a9;background:#eff6ff;padding:4px 10px;border-radius:8px;border:1px solid #DBEAFE}.contracts-master-table{width:100%;border-collapse:collapse;font-size:.82rem;text-align:left}.contracts-master-table thead tr{background:#f8fafc;border-bottom:1px solid #E2E8F0}.contracts-master-table th{padding:12px 18px;font-size:.74rem;font-weight:800;color:#475569;letter-spacing:.02em;white-space:nowrap}.contracts-master-table tbody tr{border-bottom:1px solid #F1F5F9;cursor:pointer;transition:background .15s ease}.contracts-master-table tbody tr:hover{background:#f8fafc}.contracts-master-table tbody tr.selected-row{background:#f0f9ff}.contracts-master-table td{padding:14px 18px;vertical-align:middle}.client-cell-wrapper{display:flex;align-items:center;gap:12px}.client-icon-box{width:32px;height:32px;border-radius:8px;background:#eff6ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-info{display:flex;flex-direction:column;gap:2px}.contract-no{font-size:.68rem;font-weight:800;color:#0b47a9;letter-spacing:.04em}.client-name{font-size:.85rem;font-weight:700;color:#0f172a;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-segment-tag{font-size:.68rem;color:#64748b}.contract-type-pill{font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:6px;display:inline-block;white-space:nowrap}.contract-type-pill.DACP-New{background:#eff6ff;color:#0284c7;border:1px solid #BAE6FD}.contract-type-pill.DACP-Add{background:#f0fdf4;color:#059669;border:1px solid #BBF7D0}.contract-type-pill.DACP-Renew{background:#faf5ff;color:#7c3aed;border:1px solid #E9D5FF}.contract-type-pill.DAFP-New{background:#fff7ed;color:#ea580c;border:1px solid #FED7AA}.model-cell{display:flex;flex-direction:column;gap:2px}.model-name{font-size:.8rem;font-weight:600;color:#334155;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.machine-count-highlight{font-size:.74rem;color:#0b47a9}.rental-cell{display:flex;flex-direction:column}.rental-amount{font-size:.9rem;font-weight:800;color:#0f172a}.rental-sub{font-size:.68rem;color:#94a3b8}.meter-cell{display:flex;flex-direction:column;gap:2px;font-size:.72rem}.bw-quota{color:#475569}.color-quota{color:#0284c7;font-weight:600}.duration-cell{display:flex;flex-direction:column;gap:2px}.duration-months{font-size:.8rem;font-weight:700;color:#1e293b}.duration-date{font-size:.68rem;color:#94a3b8}.stage-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;padding:4px 9px;border-radius:9999px;white-space:nowrap}.stage-status-badge.active_live{background:#ecfdf5;color:#059669;border:1px solid #A7F3D0}.stage-status-badge.approved_pending_dispatch{background:#eff6ff;color:#0284c7;border:1px solid #BAE6FD}.stage-status-badge.credit_check{background:#f5f3ff;color:#7c3aed;border:1px solid #DDD6FE}.stage-status-badge.quotation{background:#fffbeb;color:#d97706;border:1px solid #FDE68A}.stage-status-badge.lead{background:#f1f5f9;color:#64748b;border:1px solid #E2E8F0}.action-buttons-cell{display:flex;align-items:center;gap:8px}.btn-quick-dispatch{display:inline-flex;align-items:center;gap:5px;background:#0b47a9;color:#fff;border:none;padding:5px 10px;border-radius:6px;font-size:.72rem;font-weight:700;cursor:pointer;transition:background .15s ease}.btn-quick-dispatch:hover{background:#093782}.btn-view-contract{display:inline-flex;align-items:center;gap:3px;background:#fff;border:1px solid #CBD5E1;color:#334155;padding:5px 10px;border-radius:6px;font-size:.72rem;font-weight:600;cursor:pointer}.btn-view-contract:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.contract-detail-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;display:flex;align-items:center;justify-content:center;padding:20px}.contract-detail-modal-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;width:100%;max-width:760px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalScaleUp .25s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header-row{padding:22px 28px;background:#f8fafc;border-bottom:1px solid #E2E8F0;display:flex;align-items:flex-start;justify-content:space-between}.modal-header-row .modal-tag{font-size:.72rem;font-weight:800;color:#0b47a9;letter-spacing:.05em;text-transform:uppercase}.modal-header-row h3{font-size:1.25rem;font-weight:800;color:#0f172a;margin:4px 0 2px}.modal-contract-id{font-size:.8rem;font-weight:700;color:#64748b}.modal-close-btn{background:transparent;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.modal-close-btn:hover{background:#e2e8f0;color:#0f172a}.modal-body-scroll{padding:24px 28px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.modal-section-box{background:#f8fafc;border:1px solid #E2E8F0;border-radius:14px;padding:16px 20px}.sec-title{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:800;color:#1e293b;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #E2E8F0}.sec-content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 18px}.meta-item{display:flex;flex-direction:column;gap:2px}.item-label{font-size:.72rem;color:#64748b}.item-val{font-size:.85rem;font-weight:600;color:#0f172a}.badge-sla{background:#eff6ff;color:#0284c7;font-weight:700;padding:2px 8px;border-radius:6px;width:fit-content}.modal-dispatch-action-card{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #BFDBFE;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px}.dispatch-action-info{display:flex;align-items:flex-start;gap:14px}.dispatch-action-info .icon-wrap{width:42px;height:42px;border-radius:12px;background:#fff;border:1px solid #BFDBFE;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #0b47a91a}.dispatch-action-info h4{font-size:.95rem;font-weight:800;color:#0f172a;margin:0 0 4px}.dispatch-action-info p{font-size:.8rem;color:#475569;margin:0;line-height:1.45}.dispatch-buttons-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-modal-approve-dispatch{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#059669,#0d9488);color:#fff;font-size:.85rem;font-weight:700;padding:10px 20px;border-radius:10px;border:none;cursor:pointer;box-shadow:0 4px 12px #05966940;transition:all .2s ease}.btn-modal-approve-dispatch:hover{background:linear-gradient(135deg,#047857,#0f766e);transform:translateY(-1px)}.btn-modal-view-3d-fleet{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#0b47a9;border:1px solid #0B47A9;font-size:.85rem;font-weight:700;padding:10px 18px;border-radius:10px;cursor:pointer;transition:all .15s ease}.btn-modal-view-3d-fleet:hover{background:#eff6ff}.new-proposal-modal{max-width:680px}.new-proposal-form{padding:24px 28px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full-width{grid-column:span 2}.form-field label{font-size:.78rem;font-weight:700;color:#334155}.form-field input,.form-field select{padding:9px 12px;border-radius:8px;border:1px solid #CBD5E1;font-size:.82rem;color:#0f172a;background:#fff;outline:none;transition:border-color .15s ease}.form-field input:focus,.form-field select:focus{border-color:#0b47a9;box-shadow:0 0 0 3px #0b47a91a}.form-action-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:12px;border-top:1px solid #E2E8F0}.btn-cancel{background:#f1f5f9;border:1px solid #CBD5E1;color:#475569;padding:9px 18px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer}.btn-cancel:hover{background:#e2e8f0;color:#0f172a}.btn-submit-proposal{display:inline-flex;align-items:center;gap:6px;background:#0b47a9;color:#fff;border:none;padding:9px 20px;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #0b47a933}.btn-submit-proposal:hover{background:#093782}@media (max-width: 1280px){.sales-kpi-bento{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sales-kpi-bento,.form-grid{grid-template-columns:1fr}.form-field.full-width{grid-column:span 1}.sec-content-grid{grid-template-columns:1fr}.stream-steps-row{flex-direction:column}.stream-step-item{width:100%}}.technical-service-container{display:flex;flex-direction:column;gap:24px;padding:0 4px 48px;max-width:1720px;margin:0 auto;width:100%}.tech-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.tech-header-left{display:flex;flex-direction:column;gap:6px}.tech-header-tag{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#0284c7;background:#0284c714;border:1px solid rgba(2,132,199,.2);padding:3px 10px;border-radius:9999px;width:fit-content}.tech-title{font-size:1.55rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.02em}.tech-subtitle{font-size:.88rem;color:#64748b;margin:0;max-width:820px;line-height:1.5}.tech-header-actions{display:flex;align-items:center;gap:12px}.tech-data-stream-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:18px 24px;box-shadow:0 2px 8px #0f172a08}.tech-kpi-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tech-bento-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:20px;box-shadow:0 2px 6px #0f172a08;display:flex;flex-direction:column;gap:8px;transition:all .2s cubic-bezier(.16,1,.3,1)}.tech-bento-card:hover{border-color:#cbd5e1;box-shadow:0 6px 18px #0f172a0f;transform:translateY(-2px)}.tech-module-tabs-nav{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:8px;box-shadow:0 1px 3px #00000008}.tech-nav-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:none;background:transparent;font-size:.82rem;font-weight:700;color:#64748b;cursor:pointer;transition:all .15s ease}.tech-nav-tab-btn:hover{background:#f8fafc;color:#0f172a}.tech-nav-tab-btn.active{background:#0b47a9;color:#fff;box-shadow:0 2px 8px #0b47a940}.tech-filter-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.tickets-view-wrapper{display:flex;flex-direction:column;gap:16px}.tickets-table-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 2px 8px #0f172a08;overflow:hidden}.tickets-master-table{width:100%;border-collapse:collapse;font-size:.82rem;text-align:left}.tickets-master-table thead tr{background:#f8fafc;border-bottom:1px solid #E2E8F0}.tickets-master-table th{padding:12px 18px;font-size:.74rem;font-weight:800;color:#475569;letter-spacing:.02em;white-space:nowrap}.tickets-master-table tbody tr{border-bottom:1px solid #F1F5F9;cursor:pointer;transition:background .15s ease}.tickets-master-table tbody tr:hover{background:#f8fafc}.tickets-master-table tbody tr.selected-row{background:#f0f9ff}.tickets-master-table td{padding:14px 18px;vertical-align:middle}.ticket-no{font-size:.68rem;font-weight:800;color:#0284c7;letter-spacing:.04em}.client-branch-sub{font-size:.68rem;color:#94a3b8;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-type-pill{font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:6px;display:inline-block;white-space:nowrap}.ticket-type-pill.installation{background:#eff6ff;color:#0284c7;border:1px solid #BAE6FD}.ticket-type-pill.preventive_maintenance{background:#f0fdf4;color:#059669;border:1px solid #BBF7D0}.ticket-type-pill.toner_refill{background:#faf5ff;color:#7c3aed;border:1px solid #E9D5FF}.serial-sub{font-size:.7rem;color:#64748b;font-family:monospace}.priority-badge{font-size:.7rem;font-weight:800;padding:2px 7px;border-radius:6px}.priority-badge.critical{background:#fef2f2;color:#dc2626;border:1px solid #FECACA}.priority-badge.high{background:#fff7ed;color:#ea580c;border:1px solid #FED7AA}.priority-badge.normal{background:#f8fafc;color:#475569;border:1px solid #E2E8F0}.tech-cell{display:flex;flex-direction:column}.tech-name{font-size:.8rem;font-weight:700;color:#1e293b}.tech-sub{font-size:.68rem;color:#94a3b8}.schedule-cell{display:flex;flex-direction:column;font-size:.72rem}.time-main{font-weight:700;color:#334155}.time-sla{color:#059669;font-weight:600}.meter-bw{font-size:.72rem;font-weight:600;color:#475569}.meter-clr{font-size:.72rem;font-weight:700;color:#0284c7}.ticket-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;padding:4px 9px;border-radius:9999px;white-space:nowrap}.ticket-status-badge.on_site{background:#eff6ff;color:#0284c7;border:1px solid #BAE6FD}.ticket-status-badge.en_route{background:#f5f3ff;color:#7c3aed;border:1px solid #DDD6FE}.ticket-status-badge.completed{background:#ecfdf5;color:#059669;border:1px solid #A7F3D0}.ticket-status-badge.pending_dispatch{background:#fffbeb;color:#d97706;border:1px solid #FDE68A}.btn-action-ticket{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #CBD5E1;color:#0b47a9;font-size:.74rem;font-weight:700;padding:5px 10px;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-action-ticket:hover{background:#eff6ff;border-color:#93c5fd}.engineers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.engineer-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:20px;box-shadow:0 2px 6px #0f172a08;display:flex;flex-direction:column;gap:14px;transition:all .2s ease}.engineer-card:hover{border-color:#cbd5e1;box-shadow:0 6px 18px #0f172a0f}.engineer-card-head{display:flex;align-items:flex-start;gap:12px}.tech-avatar-circle{width:44px;height:44px;border-radius:12px;background:#eff6ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tech-title-wrap{flex:1}.tech-title-wrap h4{font-size:.95rem;font-weight:800;color:#0f172a;margin:0 0 2px}.tech-role-tag{font-size:.72rem;color:#64748b}.tech-status-badge{font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:9999px;white-space:nowrap}.tech-status-badge.on_job{background:#eff6ff;color:#0284c7}.tech-status-badge.en_route{background:#f5f3ff;color:#7c3aed}.tech-status-badge.available{background:#ecfdf5;color:#059669}.engineer-card-body{display:flex;flex-direction:column;gap:8px;font-size:.8rem}.eng-meta-row{display:flex;justify-content:space-between;align-items:center}.meta-label{color:#64748b;font-size:.74rem}.meta-val{color:#1e293b}.star-score{display:inline-flex;align-items:center;gap:4px}.engineer-card-foot{padding-top:10px;border-top:1px dashed #E2E8F0}.btn-call-tech{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;border-radius:8px;background:#f8fafc;border:1px solid #CBD5E1;color:#334155;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .15s ease}.btn-call-tech:hover{background:#eff6ff;border-color:#93c5fd;color:#0b47a9}.spares-view-wrapper{display:flex;flex-direction:column;gap:16px}.spares-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.spare-part-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:18px;box-shadow:0 2px 6px #0f172a08;display:flex;flex-direction:column;gap:10px;transition:all .2s ease}.spare-part-card.low-stock{border-color:#fed7aa;background:#fffdfb}.spare-part-card:hover{border-color:#cbd5e1;box-shadow:0 6px 18px #0f172a0f}.part-card-head{display:flex;align-items:center;justify-content:space-between}.part-cat-pill{font-size:.68rem;font-weight:800;color:#0b47a9;background:#eff6ff;padding:2px 7px;border-radius:6px}.part-stock-badge{font-size:.68rem;font-weight:700;padding:2px 6px;border-radius:6px}.part-stock-badge.in_stock{background:#ecfdf5;color:#059669}.part-stock-badge.low_stock{background:#fff7ed;color:#ea580c}.part-name{font-size:.88rem;font-weight:800;color:#0f172a;margin:0;line-height:1.35}.part-no{font-size:.72rem;color:#64748b;font-family:monospace}.part-meta-box{background:#f8fafc;border:1px solid #E2E8F0;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-size:.74rem}.part-meta-row{display:flex;justify-content:space-between;align-items:center}.val-stock strong{font-size:.95rem;color:#0f172a}.part-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px dashed #E2E8F0}.part-cost{font-size:.78rem;font-weight:800;color:#334155}.btn-requisition{display:inline-flex;align-items:center;gap:4px;background:#0b47a9;color:#fff;border:none;padding:6px 12px;border-radius:8px;font-size:.72rem;font-weight:700;cursor:pointer}.btn-requisition:hover{background:#093782}.meter-inputs-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:14px;padding-top:12px;border-top:1px dashed #E2E8F0}.spares-table-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 2px 8px #0f172a08;overflow:hidden}.spares-table-card .table-card-head{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #E2E8F0;background:#fff;flex-wrap:wrap;gap:12px}.spares-table-card .table-card-head h3{font-size:.95rem;font-weight:800;color:#0f172a;margin:0}.spares-filter-group{display:flex;align-items:center;gap:8px}.spares-select-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f8fafc;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;border:1px solid #CBD5E1;border-radius:8px;padding:6px 32px 6px 12px;font-size:.78rem;font-weight:600;color:#334155;cursor:pointer;outline:none;transition:all .15s ease}.spares-select-control:focus{border-color:#0284c7;background-color:#fff;box-shadow:0 0 0 3px #0284c71f}.view-mode-toggle{display:inline-flex;align-items:center;background:#f1f5f9;border-radius:8px;padding:3px;gap:2px;margin-left:auto}.btn-toggle-view{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;border:none;background:transparent;font-size:.74rem;font-weight:700;color:#64748b;cursor:pointer;transition:all .15s ease}.btn-toggle-view.active{background:#fff;color:#0b47a9;box-shadow:0 1px 3px #00000014}.modal-actions-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:18px;margin-top:18px;border-top:1px solid #E2E8F0}.modal-actions-bar .btn-cancel{background:#f1f5f9;border:1px solid #CBD5E1;color:#475569;padding:10px 20px;border-radius:8px;font-size:.82rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.modal-actions-bar .btn-cancel:hover{background:#e2e8f0;color:#0f172a;border-color:#94a3b8}.modal-actions-bar .btn-submit-meter,.modal-actions-bar .btn-submit-modal{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#0b47a9,#0284c7);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:.84rem;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 4px 12px #0b47a940;transition:all .15s ease}.modal-actions-bar .btn-submit-meter:hover,.modal-actions-bar .btn-submit-modal:hover{background:linear-gradient(135deg,#093782,#0369a1);transform:translateY(-1px);box-shadow:0 6px 16px #0b47a959}.form-group-block{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group-block label{font-size:.78rem;font-weight:700;color:#334155;display:flex;align-items:center;gap:4px}.form-group-block input,.form-group-block select,.form-group-block textarea{width:100%;padding:10px 14px;border-radius:8px;border:1px solid #CBD5E1;font-size:.82rem;font-family:inherit;color:#0f172a;background-color:#fff;outline:none;box-sizing:border-box;transition:all .15s ease}.form-group-block select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:38px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-group-block input:focus,.form-group-block select:focus,.form-group-block textarea:focus{border-color:#0b47a9;box-shadow:0 0 0 3px #0b47a91f}.form-group-block textarea{resize:vertical;min-height:70px}.sidebar-scope-card{background:linear-gradient(145deg,#fffdf5,#fef9c3);border:1px solid #FDE047;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;position:relative;box-shadow:0 2px 8px #ca8a0414}.scope-card-header{display:flex;align-items:center;justify-content:space-between}.scope-badge-pill{display:inline-flex;align-items:center;gap:5px;font-size:.65rem;font-weight:800;color:#854d0e;background:#fef08a;padding:2px 8px;border-radius:9999px;letter-spacing:.04em;border:1px solid #FACC15}.scope-pulse-dot{width:6px;height:6px;border-radius:50%;background:#eab308;animation:pulseAmber 1.8s infinite}@keyframes pulseAmber{0%{transform:scale(.95);box-shadow:0 0 #eab308b3}70%{transform:scale(1);box-shadow:0 0 0 6px #eab30800}to{transform:scale(.95);box-shadow:0 0 #eab30800}}.scope-dismiss-btn{background:transparent;border:none;color:#a16207;cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.scope-dismiss-btn:hover{background:#fef08a;color:#713f12}.scope-card-title{font-size:.82rem;font-weight:800;color:#713f12;margin:0}.scope-card-desc{font-size:.7rem;color:#854d0e;line-height:1.35;margin:0}.scope-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:6px 10px;background:#fff;border:1px solid #FACC15;border-radius:8px;font-size:.72rem;font-weight:700;color:#854d0e;cursor:pointer;transition:all .15s ease;margin-top:2px}.scope-card-btn:hover{background:#fef08a;border-color:#eab308;color:#713f12}.scope-collapsed-btn{width:40px;height:40px;border-radius:12px;background:#fef9c3;border:1px solid #FDE047;color:#a16207;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;position:relative;margin:0 auto}.scope-collapsed-btn:hover{background:#fef08a;color:#713f12;transform:scale(1.05)}.sidebar-dev-credit{display:flex;align-items:center;justify-content:center;padding-top:10px;margin-top:4px;font-size:.68rem;color:#94a3b8;letter-spacing:.02em;text-align:center;-webkit-user-select:none;user-select:none}.sidebar-dev-credit .dev-credit-brand{font-weight:800;color:#0b47a9;margin-left:3px;letter-spacing:.04em}.sidebar-dev-credit .dev-credit-collapsed{font-size:.62rem;font-weight:800;color:#0b47a9;background:#eff6ff;padding:2px 5px;border-radius:4px;border:1px solid #DBEAFE;letter-spacing:.04em}@media (max-width: 1280px){.tech-kpi-bento,.engineers-grid,.spares-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.tech-kpi-bento,.engineers-grid,.spares-grid,.meter-inputs-row{grid-template-columns:1fr}}.customer-360-container{display:flex;flex-direction:column;gap:20px;width:100%}.customer-kpi-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.customer-bento-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:18px 20px;box-shadow:0 2px 8px #00000008;display:flex;flex-direction:column;gap:8px;transition:transform .2s ease,box-shadow .2s ease}.customer-bento-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.customer-controls-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;background:#fff;padding:14px 18px;border-radius:14px;border:1px solid #E2E8F0}.industry-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.client-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.client-profile-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:20px;box-shadow:0 2px 8px #00000008;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:16px}.client-profile-card:hover{border-color:#0b47a9;transform:translateY(-3px);box-shadow:0 8px 24px #0b47a914}.client-profile-card .card-top{display:flex;align-items:flex-start;gap:14px}.org-avatar{width:44px;height:44px;border-radius:12px;background:#eff6ff;border:1px solid #DBEAFE;display:flex;align-items:center;justify-content:center;flex-shrink:0}.org-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.org-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.industry-badge{background:#f1f5f9;color:#475569;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:6px;border:1px solid #E2E8F0}.segment-badge{background:#eff6ff;color:#0b47a9;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:6px;border:1px solid #BFDBFE}.client-name{font-size:1.05rem;font-weight:800;color:#0f172a;margin:0;line-height:1.35}.contract-code{font-size:.72rem;font-family:monospace;color:#64748b}.client-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#f8fafc;padding:12px 14px;border-radius:12px;border:1px solid #F1F5F9}.stat-col{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:.68rem;color:#64748b;font-weight:600}.stat-val{font-size:.88rem;font-weight:800;color:#0f172a}.client-contact-snippet{display:flex;flex-direction:column;gap:6px;font-size:.76rem;color:#64748b}.snippet-row{display:flex;align-items:center;gap:8px}.client-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px dashed #E2E8F0;margin-top:auto}.sla-rating{display:flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;color:#059669}.btn-open-360-detail{display:inline-flex;align-items:center;gap:6px;background:#eff6ff;color:#0b47a9;border:1px solid #BFDBFE;padding:6px 14px;border-radius:8px;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-open-360-detail:hover{background:#0b47a9;color:#fff}.product-master-container{display:flex;flex-direction:column;gap:20px;width:100%}.product-kpi-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-bento-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:18px 20px;box-shadow:0 2px 8px #00000008;display:flex;flex-direction:column;gap:8px;transition:transform .2s ease,box-shadow .2s ease}.product-bento-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.product-controls-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;background:#fff;padding:14px 18px;border-radius:14px;border:1px solid #E2E8F0}.category-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.product-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.product-master-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:22px;box-shadow:0 2px 8px #00000008;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:16px}.product-master-card:hover{border-color:#0b47a9;transform:translateY(-3px);box-shadow:0 8px 24px #0b47a914}.model-avatar{width:44px;height:44px;border-radius:12px;background:#eff6ff;border:1px solid #DBEAFE;display:flex;align-items:center;justify-content:center;flex-shrink:0}.model-info{display:flex;flex-direction:column;gap:4px;flex:1}.badge-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.category-badge{background:#eff6ff;color:#0b47a9;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:6px;border:1px solid #BFDBFE}.flagship-badge{background:#f0fdf4;color:#059669;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:6px;border:1px solid #BBF7D0}.model-name{font-size:1.05rem;font-weight:800;color:#0f172a;margin:0;line-height:1.35}.model-code{font-size:.72rem;font-family:monospace;color:#64748b}.specs-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#f8fafc;padding:12px 14px;border-radius:12px;border:1px solid #F1F5F9}.spec-stat-item{display:flex;flex-direction:column;gap:2px}.spec-label{font-size:.68rem;color:#64748b;font-weight:600}.spec-val{font-size:.88rem;font-weight:800;color:#0f172a}.fleet-distribution-box{background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.dist-labels{display:flex;justify-content:space-between;font-size:.74rem;font-weight:700;color:#334155}.active-rate{color:#059669}.dist-bar-track{width:100%;height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;display:flex}.dist-bar-fill{height:100%;transition:width .4s ease}.active-fill{background:#059669}.depot-fill{background:#0b47a9}.dist-legend{display:flex;align-items:center;gap:14px;font-size:.7rem;color:#64748b}.legend-item{display:inline-flex;align-items:center;gap:5px}.dot{width:7px;height:7px;border-radius:50%}.active-dot{background:#059669}.depot-dot{background:#0b47a9}.transit-dot{background:#7c3aed}.product-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px dashed #E2E8F0;margin-top:auto}.duty-cycle-text{font-size:.72rem;color:#64748b;font-weight:600}.btn-open-spec-detail{display:inline-flex;align-items:center;gap:6px;background:#eff6ff;color:#0b47a9;border:1px solid #BFDBFE;padding:6px 14px;border-radius:8px;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-open-spec-detail:hover{background:#0b47a9;color:#fff}.modal-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.modal-features-list li{display:flex;align-items:center;gap:10px;font-size:.82rem;color:#334155}.compatible-chips-wrap{display:flex;flex-wrap:wrap;gap:8px}.toner-chip{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;color:#1e293b;border:1px solid #E2E8F0;border-radius:8px;padding:6px 12px;font-size:.74rem;font-weight:600}.settings-governance-container{display:flex;flex-direction:column;gap:20px;width:100%}.settings-tabs-nav{display:flex;gap:10px;background:#fff;padding:8px;border-radius:12px;border:1px solid #E2E8F0}.settings-nav-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#64748b;border:none;padding:10px 18px;border-radius:9px;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .2s ease}.settings-nav-btn:hover{color:#0b47a9;background:#eff6ff}.settings-nav-btn.active{background:#0b47a9;color:#fff;box-shadow:0 2px 8px #0b47a940}.settings-section-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000008;display:flex;flex-direction:column;gap:20px}.section-card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #F1F5F9;padding-bottom:16px}.section-card-header h3{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0 0 4px}.settings-table-wrapper{overflow-x:auto}.settings-master-table{width:100%;border-collapse:collapse;font-size:.84rem}.settings-master-table th{background:#f8fafc;color:#475569;font-weight:700;text-align:left;padding:12px 14px;border-bottom:1px solid #E2E8F0;font-size:.76rem}.settings-master-table td{padding:14px;border-bottom:1px solid #F1F5F9;vertical-align:middle}.user-profile-cell{display:flex;align-items:center;gap:12px}.user-avatar-circle{width:36px;height:36px;border-radius:50%;background:#0b47a9;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem}.emp-id-sub{display:block;font-size:.7rem;color:#64748b;font-family:monospace}.dept-cell{display:flex;flex-direction:column;gap:2px}.dept-cell small{color:#64748b;font-size:.72rem}.rbac-role-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:800}.role-admin{background:#eff6ff;color:#0b47a9;border:1px solid #BFDBFE}.role-editor{background:#f0fdf4;color:#059669;border:1px solid #BBF7D0}.role-viewer{background:#f8fafc;color:#64748b;border:1px solid #E2E8F0}.connectors-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.connector-card{background:#f8fafc;border:1px solid #E2E8F0;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px}.connector-top{display:flex;align-items:center;gap:12px}.connector-icon-wrap{width:40px;height:40px;border-radius:10px;background:#eff6ff;border:1px solid #DBEAFE;display:flex;align-items:center;justify-content:center;flex-shrink:0}.connector-title-wrap{flex:1}.connector-title-wrap h4{font-size:.95rem;font-weight:800;color:#0f172a;margin:0}.connector-sub{font-size:.72rem;color:#64748b}.connector-endpoint-code{background:#0f172a;color:#38bdf8;padding:8px 12px;border-radius:8px;font-family:monospace;font-size:.72rem;overflow-x:auto}.connector-metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#fff;padding:10px 12px;border-radius:10px;border:1px solid #E2E8F0}.c-metric{display:flex;flex-direction:column;gap:2px}.c-label{font-size:.66rem;color:#64748b}.c-val{font-size:.78rem;color:#0f172a}.connector-footer{margin-top:auto;padding-top:8px;display:flex;justify-content:flex-end}.btn-ping-action{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#0b47a9;border:1px solid #BFDBFE;padding:6px 14px;border-radius:8px;font-size:.74rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-ping-action:hover:not(:disabled){background:#0b47a9;color:#fff}.btn-ping-action:disabled{opacity:.7;cursor:not-allowed}.policies-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.policy-field-card{background:#f8fafc;border:1px solid #E2E8F0;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}.policy-label{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:700;color:#1e293b}.policy-input-row{display:flex;align-items:center;gap:10px}.policy-input-row input{flex:1;padding:10px 14px;border-radius:10px;border:1px solid #CBD5E1;font-size:.95rem;font-weight:700;color:#0f172a}.policy-input-row input:focus{outline:none;border-color:#0b47a9;box-shadow:0 0 0 3px #0b47a91f}.unit-tag{font-size:.82rem;font-weight:700;color:#64748b;white-space:nowrap}.policy-hint{font-size:.72rem;color:#64748b;margin:0}.policies-save-row{grid-column:span 2;display:flex;justify-content:flex-end;padding-top:10px}.btn-save-policies{display:inline-flex;align-items:center;gap:8px;background:#0b47a9;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:.86rem;font-weight:800;cursor:pointer;transition:all .2s ease}.btn-save-policies:hover{background:#093782;box-shadow:0 4px 14px #0b47a94d}@media (max-width: 1280px){.customer-kpi-bento,.product-kpi-bento{grid-template-columns:repeat(2,1fr)}.client-cards-grid,.product-cards-grid,.connectors-grid,.policies-form-grid{grid-template-columns:1fr}.policies-save-row{grid-column:span 1}}@media (max-width: 768px){.customer-kpi-bento,.product-kpi-bento{grid-template-columns:1fr}.client-stats-row,.specs-stats-grid{grid-template-columns:repeat(2,1fr)}}