:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--radius: .5rem}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.active-button{margin:1px;display:flex;align-items:center;justify-content:center;min-width:130px;background-color:transparent;border:1px solid #444;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s,color .3s}.active-button.selected,.active-button:focus{background-color:#415c15;color:#a3e635}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{position:fixed;top:0;left:60px;width:calc(100% - 60px);height:60px;background-color:#1a1a1a;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000}.tabs{display:flex;gap:20px}.tab{color:#fff;text-decoration:none;font-size:16px;font-weight:500;padding:8px 12px;border-radius:4px;transition:background-color .3s}.tab:hover{background-color:#333}.search-bar{display:flex;align-items:center;width:300px}.search-input{width:200px;padding:8px 12px;font-size:14px;color:#fff;background-color:#222;border:1px solid #444444;border-radius:4px;outline:none;transition:border-color .3s}.search-input::placeholder{color:#888}.search-input:focus{border-color:#666}@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%}.dark{--sidebar-background: 240 5.9% 10%;--sidebar-foreground: 240 4.8% 95.9%;--sidebar-primary: 224.3 76.3% 48%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 240 3.7% 15.9%;--sidebar-accent-foreground: 240 4.8% 95.9%;--sidebar-border: 240 3.7% 15.9%;--sidebar-ring: 217.2 91.2% 59.8%}}.sidebar{display:flex;flex-direction:column;justify-content:space-between;position:relative;width:60px;background-color:#1a1a1a;color:#fff;height:100vh;position:fixed;padding:16px 0;top:0;left:0;z-index:1100}.bottom-icon{position:absolute;bottom:20px;left:50%;transform:translate(-50%);margin-bottom:30%}.container{justify-content:space-between;align-items:center;margin-top:60px;margin-left:50px;padding:16px 20px}.header-container{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;color:#fff}.child-container{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 0;color:#fff}.title{font-size:20px;font-weight:600}.header-right{display:flex;gap:10px}.header-button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid #444;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s,color .3s}.item-container{justify-content:space-between;align-items:center;border:2px solid #a3e635;background-color:transparent;border-radius:8px;color:#fff;display:flex;transition:border-color .3s,background-color .3s;margin:0 20px 15px;padding:9px 20px}.header-button:hover{background-color:#333;border-color:#555}.header-button .icon{margin-right:5px}.edit-button{font-weight:500}.stars{color:#a3e635;padding-right:2px;margin-right:1px}.chevron-up{width:40px;height:25px;border-radius:25px;border:2px solid #a3e635;background-color:transparent;color:#a3e635;font-size:18px;cursor:pointer;transition:background-color .3s,color .3s}.chevron-up:hover{background-color:#a3e635;color:#fff}.app-container{display:flex;height:100vh}.main-content{margin-left:60px;width:calc(100% - 60px);display:flex;flex-direction:column;overflow:hidden}.main-content>.navbar{position:fixed;top:0;width:calc(100% - 60px);height:60px;background-color:#1a1a1a;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #333}.page-content{margin-top:60px;padding:20px;height:calc(100vh - 60px);overflow-y:auto}.header-left{display:flex;align-items:center;gap:10px}.header-left .icon{color:#fff}.graph-kpi-container{display:grid;grid-template-columns:2fr 1fr;gap:24px;padding:20px;color:#fff}.graph-section{border-radius:8px;display:flex;flex-direction:column}.graph-header{display:flex;justify-content:space-between;align-items:center}.graph-placeholder{min-height:400px;min-width:100%;background-color:#222;border-radius:8px;border:2px solid #444;font-weight:700}.kpi-section{border-radius:8px}.kpi-header{display:flex;justify-content:space-between;align-items:center}.kpi-grid{height:400px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.kpi-card{background-color:#222;padding:16px;border-radius:8px;border:2px solid #444;display:flex;flex-direction:column;justify-content:space-between;color:#fff;min-width:190px}.kpi-card h3{font-size:14px;font-weight:600;margin-bottom:8px}.kpi-card p{font-size:12px;color:#aaa;margin-bottom:12px}.kpi-card span{font-size:24px;font-weight:700;align-self:flex-end}.test{display:flex;justify-content:flex-end;padding:13px;margin-right:1%}.dropdown-button,.variables-button{background-color:transparent;border:1px solid #444;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s ease;top:20px;right:20px}.dropdown-button:hover,.variables-button:hover{color:#000}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000004d;z-index:1200}.editbar{width:44.44%;background-color:#1a1a1a;color:#fff;height:100vh;position:fixed;padding:16px 0;top:0;right:0;z-index:1100;border-left:2px solid #444}.slim-container{justify-content:space-between;align-items:center;background-color:transparent;border-radius:8px;color:#fff;display:flex;transition:border-color .3s,background-color .3s;margin:0 20px;padding:9px 20px 0}.dropdown-header-container{display:flex;align-items:center;justify-content:space-between;overflow:hidden;background-color:#222;border-radius:4px;border:2px solid #444;font-weight:700;margin:20px 40px 0;padding:9px}.result-placeholder{background-color:#222;border-radius:4px;border:2px solid #444;font-weight:700;justify-content:space-between;align-items:center;margin:20px 40px 0;padding:9px 2px 0 20px}.oval-button{text-align:center;height:35px;border-radius:25px;border:1px solid #444;background-color:transparent;color:#fff;font-size:15px;cursor:pointer;transition:background-color .3s,color .3s;margin:5px;display:inline-flex;align-items:center;justify-content:center}.conditional-placeholder{background-color:#444;min-height:40px;border-radius:4px;border:2px solid #444;font-weight:700;justify-content:space-between;align-items:center;margin-left:40px;margin-right:40px;margin-bottom:0;padding-left:20px;padding-right:2px;padding-bottom:0}.oval-button:hover,.oval-button.selected{background-color:#415c15;color:#a3e635}.spinner{width:24px;height:24px;border:2px solid #ccc;border-top-color:#000;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.menu-item{padding:8px 16px;border-radius:8px;cursor:pointer;transition:background-color .3s,color .3s}.menu-item svg{color:#888}.menu-item span{color:#ccc;font-size:14px;font-weight:500}.menu-item:hover{background-color:#333}.menu-item:hover svg,.menu-item:hover span{color:#fff}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Arial,sans-serif}.dashboard-background{position:absolute;top:0;left:0;right:0;bottom:0;background:url(dashboard-image.jpg) no-repeat center center/cover;filter:blur(10px);z-index:1}.dashboard-content{position:relative;z-index:0;color:#fff;text-align:center}.dashboard-image{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px #0003}.auth-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;background-color:#1f1e1ecc;padding:30px 40px;border-radius:12px;box-shadow:0 4px 8px #0003;width:300px}.auth-form{text-align:center}.auth-form h2{margin-bottom:20px;font-size:24px}.auth-form label{display:block;margin-bottom:10px;text-align:left}.auth-form input{width:100%;padding:10px;margin-bottom:12px;border:3px solid #a3e635;border-radius:8px}.error-message{color:red;font-size:.9em;margin-top:.25em}