*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f0f4f8;color:#1a202c;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:background .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-success{background:#22c55e;color:#fff}.btn-success:hover{background:#16a34a}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}input,select,textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-top:4px}.card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px #00000014;margin-bottom:16px}.error-msg{color:#ef4444;font-size:13px;margin-top:6px}.success-msg{color:#22c55e;font-size:13px;margin-top:6px}nav{background:#1e293b;color:#fff;padding:12px 24px;display:flex;align-items:center;justify-content:space-between}nav .logo{font-size:20px;font-weight:700}.container{max-width:900px;margin:0 auto;padding:24px 16px}h1{font-size:22px;margin-bottom:16px}h2{font-size:18px;margin-bottom:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.grid-2{grid-template-columns:1fr}}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-green{background:#dcfce7;color:#166534}.badge-red{background:#fee2e2;color:#991b1b}.badge-blue{background:#dbeafe;color:#1d4ed8}