:root{--font-family: "Inter", system-ui, -apple-system, sans-serif;--color-bg-dark: #0f172a;--color-bg-card: #1e293b;--color-bg-input: #334155;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-accent: #38bdf8;--color-accent-hover: #0ea5e9;--color-success: #22c55e;--color-danger: #ef4444;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-md: .5rem;--radius-lg: .75rem}body{margin:0;font-family:var(--font-family);background-color:var(--color-bg-dark);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;transition:all .2s;cursor:pointer;border:none;gap:.5rem}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-outline{background-color:transparent;border:1px solid var(--color-accent);color:var(--color-accent)}.btn-outline:hover{background-color:#38bdf81a}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.05)}.input-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.input-group label{color:var(--color-text-secondary);font-size:.875rem}.input-field{background-color:var(--color-bg-input);border:1px solid transparent;color:#fff;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:1rem;outline:none;transition:border-color .2s}.input-field:focus{border-color:var(--color-accent)}.page-container{padding:2rem;max-width:1200px;margin:0 auto;width:100%}.navbar{background-color:#0f172ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.nav-links{display:flex;gap:1.5rem}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--color-accent)}.title{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;color:var(--color-text-primary)}.sidebar{width:250px;background-color:var(--color-bg-card);border-right:1px solid rgba(255,255,255,.05);padding:2rem 1rem;display:flex;flex-direction:column;transition:transform .3s ease;z-index:50}.mobile-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:60;background-color:var(--color-accent);color:#fff;padding:.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}@media(max-width:768px){.sidebar{position:fixed;height:100vh;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-toggle{display:flex}.page-container{padding:4rem 1rem 1rem}main{padding:4rem 1rem 1rem!important}}