@font-face{font-family:Anuphan;src:local("Anuphan"),local("Anuphan Regular");font-style:normal;font-weight:400 800;font-display:swap}:root{--bg-root: #11171a;--bg-sidebar: #0c1414;--bg-panel: #22252a;--bg-panel-soft: #1b2024;--text-main: #f5f7f7;--text-muted: #c0c8cc;--accent-lime: #c7df3f;--accent-teal: #168a9a;--accent-orange: #ef7b2f}*{box-sizing:border-box}body{margin:0;font-family:Anuphan,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-main);background:radial-gradient(circle at 10% -10%,#1f2d29,var(--bg-root) 45%)}h1,h2,h3{font-family:Anuphan,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}button,input,select,textarea{font-family:inherit}.app-layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:linear-gradient(180deg,#0f1f1b,#090f10);padding:24px;border-right:1px solid #1e2a2d}.sidebar .logo{width:196px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#11201d,#0a1514);border:1px solid #2a3c39;box-shadow:0 10px 24px #00000057,inset 0 0 0 1px #c7df3f14}.sidebar .logo-image{width:100%;height:auto;display:block;opacity:.95;filter:saturate(1.04) contrast(1.04)}.sidebar h1{font-family:Anuphan,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:24px;font-size:1.7rem;line-height:1.1;white-space:nowrap}.nav-item{font-family:Anuphan,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%;margin-top:20px;border:1px solid #2f4248;background:#1a2528;color:#dfe7ea;border-radius:999px;padding:8px 14px;min-height:72px;display:flex;align-items:center;justify-content:center;font-size:1.32rem;text-align:center;font-weight:700;cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.nav-item:hover{background:#22343b;border-color:#3e5a66;transform:translateY(-1px)}.nav-item.active{background:var(--accent-lime);color:#111;border-color:#8ca622;box-shadow:0 0 0 1px #00000024,0 8px 18px #00000052;transform:none;cursor:default}.nav-item span{line-height:1.02}.content{padding:14px;display:flex;flex-direction:column;gap:12px}.admin-auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#060a0cbf;display:flex;align-items:center;justify-content:center;padding:16px}.admin-auth-dialog{width:min(420px,100%);border:1px solid #3f5662;border-radius:12px;background:linear-gradient(180deg,#1d2a32,#141e25);box-shadow:0 18px 40px #00000061;padding:16px;display:flex;flex-direction:column;gap:10px}.admin-auth-dialog h3{margin:0;font-size:1rem;color:#edf5fb}.admin-auth-dialog p{margin:0;color:#b1c3cf;font-size:.84rem}.admin-auth-dialog input{width:100%;border-radius:8px;border:1px solid #6f8796;background:#f7fbff;color:#1a2832;font-size:.93rem;padding:9px 10px}.admin-auth-dialog input:focus{outline:2px solid rgba(127,224,233,.45);outline-offset:1px}.admin-auth-error{color:#ffb9b9;font-weight:700}.admin-auth-actions{display:flex;justify-content:flex-end;gap:8px}.admin-auth-actions button{border:1px solid #6b8392;border-radius:999px;background:#223647;color:#f0f5fb;font-size:.83rem;font-weight:700;padding:6px 12px;cursor:pointer}.admin-auth-actions button:hover{background:#2a4459}.filters-panel{background:linear-gradient(180deg,#1a2126,#12191e);border:1px solid #2b3a45;border-radius:12px;padding:12px}.filters-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.filters-eyebrow{margin:0 0 2px;color:#95a7b3;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.filters-head h2{margin:0;font-size:1.02rem;color:#eaf3f9}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:10px;align-items:stretch}.filter-item{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:10px;background:var(--accent-lime);border:1px solid #8ca622}.filter-item span{color:#1b2a00;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;font-weight:700}.filter-item select{border-radius:8px;border:1px solid #718500;padding:8px 10px;font-size:.95rem;background:#cedf66;color:#1b2a00;font-weight:600}.filter-item select:focus,.multi-dropdown>summary:focus{outline:2px solid rgba(127,224,233,.45);outline-offset:1px}.filter-item-multi,.multi-dropdown{position:relative}.multi-dropdown>summary{list-style:none;border-radius:8px;border:1px solid #718500;padding:8px 10px;font-size:.95rem;background:#cedf66;color:#1b2a00;font-weight:600;cursor:pointer}.multi-dropdown>summary::-webkit-details-marker{display:none}.multi-dropdown[open]>summary{border-bottom-left-radius:0;border-bottom-right-radius:0}.multi-dropdown-menu{position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:40;border:1px solid #718500;border-top:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background:#d8e877;max-height:220px;overflow-y:auto;padding:8px;box-shadow:0 12px 24px #00000059}.multi-option{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:#233000;padding:4px 2px}.multi-option input{accent-color:#1f3646}.multi-clear-button{width:100%;margin-bottom:6px;border:1px solid #7d9344;background:#e8f39d;border-radius:6px;padding:6px 8px;font-weight:700;color:#243400;cursor:pointer}.multi-clear-button:hover{background:#eff9b8}.reset-filters-button{width:auto;min-width:74px;border:1px solid #7f95ad;background:#223647;color:#eef4fb;font-weight:700;border-radius:999px;padding:6px 12px;font-size:.83rem;line-height:1;cursor:pointer}.reset-filters-button:hover{background:#2a4459}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px}.kpi-card{background:var(--bg-panel);border:1px solid #3d4a50;border-radius:10px;padding:10px}.kpi-card h3{margin:0;padding:8px;background:var(--accent-teal);border-radius:8px;font-size:1.5rem;text-align:center}.kpi-value{margin:14px 0 6px;text-align:center;font-size:2.6rem;font-weight:800}.kpi-subtitle{margin:0;text-align:center;color:var(--text-muted);font-weight:700}.positive{color:#8ee98e}.negative{color:#ff9f9f}.chart-card{background:var(--bg-panel-soft);border:1px solid #374149;border-radius:10px;padding:16px}.chart-card h3{margin:0 0 12px;font-size:1.7rem;text-align:center}.chart-card-large{min-height:320px}.line-chart{width:100%;height:210px;display:block}.line-chart polyline{fill:none;stroke:var(--accent-orange);stroke-width:3}.line-chart-multi polyline{stroke-width:2.2}.line-chart-multi{height:auto;aspect-ratio:980 / 280}.trend-line{pointer-events:stroke;transition:opacity .16s ease,stroke-width .16s ease}.line-chart-multi .trend-line-active{stroke-width:3.2}.trend-line-dimmed{opacity:.2}.trend-point{cursor:pointer;transition:opacity .16s ease,r .16s ease}.trend-tooltip{pointer-events:none}.trend-tooltip rect{fill:#0e171ff2;stroke:#4b5f6e;stroke-width:1}.trend-tooltip-title{fill:#e9f2f8;font-size:11px;font-weight:700;font-family:Anuphan,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.trend-tooltip-value{fill:#c7d7e2;font-size:10px;font-weight:600;font-family:Anuphan,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.chart-grid-line{stroke:#31404a;stroke-width:1}.chart-axis-label{fill:#c3cfd5;font-size:11px;font-family:Anuphan,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.trend-granularity{color:#c3cfd5;font-size:.84rem;margin-bottom:8px;text-align:center}.chart-empty{color:#c3cfd5;text-align:center;margin-top:44px}.trend-legend{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px 14px}.trend-legend-item{display:inline-flex;align-items:center;gap:6px;color:#d4d8db;font-size:.78rem;background:#172027;border-radius:999px;padding:4px 8px;cursor:pointer;transition:opacity .16s ease,border-color .16s ease,transform .16s ease;border:1px solid transparent;outline:none}.trend-legend-item-active{border-color:#5f7686;transform:translateY(-1px)}.trend-legend-item-dimmed{opacity:.38}.trend-legend-item:focus-visible{border-color:#89a7bb}.trend-legend-dot{width:9px;height:9px;border-radius:50%}.line-labels{margin-top:10px;display:grid;grid-template-columns:repeat(12,1fr);gap:4px;color:#cfd7da;font-size:.7rem}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:10px}.chart-grid-budget{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.chart-grid-budget>.chart-card{height:100%}.bar-list{display:flex;flex-direction:column;gap:8px}.bar-item{display:grid;grid-template-columns:130px 1fr 90px;align-items:center;gap:8px}.bar-label,.bar-value{font-size:.85rem;color:#d4d8db;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{background:#141c22;height:14px;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#75d7dd,#f4bc33)}.pie-layout{display:flex;justify-content:center;align-items:center;padding:0 4px 2px;overflow:visible}.pie-chart{width:100%;max-width:none;height:auto;display:block;margin:0 auto;overflow:visible}.budget-pie-card{overflow:visible;min-height:0;padding:10px 8px 8px}.budget-pie-card h3{margin:0 0 6px}.pie-slice{cursor:pointer;transition:opacity .15s ease,stroke-width .15s ease}.pie-slice-dimmed{opacity:.33}.pie-hole{fill:#151d24}.pie-total-label{fill:#98a7b4;font-size:14px;font-weight:700}.pie-total-value{fill:#e4edf5;font-size:18px;font-weight:700}.pie-total-percent{fill:#afbec8;font-size:12px;font-weight:700}.pie-label-line{fill:none;stroke:#778892;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.pie-label-line-dimmed{opacity:.35}.pie-label-text{fill:#d9e2e9;font-size:12px;font-weight:600}.pie-label-box{fill:#0e1820e0;stroke:#566c7be6;stroke-width:1}.pie-label-box-dimmed,.pie-label-text-dimmed{opacity:.45}.project-summary-period{margin:-2px 0 10px;color:#b9c6cf;font-size:.8rem;text-align:center}.project-summary-card{max-width:none;justify-self:stretch}.project-summary-table-wrap{max-height:300px;overflow:auto;border:1px solid #3a4a56;border-radius:8px;background:#1a2630}.project-summary-table{width:100%;border-collapse:collapse}.project-summary-table th,.project-summary-table td{padding:8px 10px;font-size:.82rem;border-bottom:1px solid #233039}.project-summary-table th{position:sticky;top:0;background:#223240;color:#e4edf3;text-align:left;z-index:1}.project-summary-table td{color:#dce6ec;background:#1d2a34}.project-summary-table tbody tr:nth-child(2n) td{background:#202f3a}.project-summary-table td:last-child{text-align:right}.project-summary-table tbody tr:hover td{background:#284050}.error-box{margin:0;color:#ffb9b9;background:#4f1d1d;border:1px solid #7f2d2d;border-radius:8px;padding:12px}.admin-panel{background:linear-gradient(180deg,#1a2126,#11191e);border:1px solid #2b3a45;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px}.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.admin-eyebrow{margin:0 0 2px;color:#95a7b3;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.admin-head h2{margin:0;font-size:1.02rem;color:#eaf3f9}.admin-refresh-button,.admin-run-button,.table-action{border:1px solid #7f95ad;background:#223647;color:#eef4fb;font-weight:700;border-radius:999px;padding:6px 12px;font-size:.83rem;line-height:1;cursor:pointer}.admin-refresh-button:hover,.admin-run-button:hover,.table-action:hover{background:#2a4459}.admin-secondary-button,.table-action-secondary{border:1px solid #546878;background:#172630;color:#dfebf3;font-weight:700;border-radius:999px;padding:6px 12px;font-size:.83rem;line-height:1;cursor:pointer}.admin-secondary-button:hover,.table-action-secondary:hover{background:#213541}.admin-refresh-button:disabled,.admin-run-button:disabled,.table-action:disabled,.admin-secondary-button:disabled,.table-action-secondary:disabled{opacity:.62;cursor:not-allowed}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap}.admin-tab{border:1px solid #3d4f59;background:#1a252d;color:#dbe5ec;border-radius:999px;padding:7px 14px;font-weight:700;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.admin-tab:hover{background:#233541;border-color:#4b6474}.admin-tab.active{background:var(--accent-lime);color:#111;border-color:#8ca622}.admin-content{display:flex;flex-direction:column;gap:12px}.admin-tenant-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid #344650;border-radius:10px;background:#142028;padding:10px}.admin-tenant-select{display:inline-flex;align-items:center;gap:8px;color:#d4e0e8;font-size:.84rem;font-weight:700}.admin-tenant-select select{border-radius:8px;border:1px solid #5f7787;background:#f7fbff;color:#15222b;padding:7px 9px;min-width:220px;font-size:.88rem}.admin-tenant-select select:focus{outline:2px solid rgba(127,224,233,.45);outline-offset:1px}.admin-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;border:1px solid #3a4c58;border-radius:10px;background:#17242c}.admin-search{min-width:min(430px,100%);border-radius:8px;border:1px solid #516774;padding:8px 10px;font-size:.92rem;background:#132027;color:#e9f0f5}.admin-search::placeholder{color:#8ea2af}.admin-search:focus{outline:2px solid rgba(127,224,233,.45);outline-offset:1px}.admin-check{display:inline-flex;align-items:center;gap:8px;color:#d5dee3;font-size:.86rem;font-weight:600}.admin-check input{accent-color:#96b1c6}.admin-help{color:#9db0bc;font-size:.82rem}.admin-review-grid{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:10px}.admin-review-card{border:1px solid #334651;background:#132027;border-radius:10px;padding:10px}.admin-review-label{margin:0 0 4px;color:#98aebb;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.admin-review-value{margin:0;color:#e6eff5;font-size:1.3rem;font-weight:800}.admin-review-section{display:flex;flex-direction:column;gap:8px}.admin-review-section h3{margin:0;font-size:.92rem;color:#dce7ee}.admin-notice{margin:0;color:#ccf2cc;background:#1f4521;border:1px solid #2f6542;border-radius:8px;padding:10px 12px}.admin-form-card{border:1px solid #c9d7e2;border-radius:10px;background:linear-gradient(180deg,#f8fbff,#eff5fa);padding:14px;display:flex;flex-direction:column;gap:12px}.admin-form-title{margin:0;font-size:1rem;color:#1e2f3c}.admin-target{margin:0;color:#3a5262;font-size:.84rem}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:11px}.admin-field{display:flex;flex-direction:column;gap:6px}.admin-field span{color:#355063;font-size:.8rem;letter-spacing:.01em;font-weight:700}.admin-input,.admin-textarea{border-radius:8px;border:1px solid #9cb2c2;padding:9px 10px;font-size:.91rem;background:#fff;color:#1f2f3a}.admin-input:focus,.admin-textarea:focus{outline:2px solid rgba(44,131,176,.34);outline-offset:1px}.admin-field-wide{grid-column:1 / -1}.admin-field-check{align-items:flex-start;justify-content:center;color:#2d4656;font-size:.86rem;font-weight:600}.admin-field-check input{margin-right:8px;accent-color:#96b1c6}.admin-form-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-table-wrap{border:1px solid #36444f;border-radius:10px;overflow:auto;background:#121c22}.admin-table-wrap-mappings{border-color:#abc95b;background:#f2fbcf}.admin-table{width:100%;border-collapse:collapse;min-width:920px}.admin-table th,.admin-table td{text-align:left;padding:10px 12px;border-bottom:1px solid #28363f;font-size:.86rem}.admin-table th{background:#18242c;color:#b9c8d1;text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:700}.admin-table tbody tr:hover{background:#16232b}.admin-table-mappings th{background:#dff18f;color:#2f4307;border-bottom-color:#b7d15f}.admin-table-mappings td{background:#fbffe9;color:#2d3f09;border-bottom-color:#d6e6a7}.admin-table-mappings tbody tr:hover td{background:#eef9c8}.admin-row-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-empty{margin:10px 0 0;color:#9db0bc;font-size:.84rem}.admin-jobs{background:#141f25;border:1px solid #32414b;border-radius:10px;padding:10px}.admin-jobs h3{margin:0 0 8px;font-size:.92rem;color:#dce7ee}.admin-job-list{display:grid;gap:7px}.admin-job-item{display:grid;grid-template-columns:72px 110px 1fr 1fr;gap:10px;align-items:center;border:1px solid #2f3e49;border-radius:8px;background:#101a21;padding:8px 10px;font-size:.83rem;color:#ccd8df}@media (max-width: 1200px){.app-layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #1e2a2d}.filter-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.kpi-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.chart-grid{grid-template-columns:1fr}.project-summary-card{max-width:none;justify-self:stretch}.admin-job-item{grid-template-columns:repeat(2,minmax(120px,1fr))}.admin-form-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.admin-review-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}}@media (max-width: 760px){.filters-head{flex-direction:column;align-items:flex-start;gap:8px}.filter-grid,.kpi-grid{grid-template-columns:1fr}.admin-head,.admin-controls,.admin-tenant-bar{flex-direction:column;align-items:flex-start}.admin-tenant-select{width:100%;flex-direction:column;align-items:flex-start;gap:6px}.admin-tenant-select select{width:100%;min-width:0}.admin-bulk-actions{flex-direction:column;align-items:flex-start}.admin-search{width:100%;min-width:0}.admin-form-grid{grid-template-columns:1fr}.admin-review-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.admin-tabs{width:100%}.admin-tab{flex:1}.admin-job-item{grid-template-columns:1fr;gap:5px}.admin-auth-actions{justify-content:flex-start;flex-wrap:wrap}.pie-layout{width:100%}}