:root{--primary-blue: #2563eb;--primary-blue-hover: #1d4ed8;--primary-gradient: linear-gradient(to bottom, #60a5fa, #2563eb);--bg-gradient: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);--white-glass: rgba(255, 255, 255, .8);--text-dark: #111827;--text-gray: #4b5563;--sidebar-width: 260px}body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-gradient);color:var(--text-dark);min-height:100vh}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;color:var(--text-dark)}button{cursor:pointer;font-family:inherit}.card{background:var(--white-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;padding:30px;box-shadow:0 20px 40px #0000000d;border:1px solid rgba(255,255,255,.6);transition:transform .2s}.btn-primary{background:var(--primary-gradient);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;box-shadow:0 4px 6px -1px #2563eb4d;transition:all .2s}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.input-field{padding:12px;border:1px solid #93c5fd;border-radius:12px;width:100%;margin-bottom:15px;background:#ffffffe6;outline:none;transition:all .2s;font-size:14px;color:var(--text-dark)}.input-field:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f64d}