:root{--primary: #1E3A8A;--primary-light: #3B52E4;--primary-100: #E8EBFB;--primary-50: #F3F5FD;--accent: #0EA5A6;--accent-light: #14CFC9;--bg: #F5F7FB;--surface: #FFFFFF;--text: #17203A;--text-muted: #5B6684;--text-soft: #8891AB;--border: #E4E8F3;--success: #10B981;--success-bg: #DFF7EE;--success-ink: #0C8F5C;--danger: #E4483A;--danger-bg: #FBE4E1;--danger-ink: #B4291D;--warning: #F59E0B;--warning-bg: #FEF3DA;--warning-ink: #92650C;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(23, 32, 58, .06);--shadow-md: 0 4px 14px rgba(30, 58, 138, .08), 0 1px 3px rgba(23, 32, 58, .05);--shadow-lg: 0 20px 40px rgba(30, 58, 138, .12), 0 4px 12px rgba(23, 32, 58, .06);--font: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--grad-hero: linear-gradient(180deg, #0F2064 0%, #1E3A8A 55%, #2946B0 100%);--grad-mark: linear-gradient(135deg, var(--primary-light), var(--primary));--grad-video: radial-gradient(circle at 30% 20%, rgba(59, 82, 228, .35), transparent 45%), radial-gradient(circle at 80% 80%, rgba(14, 165, 166, .28), transparent 45%), #0B1230;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--gutter: clamp(16px, 4vw, 24px);--fs-display: clamp(28px, 5.5vw, 46px);--fs-h1: clamp(22px, 5vw, 30px);--fs-h2: clamp(18px, 3.5vw, 22px);--fs-title: clamp(20px, 4.5vw, 26px);--fs-body: clamp(14px, 2vw, 16px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:clip}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}ul{list-style:none}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:9px;font-weight:700;font-size:14px;transition:all .15s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff;box-shadow:0 6px 16px #1e3a8a47}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #1e3a8a57}.btn-outline{background:#fff;color:var(--primary);border:1.5px solid var(--primary-100)}.btn-outline:hover{border-color:var(--primary)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 6px 16px #0ea5a647}.btn-sm{padding:8px 14px;font-size:13px;border-radius:7px}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-danger-outline{background:#fff;color:var(--danger);border:1.5px solid #F4C6C0}.btn-success-outline{background:#fff;color:var(--success-ink);border:1.5px solid #BCEBD5}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px}.badge-primary{background:var(--primary-100);color:var(--primary)}.badge-success{background:var(--success-bg);color:var(--success-ink)}.badge-accent{background:#0ea5a61f;color:#0c7e7f}.badge-warning{background:var(--warning-bg);color:var(--warning-ink)}.badge-danger{background:var(--danger-bg);color:var(--danger-ink)}.form-label{display:block;font-weight:600;font-size:13px;margin:14px 0 6px;color:var(--text)}.form-input{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 14px;background:#fcfcfe;font-size:14px}.form-input:focus{outline:2px solid var(--primary-100);border-color:var(--primary-light)}.form-error{color:var(--danger-ink);font-size:12.5px;margin-top:4px}.password-field{position:relative}.password-field .form-input{padding-right:44px}.password-field .eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:8px;font-size:16px;display:flex;align-items:center;justify-content:center}.password-field .eye:hover{background:var(--primary-50)}.wrap{max-width:1180px;margin:0 auto;padding:0 var(--gutter)}@media(pointer:coarse){.btn-sm,.form-input{min-height:44px}.password-field .eye{width:44px;height:44px}}@media(max-width:720px){.table-card{padding:0;background:transparent;border:none;box-shadow:none;overflow-x:visible}.table-card table,.table-card tbody,.table-card tr,.table-card td{display:block;width:100%}.table-card thead{display:none}.table-card tr{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:6px 16px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.table-card td{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--border);text-align:right}.table-card tr td:last-child{border-bottom:0}.table-card td:before{content:attr(data-label);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);font-weight:700;text-align:left;flex-shrink:0}.table-card td.actions{justify-content:stretch;padding-top:12px}.table-card td.actions:before{display:none}.table-card td.actions .btn{width:100%}.table-card td[colspan]{justify-content:center;text-align:center}.table-card td[colspan]:before{display:none}}.section-eyebrow{font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--primary);margin-bottom:10px;display:block}.section-title{font-size:30px;font-weight:800;letter-spacing:-.5px;color:var(--text)}.section-sub{color:var(--text-muted);font-size:16px}.stars{color:#f5a524;letter-spacing:1px;font-size:14px}.stars .off{color:var(--border)}.emergency-card{display:flex;align-items:center;gap:14px;background:#fff4e5;border:1px solid #F5C77E;border-left:4px solid #E8912D;border-radius:12px;padding:16px 20px;text-align:left}.emergency-card .emergency-ic{font-size:22px;line-height:1;flex-shrink:0}.emergency-card p{margin:0;font-size:14px;line-height:1.5;color:#7a4e13}.emergency-card b{color:#7a4e13}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:#fff;flex-shrink:0;background:var(--grad-mark)}img.avatar-photo,.avatar-photo{object-fit:cover}.avatar .avatar-photo-fill{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}