@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary:#3b82f6;--color-secondary:#60a5fa;--color-accent:#ef4444;--bg-base:#09090b;--bg-surface:#18181b;--bg-surface-hover:#27272a;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-subtle:#27272a;--border-focus:#3b82f6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:Inter,sans-serif}.glass-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px}.glass-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:24px;box-shadow:inset 0 1px #ffffff0d,0 4px 6px -1px #0003}.mesh-bg-blue{background:radial-gradient(at 0% 0%, #3b82f61f 0px, transparent 60%), radial-gradient(at 100% 100%, #a855f70d 0px, transparent 50%), var(--bg-surface)}.mesh-bg-purple{background:radial-gradient(at 0% 0%, #a855f71f 0px, transparent 60%), radial-gradient(at 100% 100%, #3b82f60d 0px, transparent 50%), var(--bg-surface)}.mesh-bg-green{background:radial-gradient(at 0% 0%, #10b9811f 0px, transparent 60%), radial-gradient(at 100% 100%, #3b82f60d 0px, transparent 50%), var(--bg-surface)}.mesh-bg-red{background:radial-gradient(at 0% 0%, #ef44441f 0px, transparent 60%), radial-gradient(at 100% 100%, #f59e0b0d 0px, transparent 50%), var(--bg-surface)}.mesh-bg-dark{background:radial-gradient(at 50% 0%, #ffffff0d 0px, transparent 60%), var(--bg-surface)}.data-table-row{border-bottom:1px solid var(--border-subtle);transition:background-color .2s}.data-table-row:last-child{border-bottom:none}.glass-input{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);background:#000;border-radius:6px;padding:10px 14px;font-size:.9rem;transition:all .2s}.glass-input:focus{border-color:var(--border-focus);outline:none}.btn-primary{background:var(--color-primary);color:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:background .2s;display:inline-flex}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);background:0 0;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background:var(--bg-surface-hover)}.progress-container{background:var(--border-subtle);border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.progress-fill{background:var(--color-primary);border-radius:3px;height:100%;transition:width .3s}.app-container{height:100vh;display:flex}.main-content{flex:1;padding:40px;overflow-y:auto}.sidebar{flex-direction:column;flex-shrink:0;width:280px;height:calc(100vh - 32px);margin:16px;padding:24px 0;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow-x:hidden}.sidebar.collapsed{width:84px}.sidebar.collapsed span,.sidebar.collapsed h2,.sidebar.collapsed .nav-chevron,.sidebar.collapsed .nav-group-children{display:none!important}.grid-responsive{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.tabs-responsive{gap:16px;display:flex}.grid-cols-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.app-container{flex-direction:column;height:auto;min-height:100vh}.sidebar{z-index:100;border-radius:0;height:100vh;margin:0;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-content{padding:20px;overflow-y:visible}.grid-responsive{grid-template-columns:1fr}.tabs-responsive{flex-direction:column}.grid-cols-2{grid-template-columns:1fr}.mobile-menu-btn{display:block!important}}h1{background:linear-gradient(to right, #fff, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:1.75rem;font-weight:700}h2{margin-bottom:16px;font-size:1.25rem;font-weight:600}p{color:var(--text-secondary);line-height:1.6}.sidebar-link{color:var(--text-secondary);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;transition:all .2s;display:flex;position:relative;overflow:hidden}.sidebar-link:hover{color:var(--text-primary);background:#ffffff0d}.sidebar-link.active{color:var(--color-primary);background:#00f2fe1a}.sidebar-link.active:before{content:"";background:var(--color-primary);width:4px;height:60%;box-shadow:var(--shadow-glow);border-radius:0 4px 4px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.desktop-search-wrapper{width:100%;max-width:260px;transition:max-width .3s cubic-bezier(.4,0,.2,1);position:relative}.desktop-search-wrapper:focus-within{max-width:400px}.desktop-search-input{width:100%;color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;outline:none;padding:10px 16px 10px 44px;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.desktop-search-input::placeholder{color:var(--text-muted)}.desktop-search-input:hover{background:#ffffff0d;border-color:#ffffff26}.desktop-search-input:focus{border-color:var(--color-primary);box-shadow:0 8px 24px #0006, 0 0 0 1px var(--color-primary);background:#0006}.custom-tooltip{cursor:pointer;display:inline-flex;position:relative}.custom-tooltip:after{content:attr(data-tooltip);background-color:var(--bg-elevated);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:100;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:8px;padding:8px 12px;font-size:.75rem;font-weight:500;transition:opacity .1s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 15px -3px #00000080}.custom-tooltip:hover:after,.custom-tooltip:active:after{opacity:1}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);padding:16px 24px;font-size:.75rem;font-weight:700}.data-table td{vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:16px 24px}.data-table-row{transition:background-color .2s}.data-table-row:hover{background-color:#ffffff05}