:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--bg-primary: #ffffff;--bg-secondary: #f7f7f7;--bg-tertiary: #e6e6e6;--bg-accent: #fbfbff;--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--text-inverse: #ffffff;--accent-primary: #660f7c;--accent-secondary: #0b5e85;--success: #008000;--border: #e6e6e6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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}@media (prefers-color-scheme: dark){:root{--bg-primary: #242424;--bg-secondary: #1a1a1a;--bg-tertiary: #333333;--bg-accent: #2d2d2d;--text-primary: #ffffff;--text-secondary: #e6e6e6;--text-muted: #cccccc;--text-inverse: #000000;--accent-primary: #9f4fb8;--accent-secondary: #4a9bd1;--success: #4caf50;--border: #444444}}@media (prefers-color-scheme: light){a:hover{color:#747bff}button{background-color:#f9f9f9}}.theme-switcher{background:none;border:none;cursor:pointer;padding:0;margin-right:1.2rem;outline:none;display:flex;align-items:center;height:2.2rem}.theme-switcher .slider{position:relative;width:48px;height:24px;background:var(--bg-tertiary, #e6e6e6);border-radius:12px;display:flex;align-items:center;transition:background .2s}.theme-switcher .slider .icon{position:absolute;top:50%;transform:translateY(-50%);font-size:1.1rem;color:var(--text-muted, #666);pointer-events:none;z-index:2}.theme-switcher .slider .sun{left:6px}.theme-switcher .slider .moon{right:6px}.theme-switcher .slider .thumb{position:absolute;top:2px;width:20px;height:20px;border-radius:50%;background:var(--accent-secondary, #0b5e85);transition:left .2s,background .2s;left:2px;z-index:3}.theme-switcher .slider .thumb.dark{left:26px;background:var(--accent-primary, #660f7c)}:root{--bg-primary: #ffffff;--bg-secondary: #f7f7f7;--bg-tertiary: #e6e6e6;--bg-accent: #fbfbff;--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--text-inverse: #000000;--accent-primary: #660f7c;--accent-secondary: #0b5e85;--success: #008000;--border: #e6e6e6}:root[data-theme=dark]{--bg-primary: #242424;--bg-secondary: #1a1a1a;--bg-tertiary: #333333;--bg-accent: #2d2d2d;--text-primary: #ffffff;--text-secondary: #e6e6e6;--text-muted: #cccccc;--text-inverse: #ffffff;--accent-primary: #9f4fb8;--accent-secondary: #4a9bd1;--success: #4caf50;--border: #444444}aside{width:15rem;min-width:4rem;max-width:18rem;height:100vh;z-index:10;display:flex;flex-direction:column;transition:width .3s;position:relative;background:var(--bg-primary);color:var(--text-primary);z-index:2;overflow:hidden;flex-shrink:0;box-shadow:2px 0 8px #0000000a}aside .logout-bar{margin-top:auto;padding:1rem;border-top:1px solid var(--border)}aside.collapsed{width:4rem!important;min-width:4rem!important;max-width:4rem!important}aside.collapsed ul{margin-top:3rem}aside.collapsed ul li{padding-left:.75rem;padding-right:0}aside.collapsed .label,aside.collapsed .app-name,aside.collapsed .logout-bar .label{display:none!important}aside ul{padding:.5rem;list-style:none;margin-top:0}aside ul li{margin:.5rem 0;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;white-space:nowrap;cursor:pointer;transition:background .2s;overflow:hidden}aside ul li.active{border-radius:.5rem;color:var(--text-inverse);background-color:var(--accent-secondary)}aside ul li i,aside ul li img{font-size:1.5rem;width:1.5rem;height:1.5rem;min-width:1.5rem;text-align:center}aside ul li img{object-fit:contain;filter:var(--icon-filter, none)}aside .app-name{font-size:1.5rem;font-weight:700;padding:1rem;color:var(--accent-secondary);transition:opacity .2s;white-space:nowrap}aside .toggle-btn{position:absolute;top:1rem;right:.5rem;width:2.4rem;height:2.4rem;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0001;cursor:pointer;transition:right .3s;z-index:20}aside.collapsed .toggle-btn{right:.5rem}@media (max-width: 900px){aside{width:4rem!important}aside:not(.collapsed){width:10rem!important}aside.collapsed{width:4rem!important}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}#root{width:100vw}.body-content{display:flex;background-color:var(--bg-secondary);height:100vh}.main-content{flex-grow:1;display:flex;flex-direction:column;min-width:0;flex:1 1 0%}header{padding:1rem;display:flex;justify-content:flex-end;color:var(--text-primary)}.avatar{font-size:.7rem;text-align:center;display:inline-block;width:1.2rem;height:1.2rem;line-height:1.2rem;border-radius:50%;background-color:var(--accent-secondary);color:var(--text-inverse)}main{background-color:var(--bg-tertiary);border-top-left-radius:2rem;padding:2rem;flex-grow:1}h2{margin-bottom:2rem;color:var(--text-primary)}.grid-stack-item-content{cursor:grab;display:flex;flex-direction:column;justify-content:center;background-color:var(--bg-primary);color:var(--text-primary);border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.revenue{color:var(--text-inverse);background-color:#1023cc}.customer-overview{color:var(--accent-primary)}.growth{background-color:#e3eeea;color:var(--success)}.description{text-align:center;margin:1rem 0 .3rem}.metric-value{font-size:2.2rem;text-align:center}.metric-value.profit i{color:var(--success)}.transactions-overview{color:var(--accent-primary)}table{margin:1rem 0;width:100%;border-collapse:collapse}table th,table td{padding:.4rem 0;border-bottom:1px solid var(--border)}table tr:nth-child(2n){background-color:var(--bg-accent)}table thead th{font-weight:400;text-align:left}.top-customers ul{list-style:none}.top-customers ul li{text-align:center;margin:.2rem 0}.top-customers ul li i{color:#daa520}