:root{--primary-color: #00C805;--primary-hover: #00b300;--secondary-color: #FF5000;--danger-color: #FF3B30;--danger-hover: #E02E24;--background-dark: #1E2124;--card-bg: #2A2D32;--text-color: #FFFFFF;--text-secondary: #A0A0A0;--border-color: #3A3D42;--handle-color: #4A4D52;--gap-size: 16px;--header-height: 100px}*{margin:0;padding:0;box-sizing:border-box;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:var(--background-dark);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;overflow:hidden}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header{background-color:var(--background-dark);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 20px;justify-content:space-between;height:var(--header-height);flex-shrink:0;z-index:10;position:sticky;top:0}.logo{color:var(--text-color);font-weight:400;font-size:50px;letter-spacing:-.5px}.main-content{flex:1;padding:var(--gap-size);background-color:var(--background-dark);height:calc(100vh - var(--header-height));overflow:auto}.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:var(--gap-size);height:100%;width:100%}.panel{background-color:var(--card-bg);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000001a}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid var(--border-color);font-size:20px;font-weight:600;background-color:#0000001a;flex:0 0 20%;color:var(--text-color)}.panel-content{flex:0 0 80%;overflow:auto;padding:15px;position:relative;display:flex;align-items:center;justify-content:center}.panel-value{font-size:3.5vw;font-weight:700;text-align:center;color:var(--text-color)}@media(max-width:1400px){.panel-value{font-size:3vw}}@media(max-width:1200px){.panel-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.panel-value{font-size:4vw}}@media(max-width:768px){.panel-grid{grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(150px,auto))}.panel-value{font-size:8vw}.panel-header{flex:0 0 30%}.panel-content{flex:0 0 70%}}::-webkit-scrollbar{display:none}*{scrollbar-width:none}*{-ms-overflow-style:none}.header-center{position:absolute;left:50%;transform:translate(-50%)}.header-right{flex-shrink:0}.view-selector{position:relative;display:inline-block}.header{display:flex;justify-content:space-between;align-items:center;height:var(--header-height);padding:0 20px;border-bottom:1px solid var(--border-color);background-color:var(--background-dark);position:sticky;top:0;z-index:10}.dropdown-button{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);border-radius:12px;padding:10px 20px;font-size:33px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;min-width:400px}.dropdown-button:hover{border-color:var(--text-secondary)}.dropdown-button i.fa-chevron-down{color:var(--text-secondary);font-size:20px}.dropdown-menu{display:none;position:absolute;background-color:var(--background-dark);min-width:160px;box-shadow:0 8px 16px #0003;z-index:100;border-radius:6px;border:1px solid var(--border-color);overflow:hidden;top:120%;left:0;width:100%}.dropdown-menu.show{display:block}.dropdown-menu a{color:var(--text-color);padding:10px 16px;text-decoration:none;display:block;transition:background-color .2s}.dropdown-menu a:hover{background-color:#ffffff0d}.dropdown-menu a.active{background-color:#a0a0a01a;color:var(--text-secondary)}.panel-grid.hidden{display:none}#premium-grid{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"regular-1 regular-2 regular-3" "regular-4 tbd-1 tbd-2"}#premium-grid .regular-panel-1{grid-area:regular-1}#premium-grid .regular-panel-2{grid-area:regular-2}#premium-grid .regular-panel-3{grid-area:regular-3}#premium-grid .regular-panel-4{grid-area:regular-4}#premium-grid .panel-tbd-1{grid-area:tbd-1}#premium-grid .panel-tbd-2{grid-area:tbd-2}@media(max-width:900px){.header{justify-content:space-between}.header-center{position:relative;left:auto;transform:none;flex:1;display:flex;justify-content:flex-end;margin-left:auto}.header-right{display:none}.dropdown-menu{right:0;left:auto;min-width:200px}}@media(max-width:600px){.header{flex-direction:column;align-items:flex-start;gap:8px}.header-center{width:100%;justify-content:flex-start}.dropdown-button{min-width:280px;font-size:28px}}