:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.mr-auto{margin:0 auto}.flex-row{display:flex;flex-direction:row}.dashboard-layout{display:flex;height:100vh;width:100vw;overflow:hidden;font-family:Open Sans,sans-serif}.sidebar{width:250px;background:#ffffff;padding:20px;border-right:1px solid #eee;flex-shrink:0;overflow-y:auto}.brand{font-size:1.4rem;line-height:84.3%;font-weight:bolder;margin-bottom:10px}.sidebar-label{font-size:1rem;font-weight:700;line-height:84.3%;letter-spacing:-4%;color:#444;margin-bottom:20px}.list_ul{list-style:none;padding:0}.list_li{display:flex;align-items:center;gap:10px;padding:10px;color:#767676;border-radius:8px;cursor:pointer;font-weight:500}.list_li:hover{background:#f0f0f0}.list_li.active{background:#f3e9ff;color:#7b4eff}.icon{display:inline-flex;align-items:center;margin-right:8px}.main-panel{flex:1 1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{background:#fff;padding:15px 30px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:relative;z-index:200}.topbar-left h2{margin:0;font-size:16px}.topbar-center h1{margin:0;font-size:18px;font-weight:700;text-align:center}.topbar-right{display:flex;justify-content:right;padding-left:1rem;padding-right:1rem}.profile-icon{font-size:24px}.main-content{flex:1 1;overflow-y:auto;overflow-x:hidden;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;width:100%;min-width:0}.footer-warning{text-align:right;font-size:13px;color:#222;padding:10px 20px;background:#f4f4f4;flex-shrink:0}.menu-toggle{display:none;background:none;border:none;cursor:pointer;color:#444;padding:4px;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:98;cursor:pointer}@media (max-width:900px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:99;transform:translateX(-100%);transition:transform .28s ease;box-shadow:none}.sidebar.sidebar-open{transform:translateX(0);box-shadow:4px 0 24px rgba(0,0,0,.18)}.sidebar-overlay.sidebar-open{display:block}.menu-toggle{display:flex}.topbar{padding:10px .75rem;gap:.5rem}.topbar-left{display:flex;align-items:center;gap:.5rem;min-width:0}.topbar-left p{display:none}.topbar-center h1{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.topbar-right{padding-left:.25rem;padding-right:.25rem}.main-content{gap:12px;padding:12px}}@media (max-width:480px){.topbar{padding:8px .5rem;gap:.25rem}.topbar-center h1{font-size:11px;max-width:110px}.main-content{gap:8px;padding:8px}.sidebar{width:230px}}@media (min-width:901px) and (max-width:1200px){.sidebar{width:210px}.topbar{padding:12px 1.25rem}.topbar-right{padding-left:.5rem;padding-right:.5rem}.main-content{gap:20px}}@media (min-width:1400px){.sidebar{width:270px}.topbar{padding:16px 2.5rem}}