:root{font-family:Inter,system-ui,sans-serif;color-scheme:light;color:#1f2937;background:#f8fafc}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e5e7eb;gap:1.5rem}.logo{font-weight:700}.nav{display:flex;gap:1rem}.nav a{text-decoration:none;color:#374151;font-weight:500}.nav a.active{color:#2563eb}.auth{display:flex;gap:.75rem;align-items:center}.app-main{padding:2rem}.card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 30px #0f172a14;max-width:960px}.error{color:#b91c1c;font-weight:600}.code-block{background:#0f172a;color:#e2e8f0;padding:1rem;border-radius:12px;overflow:auto}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.primary-button,.secondary-button{border:none;border-radius:999px;padding:.6rem 1.4rem;font-weight:600;cursor:pointer}.primary-button{background:#2563eb;color:#fff}.secondary-button{background:#e2e8f0;color:#1e293b}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:.75rem;border-bottom:1px solid #e5e7eb}.data-table th{font-size:.85rem;text-transform:uppercase;color:#6b7280;letter-spacing:.04em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:10}.modal{background:#fff;padding:2rem;border-radius:16px;width:min(720px,100%);box-shadow:0 20px 40px #0f172a40}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.form-field{display:flex;flex-direction:column;gap:.4rem;font-weight:600;color:#1f2937}.form-field input{padding:.6rem .75rem;border-radius:8px;border:1px solid #cbd5f5;font-size:.95rem}