:root{--primary: #2563eb;--purple: #cb3eeb;--primary-hover: #1d4ed8;--blue: #2563eb;--secondary: #10b981;--bg-main: #f8fafc;--bg-card: #ffffff;--bg-blue: #03297b9a;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--sidebar-width: 260px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5}.container{display:flex;min-height:100vh}.sidebar h1{font-size:1.5rem;font-weight:700;margin-bottom:2rem;padding-left:.5rem;color:var(--secondary)}.nav-link{display:flex;align-items:center;padding:.75rem 1rem;color:#cbd5e1;text-decoration:none;border-radius:.5rem;margin-bottom:.5rem;transition:all .2s}.nav-link:hover,.nav-link.active{background:#ffffff1a;color:#fff}.main-content{flex:1;padding:1rem;overflow-y:auto}header{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}h2{font-size:1.875rem;font-weight:700}.card{background:var(--bg-card);border-radius:1rem;padding:1rem;box-shadow:var(--shadow);border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.bg-blue{background-color:var(--bg-blue)}table{width:100%;border-collapse:collapse;margin-top:1rem}th{text-align:left;padding:1rem;font-weight:600}td{padding:1rem;border-bottom:1px solid var(--text-muted)}tr:hover{background-color:var(--text-muted)}.glass{background:#10162299;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.desktop-bg{background-image:linear-gradient(135deg,#77be9c,#092c2c)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.border-purple,.hover-purple-border:hover{border-color:var(--purple)}.hover-blue-border:hover{border-color:var(--blue)}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff6}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}