@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg-main:#0b0e14;--bg-panel:#ffffff08;--bg-panel-hover:#ffffff0f;--border-color:#ffffff14;--primary:#f59e0b;--primary-hover:#d97706;--danger:#ef4444;--success:#10b981;--text-main:#f3f4f6;--text-muted:#9ca3af;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--blur:blur(16px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);background-image:radial-gradient(circle at 15%,#f59e0b0a,#0000 25%),radial-gradient(circle at 85% 30%,#8b5cf608,#0000 25%);background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s}input,select{border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-md);background:#0003;padding:.75rem 1rem;font-family:inherit;transition:border-color .2s}input:focus{border-color:var(--primary);outline:none}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.btn-primary{background:var(--primary);color:#000;border-radius:var(--radius-md);padding:.75rem 1.5rem;font-weight:600;box-shadow:0 4px 12px #f59e0b33}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-danger{color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-md);background:#ef44441a;padding:.5rem 1rem;font-weight:500}.btn-danger:hover{background:var(--danger);color:#fff}.app-layout{height:100vh;display:flex;overflow:hidden}.main-content{flex:1;padding:2rem;overflow-y:auto}h1,h2,h3{font-weight:600}.text-muted{color:var(--text-muted)}
.sidebar{background:var(--bg-panel);width:260px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-right:1px solid var(--border-color);flex-direction:column;height:100vh;padding:1.5rem;display:flex}.sidebar-brand{align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.brand-icon{background:var(--primary);border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 15px #f59e0b66}.sidebar-brand h2{letter-spacing:.5px;font-size:1.25rem}.sidebar-nav{flex:1}.sidebar-nav ul{flex-direction:column;gap:.5rem;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--text-muted);background:0 0;align-items:center;gap:1rem;width:100%;padding:.875rem 1rem;font-weight:500;transition:all .2s;display:flex}.nav-link:hover{background:var(--bg-panel-hover);color:var(--text-main)}.nav-link.active{color:var(--primary);border-left:3px solid var(--primary);background:#f59e0b1a}