*{box-sizing:border-box;margin:0;padding:0}:root{--primary: #4f46e5;--primary-dark: #4338ca;--success: #10b981;--error: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-500: #6b7280;--gray-800: #1f2937;--gray-900: #111827}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-50);color:var(--gray-900);line-height:1.5}.app{min-height:100vh;display:flex;flex-direction:column}.nav{background:#fff;border-bottom:1px solid var(--gray-200);padding:0 1.5rem;height:64px;display:flex;align-items:center}.nav-brand a{font-size:1.25rem;font-weight:700;color:var(--primary);text-decoration:none}.main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.page h1{margin-bottom:1.5rem;color:var(--gray-800)}.card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.card h2{font-size:1rem;color:var(--gray-500);margin-bottom:.5rem}.success{color:var(--success)}.error{color:var(--error)}.btn{display:inline-block;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:500;text-decoration:none;cursor:pointer;border:none;background:var(--primary);color:#fff}.btn:hover{background:var(--primary-dark)}