@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-sidebar:#131416;--bg-sidebar-hover:#1e1f21;--bg-main:#0b0b0c;--bg-card:#1d1e22;--bg-card-hover:#26282d;--text-primary:#fff;--text-secondary:#90949e;--border-color:#26282d;--accent-color:#383a41;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d}[data-theme=light]{--bg-sidebar:#f4f5f7;--bg-sidebar-hover:#eaecef;--bg-main:#fff;--bg-card:#fff;--bg-card-hover:#f8f9fa;--text-primary:#101114;--text-secondary:#5a5d67;--border-color:#e2e4e9;--accent-color:#e0e2e7;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;transition:background-color .3s,color .3s;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s,color .2s;display:flex}.btn-icon:hover{background-color:var(--bg-sidebar-hover);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.glass{background:rgba(var(--bg-card), .7);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color)}.app-container{width:100%;height:100vh;display:flex;overflow:hidden}.main-content{background-color:var(--bg-main);flex-direction:column;flex:1;display:flex;overflow:hidden}.content-scrollable{flex:1;padding:2rem;overflow-y:auto}.top-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex}@media (width<=768px){.content-scrollable{padding:1rem}.top-header{padding:0 1rem}}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:260px;height:100%;transition:transform .3s;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;height:64px;padding:0 1rem;font-size:1.1rem;font-weight:600;display:flex}.logo-icon{width:24px;height:24px;color:var(--text-primary)}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem 0;display:flex;overflow-y:auto}.nav-section-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;justify-content:space-between;align-items:center;padding:1rem 1rem .5rem;font-size:.75rem;font-weight:600;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:.5rem;justify-content:space-between;align-items:center;margin:0 .5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--bg-sidebar-hover);color:var(--text-primary)}.nav-item.active{background-color:var(--bg-sidebar-hover);color:var(--text-primary);font-weight:600}.nav-item-content{align-items:center;gap:.75rem;display:flex}.nav-icon{width:18px;height:18px}.badge{background-color:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:.1rem .4rem;font-size:.7rem}.sidebar-overlay{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;display:none;position:fixed;inset:0}.sub-nav{flex-direction:column;gap:.25rem;padding-left:1.5rem;display:flex;position:relative}.sub-nav:before{content:"";background-color:var(--border-color);width:1px;position:absolute;top:0;bottom:10px;left:21px}.sub-nav-item{color:var(--text-secondary);cursor:pointer;border-radius:.5rem;justify-content:space-between;align-items:center;margin:0 .5rem;padding:.4rem 1rem;font-size:.85rem;transition:background-color .2s,color .2s;display:flex;position:relative}.sub-nav-item:before{content:"";background-color:var(--border-color);width:8px;height:1px;position:absolute;top:50%;left:-8px}.sub-nav-item:hover{color:var(--text-primary);background-color:var(--bg-sidebar-hover)}.mini-icon{width:14px;height:14px;margin-right:.5rem}.sidebar-bottom{border-top:1px solid var(--border-color);padding:1rem}@media (width<=768px){.sidebar{position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}}