@import "https://fonts.googleapis.com/css2?family=KoHo:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Inter", sans-serif;--font-display:"Inter", sans-serif;--bg-app:#070a13;--bg-sidebar:#04060b;--bg-card:#0e1425b3;--bg-card-hover:#131c34e6;--border-glass:#1b294b66;--border-glass-focus:#2f478399;--primary:#10b77f;--primary-glow:#10b77f33;--accent:#f59f0a;--accent-glow:#f59f0a26;--cyan:#0baada;--red:#e82c3f;--text-primary:#f8fafc;--text-secondary:#b3bdcc;--text-muted:#6b7c94;--shadow-main:0 10px 30px -10px #000000b3;--shadow-glow:0 0 20px -3px var(--primary-glow);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--bg-level-0:#16203cd9;--bg-level-1:#10182da6;--bg-level-2:#0c122273;--bg-level-3:#090e1a40;--bg-table-row-hover:#131c3466;--bg-table-header:#0c1222e6;--bg-table-container:#090e1a99;--text-table:#fff;--bg-modal:var(--bg-app);--bg-input:var(--bg-sidebar);--text-input:#fff}:root[data-theme=light]{--bg-app:#f3f5f7;--bg-sidebar:#e0e6eb;--bg-card:#ffffffbf;--bg-card-hover:#ffffffe6;--border-glass:#00000014;--border-glass-focus:#00000029;--text-primary:#141f38;--text-secondary:#47526b;--text-muted:#7e879a;--shadow-main:0 10px 30px -15px #00000026;--primary-glow:#10b77f14;--accent-glow:#f59f0a0f;--bg-level-0:#c4ccd4e6;--bg-level-1:#d6dbe1b3;--bg-level-2:#e5e8eb80;--bg-level-3:#edf0f24d;--bg-table-row-hover:#00000008;--bg-table-header:#d0d6dcf2;--bg-table-container:#fff9;--text-table:#000;--bg-modal:#fff;--bg-input:#fff;--text-input:var(--text-primary)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-sidebar)}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600}.app-container{background-color:var(--bg-app);height:100vh;transition:background-color var(--transition-normal);background-image:radial-gradient(at 0 0,#10b77f0d 0,#0000 50%),radial-gradient(at 100% 0,#f59f0a08 0,#0000 50%),radial-gradient(at 50% 100%,#0baada0a 0,#0000 50%);background-attachment:fixed;flex-direction:column;display:flex;overflow:hidden}:root[data-theme=light] .app-container{background-image:radial-gradient(at 0 0,#10b77f08 0,#0000 50%),radial-gradient(at 100% 0,#f59f0a05 0,#0000 50%)}.topbar{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-glass);z-index:100;width:100%;height:60px;transition:background-color var(--transition-normal), border-color var(--transition-normal);justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:.75rem;display:flex}.topbar-logo{background:linear-gradient(135deg, var(--primary), var(--cyan));border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 4px 12px #10b77f33}.brand-info{flex-direction:column;display:flex}.brand-name{font-family:var(--font-display);background:linear-gradient(to right, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1rem;font-weight:600}.project-badge{color:var(--text-muted);margin-top:.1rem;font-size:.7rem;font-weight:500}.topbar-nav{align-items:center;gap:.5rem;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:flex}.nav-item:hover{background-color:var(--border-glass);color:var(--text-primary)}.nav-item.active{color:var(--primary);background-color:#10b77f1a;border-color:#10b77f33}.topbar-actions{align-items:center;gap:.5rem;display:flex}.main-content{flex:1;width:100%;max-width:100%;padding:1.5rem;overflow-y:auto}.main-content.explorer-mode{flex-direction:column;display:flex;overflow:hidden}.page-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.page-title-desc{color:var(--text-secondary);margin-top:.25rem;font-size:.9rem}.glass-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);box-shadow:var(--shadow-main);transition:border-color var(--transition-normal), transform var(--transition-normal), background-color var(--transition-normal);background:#fff;border-radius:14px;padding:1.5rem}.glass-card:hover{border-color:var(--border-glass-focus)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.kpi-card{align-items:center;gap:1.25rem;display:flex}.kpi-icon-wrapper{border:1px solid var(--border-glass);background-color:#141e3899;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}:root[data-theme=light] .kpi-icon-wrapper{background-color:#0000000a}.kpi-icon-wrapper.primary{color:var(--primary);background-color:#10b77f1a;border-color:#10b77f33}.kpi-icon-wrapper.accent{color:var(--accent);background-color:#f59f0a1a;border-color:#f59f0a33}.kpi-icon-wrapper.cyan{color:var(--cyan);background-color:#0baada1a;border-color:#0baada33}.kpi-info{flex-direction:column;display:flex}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.kpi-value{font-size:1.6rem;font-family:var(--font-display);color:var(--text-primary);margin-top:.15rem;font-weight:700}.charts-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=1200px){.charts-grid{grid-template-columns:1fr}}.chart-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.explorer-container{flex:1;gap:1.5rem;min-height:0;display:flex}.explorer-sidebar{flex-direction:column;flex-shrink:0;gap:.5rem;width:250px;display:flex;overflow-y:auto}.explorer-sidebar.glass-card{height:100%;padding:1.25rem 1rem}.explorer-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.category-tab{border:1px solid var(--border-glass);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);text-align:left;background-color:#0b101e80;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.85rem;font-weight:500;display:flex}:root[data-theme=light] .category-tab{background-color:#fff6}.category-tab:hover{background-color:var(--bg-card);color:var(--text-primary);border-color:var(--border-glass-focus)}.category-tab.active{color:var(--primary);border-color:var(--primary);background-color:#10b77f1a}.category-count{color:var(--text-muted);background-color:#182543cc;border-radius:10px;padding:.15rem .4rem;font-size:.75rem}:root[data-theme=light] .category-count{background-color:#0000000d}.category-tab.active .category-count{background-color:var(--primary);color:var(--bg-app)}.table-actions{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.search-wrapper{flex:1;position:relative}.search-input{background-color:var(--bg-input);border:1px solid var(--border-glass);width:100%;color:var(--text-input);transition:all var(--transition-fast);border-radius:8px;padding:.75rem 1rem .75rem 2.5rem;font-size:.9rem}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 10px #10b77f26}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.table-container{border:1px solid var(--border-glass);background-color:var(--bg-table-container);transition:background-color var(--transition-normal), border-color var(--transition-normal);border-radius:10px;flex:1;overflow:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.data-table th{background-color:var(--bg-table-header);color:var(--text-table);border-bottom:1px solid var(--border-glass);z-index:10;text-transform:uppercase;letter-spacing:.05em;transition:background-color var(--transition-normal);padding:.6rem 1rem;font-size:11px;font-weight:500;position:sticky;top:0}.data-table thead tr:nth-child(2) th{z-index:10;top:31px}.data-table td{border-bottom:1px dotted var(--border-glass);color:var(--text-table);transition:color var(--transition-normal), border-color var(--transition-normal);padding:.75rem 1rem}.data-table tbody tr:hover{background-color:var(--bg-table-row-hover)}.tr-level-0{background-color:var(--bg-level-0);font-weight:700}.tr-level-0 td{border-bottom:2px solid var(--border-glass)}.tr-level-1{background-color:var(--bg-level-1);font-weight:600}.tr-level-1 td{border-bottom:1px solid var(--border-glass)}.tr-level-2{background-color:var(--bg-level-2);font-weight:600}.tr-level-2 td{border-bottom:1px solid var(--border-glass)}.tr-level-3{background-color:var(--bg-level-3);font-weight:500}.tr-level-3 td{border-bottom:1px dashed var(--border-glass)}.tr-item.highlighted{background-color:#f59f0a14}:root[data-theme=light] .tr-item.highlighted{background-color:#f59f0a0d}.tree-expand-btn{color:inherit;cursor:pointer;width:20px;height:20px;transition:background var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-right:.5rem;display:inline-flex}.tree-expand-btn:hover{background-color:var(--border-glass);color:inherit}.cell-number{font-family:var(--font-sans);text-align:right}.badge{border-radius:4px;padding:.15rem .4rem;font-size:.75rem;font-weight:500}.badge-primary{color:var(--primary);background-color:#10b77f26;border:1px solid #10b77f4d}.badge-cyan{color:var(--cyan);background-color:#0baada26;border:1px solid #0baada4d}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background-color:#000000bf;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-modal);border:1px solid var(--border-glass-focus);width:90%;max-width:750px;max-height:85vh;box-shadow:var(--shadow-main);transition:background-color var(--transition-normal);border-radius:16px;flex-direction:column;animation:.25s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-glass);background-color:var(--bg-sidebar);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-close-btn{color:var(--text-muted);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{background-color:var(--border-glass);color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto}.modal-row{border-bottom:1px solid var(--border-glass);justify-content:space-between;padding:.75rem 0;display:flex}.modal-row-label{color:var(--text-secondary);font-weight:500}.modal-row-value{color:var(--text-primary);font-weight:600}.btn{cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#070a13}.btn-primary:hover{background-color:#12d393;transform:translateY(-1px);box-shadow:0 0 15px #10b77f66}.btn-glass{background-color:var(--bg-card);color:var(--text-primary);border-color:var(--border-glass)}.btn-glass:hover{border-color:var(--border-glass-focus);background-color:var(--bg-card-hover)}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem;display:block}.form-control{background-color:var(--bg-input);border:1px solid var(--border-glass);width:100%;color:var(--text-input);transition:border-color var(--transition-fast);border-radius:8px;padding:.75rem;font-size:.9rem}.form-control:focus{border-color:var(--primary);outline:none}.sandbox-card-list{flex-direction:column;gap:1rem;max-height:480px;padding-right:.5rem;display:flex;overflow-y:auto}.sandbox-item-card{border:1px solid var(--border-glass);background-color:#0b101e66;border-radius:10px;padding:1rem}:root[data-theme=light] .sandbox-item-card{background-color:#fff6}.sandbox-item-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.sandbox-item-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.sandbox-inputs{grid-template-columns:1fr 1.5fr;gap:.75rem;display:grid}.theme-toggle-btn{border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;width:38px;height:38px;transition:all var(--transition-fast);background:0 0;background-color:var(--bg-card);border-radius:8px;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{border-color:var(--border-glass-focus);color:var(--text-primary);background-color:var(--bg-card-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.col-setting-item:hover{background-color:var(--bg-sidebar)!important;border-color:var(--primary)!important}