*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #102a0f;--color-bg-secondary: #3a3b1e;--color-surface: rgba(255, 255, 255, .04);--color-surface-hover: rgba(255,255,255,.07);--color-glass: rgba(255,255,255,.05);--color-glass-border: rgba(255,255,255,.1);--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-accent: #06a700;--color-accent-hover: #85f881;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--shadow: 0 8px 32px rgba(0,0,0,.3);--transition: .2s cubic-bezier(.4,0,.2,1);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}html{font-size:16px}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6}.container{max-width:1000px;margin:0 auto;padding:0 1rem}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}@media(max-width:768px){.auth-page{grid-template-columns:1fr}.auth-decor{display:none}}.auth-decor{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-decor:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ffffff14;top:-50px;left:-50px;animation:float 6s ease-in-out infinite}.auth-decor:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#ffffff0f;bottom:-30px;right:-30px;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.decor-content{text-align:center;color:#fff;position:relative;z-index:1;padding:2rem}.decor-content h2{font-size:1.8rem;font-weight:800;margin-bottom:.5rem}.decor-content p{font-size:.9rem;opacity:.85}.decor-shield{width:64px;height:64px;margin:0 auto 1.5rem;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center}.decor-shield svg{width:32px;height:32px;fill:#fff}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--color-bg)}.auth-card{width:100%;max-width:380px}.auth-card h1{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.auth-subtitle{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:1.5rem}.oauth-buttons{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.65rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;text-decoration:none;transition:all var(--transition);border:1px solid var(--color-glass-border);font-family:var(--font)}.oauth-github{background:#24292e;color:#fff}.oauth-github:hover{background:#2f363d}.oauth-google{background:#fff;color:#333;border-color:#ddd}.oauth-google:hover{background:#f5f5f5}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1rem 0;font-size:.75rem;color:var(--color-text-muted)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-glass-border)}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.8rem;color:var(--color-danger);margin-bottom:1rem}.auth-form label{display:block;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.25rem;margin-top:.75rem}.auth-form input{width:100%;background:var(--color-surface);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);padding:.65rem .85rem;color:var(--color-text);font-size:.85rem;font-family:var(--font);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.auth-form input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f126}.auth-form input::placeholder{color:var(--color-text-muted)}.auth-form button{width:100%;margin-top:1.25rem;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);padding:.7rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:background var(--transition),transform var(--transition);font-family:var(--font)}.auth-form button:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px)}.auth-form button:disabled{opacity:.6;cursor:not-allowed}.auth-switch{margin-top:1.25rem;font-size:.8rem;color:var(--color-text-muted);text-align:center}.auth-switch a{color:var(--color-accent-hover);text-decoration:none;font-weight:500}.auth-switch a:hover{text-decoration:underline}.dashboard-page{min-height:100vh;display:flex;flex-direction:column}.dash-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-glass-border);padding:1rem 1.5rem}.dash-header .container{display:flex;align-items:center;justify-content:space-between}.dash-header h1{font-size:1.2rem;font-weight:700;background:linear-gradient(90deg,var(--color-accent),#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dash-user{display:flex;align-items:center;gap:1rem}.dash-greeting{font-size:.8rem;color:var(--color-text-secondary)}.logout-btn{background:transparent;border:1px solid var(--color-glass-border);color:var(--color-text-secondary);padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:all var(--transition);font-family:var(--font)}.logout-btn:hover{border-color:var(--color-danger);color:var(--color-danger)}.dash-main{flex:1;padding:1.5rem 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;align-content:start}.dash-card{background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dash-card h2{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.04em}.dash-details{font-size:.85rem}.dash-details dt{color:var(--color-text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin-top:.75rem}.dash-details dd{margin-left:0;margin-top:.15rem}.mono{font-family:monospace;font-size:.75rem;color:var(--color-text-muted);word-break:break-all}.security-list{list-style:none}.security-list li{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;font-size:.8rem;border-bottom:1px solid var(--color-glass-border)}.security-list li:last-child{border-bottom:none}.indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.indicator.success{background:var(--color-success);box-shadow:0 0 4px var(--color-success)}.profile-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),#ec4899);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:1rem}.dash-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.dash-stat{background:var(--color-surface);border-radius:var(--radius-md);padding:.75rem;text-align:center}.dash-stat .stat-val{font-size:1.2rem;font-weight:700;color:var(--color-accent-hover)}.dash-stat .stat-label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase}.dash-footer{padding:1rem;text-align:center;font-size:.75rem;color:var(--color-text-muted);border-top:1px solid var(--color-glass-border)}