@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";html,body,#root{height:100%;margin:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-w:260px;--topbar-h:64px;--g-blue:#4285f4;--g-blue-dk:#1967d2;--g-blue-lt:#e8f0fe;--g-green:#34a853;--g-green-lt:#e6f4ea;--g-red:#ea4335;--g-red-lt:#fce8e6;--g-yellow:#fbbc05;--g-yellow-lt:#fef7e0;--bg-canvas:#f0f4f9;--glass-bg:#fff;--glass-bg-strong:#fff;--glass-bg-subtle:#fffc;--glass-border:#e8eaed;--glass-border-subtle:#e8eaedb3;--glass-shadow:0 1px 3px #2021241a, 0 2px 8px #2021240f;--glass-shadow-md:0 2px 6px #2021241f, 0 8px 24px #20212414;--glass-shadow-lg:0 4px 12px #20212424, 0 16px 40px #2021241a;--sidebar-bg:#1c2533;--sidebar-bg-2:#161e2b;--sidebar-border:#4285f41f;--text-primary:#202124;--text-secondary:#5f6368;--text-tertiary:#80868b;--text-quaternary:#bdc1c6;--text-on-dark:#fffffff0;--text-on-dark-sub:#ffffff94;--positive:#34a853;--negative:#ea4335;--warning:#fbbc05;--neutral:#4285f4;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--r-2xl:30px;--r-bubble:36px}html,body{height:100%}body{background:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(900px 600px at 8% 12%,#4285f40d 0%,#0000 70%),radial-gradient(700px 500px at 92% 88%,#34a8530a 0%,#0000 70%),radial-gradient(500px 400px at 55% 42%,#fbbc0508 0%,#0000 70%);background-attachment:fixed;font-family:Inter,Google Sans,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:13px}@keyframes bubble-in{0%{opacity:0;transform:scale(.92)translateY(20px)}60%{opacity:1;transform:scale(1.01)translateY(-3px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes float-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-scale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes section-enter{0%{opacity:0;transform:translateY(16px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes live-pulse{0%,to{box-shadow:0 0 #34a85300}50%{box-shadow:0 0 0 5px #34a8532e}}@keyframes progress-grow{0%{width:0%}}@keyframes glow-pulse-blue{0%,to{box-shadow:var(--glass-shadow)}50%{box-shadow:0 6px 28px #4285f42e,0 2px 8px #2021240a}}@keyframes glow-pulse-green{0%,to{box-shadow:var(--glass-shadow)}50%{box-shadow:0 6px 28px #34a85329,0 2px 8px #2021240a}}.anim-section{animation:.4s cubic-bezier(.22,1,.36,1) both section-enter}.anim-bubble-in{animation:.5s cubic-bezier(.34,1.56,.64,1) both bubble-in}.anim-float-up{animation:.44s cubic-bezier(.22,1,.36,1) both float-up}.anim-fade-scale{animation:.36s cubic-bezier(.22,1,.36,1) both fade-scale}.delay-50{animation-delay:50ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-250{animation-delay:.25s}.delay-300{animation-delay:.3s}.app-shell{background:var(--bg-canvas);height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg, var(--sidebar-bg) 0%, var(--sidebar-bg-2) 100%);border-right:1px solid var(--sidebar-border);z-index:20;flex-direction:column;flex-shrink:0;height:100vh;padding:20px 12px;transition:width .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-y:auto;box-shadow:2px 0 24px #0000002e}.sidebar-brand{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;margin-bottom:8px;padding:4px 8px 20px;display:flex}.sidebar-brand-icon{border-radius:var(--r-md);background:linear-gradient(135deg,#4285f43d,#34a85324);border:1.5px solid #4285f452;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 16px #4285f438}.sidebar-brand-title{color:var(--text-on-dark);letter-spacing:-.2px;font-size:13.5px;font-weight:800}.sidebar-brand-sub{color:var(--text-on-dark-sub);margin-top:2px;font-size:10px;font-weight:500}.sidebar-section-label{color:#ffffff47;text-transform:uppercase;letter-spacing:.12em;padding:10px 12px 5px;font-size:9.5px;font-weight:700}.sidebar-nav{flex-direction:column;gap:3px;display:flex}.sidebar-item{border-radius:var(--r-md);color:#ffffff80;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:11px;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s,color .2s;display:flex;position:relative}.sidebar-item:hover{color:var(--text-on-dark);background:#ffffff12}.sidebar-item--active{color:#6ea8fe;background:#4285f429;border:1px solid #4285f447;font-weight:700}.sidebar-item--active:hover{background:#4285f438}.sidebar-item-indicator{background:linear-gradient(#4285f4,#1967d2);border-radius:2px 0 0 2px;width:3px;height:20px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.sidebar--collapsed{width:64px}.sidebar--collapsed .sidebar-brand{justify-content:center;padding-left:0;padding-right:0}.sidebar--collapsed .sidebar-item{justify-content:center;padding:10px}.sidebar--collapsed .sidebar-user{justify-content:center;padding-left:0;padding-right:0}.sidebar-toggle{color:#fff9;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;width:26px;height:26px;margin:0 0 10px auto;font-family:inherit;transition:background .18s,color .18s;display:flex}.sidebar-toggle:hover{color:#fff;background:#fff3}.sidebar--collapsed .sidebar-toggle{align-self:center;margin:0 0 10px}.sidebar-spacer{flex:1;min-height:20px}.sidebar-bottom{border-top:1px solid #ffffff12;flex-direction:column;gap:3px;padding-top:12px;display:flex}.sidebar-user{border-radius:var(--r-md);cursor:pointer;align-items:center;gap:11px;margin-top:6px;padding:11px 12px;transition:background .18s;display:flex}.sidebar-user:hover{background:#ffffff12}.sidebar-avatar{border-radius:var(--r-sm);background:linear-gradient(135deg, var(--g-blue), var(--g-green));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:flex;box-shadow:0 3px 10px #4285f44d}.sidebar-user-name{color:var(--text-on-dark);font-size:12.5px;font-weight:700}.sidebar-user-role{color:var(--text-on-dark-sub);margin-top:1px;font-size:10px;font-weight:500}.main-area{background:var(--bg-canvas);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);z-index:10;background:#fff;border-bottom:1px solid #e8eaed;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:relative;box-shadow:0 1px 4px #20212414}.topbar-title{color:var(--text-primary);letter-spacing:-.4px;font-size:17px;font-weight:700}.topbar-breadcrumb{color:var(--text-tertiary);margin-top:2px;font-size:11px;font-weight:400}.topbar-right{align-items:center;gap:10px;display:flex}.topbar-time{color:var(--text-primary);text-align:right;font-size:13px;font-weight:600;line-height:1.3}.topbar-date{color:var(--text-tertiary);font-size:10.5px;font-weight:400}.topbar-icon-btn{border-radius:var(--r-sm);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#f8f9fa;border:1px solid #e8eaed;justify-content:center;align-items:center;font-family:inherit;transition:all .18s;display:flex}.topbar-icon-btn:hover{background:var(--g-blue-lt);color:var(--g-blue);border-color:#4285f447}.filter-bar{background:var(--glass-bg);border-bottom:1px solid var(--glass-border);flex-direction:column;flex-shrink:0;gap:0;padding:9px 28px;display:flex}.filter-bar-row{align-items:center;gap:8px;min-height:34px;display:flex}.filter-bar-filters{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.filter-bar-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:4px;display:flex}.filter-bar-extra{flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;display:flex}.filter-label{color:var(--text-tertiary);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;margin-right:4px;font-size:10px;font-weight:700}.filter-select{appearance:none;border:1px solid var(--glass-border);color:var(--text-secondary);background-color:#f8f9fa;border-radius:99px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:border-color .15s,background .15s}.filter-select:hover{border-color:var(--g-blue)}.filter-select.active{border-color:var(--g-blue);color:var(--g-blue-dk);background-color:var(--g-blue-lt);font-weight:600}.filter-select-btn{cursor:pointer;white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.filter-dropdown{z-index:300;background:#fff;border:1px solid #e8eaed;border-radius:12px;min-width:200px;max-height:280px;padding:6px 0;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 4px 16px #20212429,0 8px 32px #2021241a}.filter-dropdown-item{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 14px;font-size:13px;transition:background .12s;display:flex}.filter-dropdown-item:hover{background:#f8f9fa}.filter-dropdown-item input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--g-blue);border-radius:3px;flex-shrink:0}.filter-dropdown-sep{background:#e8eaed;height:1px;margin:4px 0}.clear-btn{appearance:none;background:var(--g-red-lt);color:#c5221f;cursor:pointer;white-space:nowrap;border:1px solid #ea433547;border-radius:99px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s}.clear-btn:hover{background:#fad2cf}.download-icon-btn{background:var(--g-green);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,box-shadow .15s;display:flex;box-shadow:0 2px 6px #34a85347}.download-icon-btn:hover{background:#2d9249;box-shadow:0 3px 10px #34a85361}.state-btn{appearance:none;border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#f8f9fa;border-radius:99px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:border-color .15s,background .15s,color .15s}.state-btn:hover{border-color:var(--g-blue)}.state-btn.active{border-color:var(--g-blue);color:var(--g-blue-dk);background:var(--g-blue-lt);font-weight:600}.filter-more-btn{appearance:none;border:1px solid var(--glass-border);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:#f8f9fa;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.filter-more-btn:hover{background:var(--g-blue-lt);color:var(--g-blue-dk);border-color:#4285f466}.main-content{flex:1;padding:16px 28px 32px;animation:.4s cubic-bezier(.22,1,.36,1) both section-enter;overflow-y:auto}.table-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-xl);box-shadow:var(--glass-shadow-md);overflow:hidden}.table-card-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:10px;padding:14px 18px 12px;display:flex}.table-card-title{color:var(--text-primary);letter-spacing:-.2px;white-space:nowrap;font-size:14px;font-weight:700}.table-card-hint{color:var(--text-tertiary);font-size:12px}.table-card-hint strong{color:var(--g-blue)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--r-xl);transition:box-shadow .24s,border-color .24s,transform .24s cubic-bezier(.34,1.56,.64,1)}.glass-card:hover{box-shadow:var(--glass-shadow-md);border-color:#d2d5d9;transform:translateY(-1px)}.badge{white-space:nowrap;letter-spacing:.02em;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:10.5px;font-weight:600;display:inline-flex}.badge-red{background:var(--g-red-lt);color:#c5221f;border:1px solid #ea433538}.badge-green{background:var(--g-green-lt);color:#1e8e3e;border:1px solid #34a85338}.badge-orange{background:var(--g-yellow-lt);color:#e37400;border:1px solid #fbbc0540}.badge-blue{background:var(--g-blue-lt);color:var(--g-blue-dk);border:1px solid #4285f438}.badge-gray{color:#5f6368;background:#f1f3f4;border:1px solid #e8eaed}.badge-purple{color:#9334e6;background:#f3e8fd;border:1px solid #9334e633}.badge-gold{background:var(--g-yellow-lt);color:#e37400;border:1px solid #fbbc0540}.progress-track{background:#e8eaed;border-radius:99px;overflow:hidden}.progress-fill{border-radius:99px;height:100%;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.progress-fill-animate{animation:1.1s cubic-bezier(.34,1.56,.64,1) both progress-grow}.table-row:hover{transition:background .15s;background:#0000000d!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f3f4}::-webkit-scrollbar-thumb{background:#bdc1c6;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9aa0a6}.loading-screen{height:100vh;color:var(--g-blue);justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:14px;display:flex}.loading-screen.error{color:var(--g-red)}.main-content--dash{padding:12px 20px 16px;overflow:hidden}.dash{flex-direction:column;gap:16px;height:100%;min-height:0;display:flex}.dash-asof{color:var(--text-tertiary);letter-spacing:.02em;flex:none;margin-bottom:-10px;font-size:11px;font-weight:600}.kpi-strip{flex:none;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi-tile{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-md);box-shadow:var(--glass-shadow-md);flex-wrap:wrap;align-items:baseline;gap:8px;padding:12px 16px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.kpi-tile:hover{box-shadow:var(--glass-shadow-lg);transform:translateY(-2px)}.kpi-tile:before{content:"";background:var(--accent);width:4px;position:absolute;top:0;bottom:0;left:0}.kpi-tile-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:100%;order:-1;margin-bottom:2px;font-size:9.5px;font-weight:700;overflow:hidden}.kpi-tile-value{letter-spacing:-.5px;color:var(--text-primary);font-size:24px;font-weight:800;line-height:1.1}.kpi-tile-value.is-small{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.kpi-tile-sub{color:var(--text-tertiary);font-size:11px;font-weight:500}.half{flex-direction:column;flex:1 1 0;gap:8px;min-height:0;display:flex}.half-title{color:var(--text-primary);letter-spacing:-.3px;border-bottom:2px solid var(--glass-border);flex:none;padding-bottom:4px;font-size:14px;font-weight:800}.half-grid{flex:1 1 0;grid-template-columns:1.45fr 1fr;align-items:stretch;gap:16px;min-height:0;display:grid}.wf-panel{background:var(--glass-bg);border-radius:var(--r-xl);min-height:0;box-shadow:var(--glass-shadow-md);border:1px solid var(--glass-border);flex-direction:column;padding:12px 16px;transition:box-shadow .2s;display:flex;overflow:hidden}.wf-panel:hover{box-shadow:var(--glass-shadow-lg)}.wf-head{flex:none;align-items:center;gap:8px;margin-bottom:4px;display:flex}.wf-title{color:var(--text-primary);letter-spacing:-.2px;font-size:13px;font-weight:800}.wf-sub{color:var(--text-tertiary);margin-left:auto;font-size:11px;font-weight:500}.wf-plot{border-bottom:2px solid #d0d7de;flex:1 1 0;align-items:flex-end;min-height:0;margin-top:8px;padding-top:16px;display:flex;position:relative}.wf-col{flex:1 1 0;min-width:50px;height:100%;transition:opacity .2s;position:relative}.wf-col:hover{opacity:.85}.wf-km{color:var(--g-blue-dk);white-space:nowrap;margin-bottom:6px;font-size:11px;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.wf-box{background:linear-gradient(#6fa0f5 0%,#4d86ee 100%);border-radius:6px 6px 0 0;transition:height .5s cubic-bezier(.34,1.56,.64,1),bottom .5s cubic-bezier(.34,1.56,.64,1);position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #4285f440}.wf-labels{flex:none;align-items:flex-start;gap:8px;padding-top:12px;display:flex}.wf-lcol{flex-direction:column;flex:1 1 0;align-items:center;gap:4px;min-width:40px;display:flex}.wf-count{color:var(--text-primary);font-size:14px;font-weight:800}.wf-name{letter-spacing:.02em;color:var(--text-secondary);text-align:center;min-height:24px;padding:0 2px;font-size:9px;font-weight:700;line-height:1.25}.wf-cost{color:#fff;white-space:nowrap;background:linear-gradient(#41b95a 0%,#2d9249 100%);border-radius:99px;padding:4px 10px;font-size:10px;font-weight:800;box-shadow:0 3px 8px #34a8534d}.wf-cost.is-na{color:var(--text-quaternary);box-shadow:none;background:#f1f3f4;font-weight:700}.dash-card{border-radius:var(--r-xl);background:var(--glass-bg);box-shadow:var(--glass-shadow-md);border:1px solid var(--glass-border);flex-direction:column;min-height:0;transition:box-shadow .2s;display:flex;overflow:hidden}.dash-card:hover{box-shadow:var(--glass-shadow-lg)}.hm-panel{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.dash-card-head{border-bottom:1px solid var(--glass-border);background:#fff9;flex:none;align-items:center;gap:8px;padding:12px 16px;display:flex}.dash-card-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 2px 4px #ea433559}.dash-card-title{color:var(--text-primary);letter-spacing:-.2px;font-size:13px;font-weight:800}.dash-card-hint{color:var(--text-tertiary);margin-left:auto;font-size:10.5px;font-weight:600}.hm-scroll{flex-direction:column;flex:auto;justify-content:center;padding:8px 12px;display:flex;overflow:hidden}.hm-table{border-collapse:separate;border-spacing:0 4px;table-layout:fixed;width:100%;font-size:11px}.hm-table th{letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);text-align:center;border-bottom:2px solid var(--glass-border);background:0 0;padding:6px 4px;font-size:9.5px;font-weight:800}.hm-table th.hm-cat{text-align:left;padding-left:12px}.hm-table td{background:#fff6;border-top:1px solid #0000;border-bottom:1px solid #0000;padding:4px}.hm-table tr td:first-child{border-left:1px solid #0000;border-radius:8px 0 0 8px}.hm-table tr td:last-child{border-right:1px solid #0000;border-radius:0 8px 8px 0}.hm-cat{text-align:left;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;padding-left:12px;font-weight:700;overflow:hidden}.hm-n{text-align:center;color:var(--text-secondary);width:40px;font-weight:800}.hm-cell{text-align:center;width:56px}.hm-cell[style*=background]{border-radius:6px;box-shadow:inset 0 0 0 1px #0000000a}.hm-cell span{font-size:11px}.hm-table tr.is-empty .hm-cat{color:var(--text-quaternary);font-weight:500}.hm-table tr.is-empty .hm-n{color:var(--text-quaternary)}.hm-table tbody tr{transition:transform .15s,box-shadow .15s}.hm-table tbody tr:hover td{background:var(--g-blue-lt);border-color:#4285f426}@media (width<=1200px){.half-grid{grid-template-columns:1fr}}@media (width<=1100px){.kpi-strip{grid-template-columns:repeat(2,1fr)}}@media print{.sidebar,.topbar,.filter-bar{display:none}.main-content{padding:0}.table-card{box-shadow:none;border:none;border-radius:0}}