:root{--brand-navy:#233b7f;--brand-navy-2:#1a2a63;--brand-gold:#bea170;--offwhite:#f7f5ef;--ink:#1b1e28;--muted:#6b7280;--radius:16px;--radius-sm:12px;--shadow:0 10px 25px rgba(0,0,0,.08);--shadow-soft:0 1px 2px rgba(16,24,40,.06);--border:1px solid rgba(0,0,0,.08);--fs-base:16px;--fs-sm:14px;--fs-xs:13px;--tap:44px;--container:1300px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--offwhite);color:var(--ink);font:var(--fs-base)/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;text-rendering:optimizeLegibility}img,video{max-width:100%;height:auto;display:block}a{color:inherit}.muted{color:var(--muted)}.container{max-width:var(--container);margin:0 auto;padding:24px}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:var(--border);padding:24px}.section-title{margin:0 0 12px;font-size:22px;line-height:1.2}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:linear-gradient(90deg,var(--brand-navy),var(--brand-navy-2));color:#fff;position:sticky;top:0;z-index:10}.brand-chip{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border-radius:999px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.2px;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px #0000000a;backdrop-filter:saturate(140%) blur(6px);-webkit-backdrop-filter:saturate(140%) blur(6px)}.brand-logo{width:32px;height:32px;border-radius:50%;background:#fff;padding:2px;object-fit:contain;box-shadow:0 2px 6px #0000002e}.brand-title{white-space:nowrap}.topbar-group{margin-left:auto;display:flex;align-items:center;gap:8px;padding:6px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px #0000000a;backdrop-filter:saturate(140%) blur(6px);-webkit-backdrop-filter:saturate(140%) blur(6px)}.tb-pill{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:999px;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.2px;border:1px solid transparent;transition:all .15s ease;white-space:nowrap}.tb-pill:hover{background:#ffffff29;border-color:#ffffff59;transform:translateY(-1px)}.tb-pill.is-active{background:#fff;color:var(--brand-navy);border-color:#fff;box-shadow:0 6px 16px #0000001f}.tb-pill.tb-danger{background:#c5303024;border-color:#c5303059}.tb-pill.tb-danger:hover{background:#c5303038;border-color:#c530307a}.tb-pill{background:transparent}button.tb-pill{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid transparent;background:transparent;color:inherit;font:inherit;line-height:1;cursor:pointer;padding:0 14px;height:36px}.input,.select{width:100%;min-height:var(--tap);padding:12px 14px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;outline:none;font-size:16px}.input:focus,.select:focus{border-color:var(--brand-navy);box-shadow:0 0 0 4px #233b7f26}textarea.input{resize:vertical;min-height:96px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23233b7f' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}input[type=date]::-webkit-clear-button,input[type=date]::-webkit-inner-spin-button{display:none}input[type=date]{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;min-height:var(--tap);padding:12px 18px;background:var(--brand-navy);color:#fff;font-weight:700;cursor:pointer;transition:transform .04s ease,box-shadow .2s ease,opacity .2s ease,background .2s ease;box-shadow:0 6px 16px #233b7f40;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.secondary{background:var(--brand-gold);color:#1a1a1a}.btn.ghost{background:#fff;border:2px solid var(--brand-navy);color:var(--brand-navy);box-shadow:none}.btn.ghost:hover{background:#f3f5ff}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.btn.danger{background:#fff;border:2px solid #e5e7eb;color:var(--brand-navy);box-shadow:none}.btn.danger:hover{background:#fafafa;border-color:#d1d5db}.badge{margin-top:10px;padding:10px 12px;border-radius:12px;font-weight:600}.badge.gold{background:#fff6db;color:#7a5a12}.kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}.kpi .item{background:#fff;border-radius:16px;padding:16px;box-shadow:var(--shadow);border:var(--border)}.kpi .label{color:var(--muted);font-size:15px;font-weight:700}.kpi .value{font-size:15px;font-weight:800;margin-top:6px;word-break:break-word}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.field label{display:block;margin:0 0 6px;font-size:var(--fs-sm);color:var(--muted);font-weight:700}.subcard{border:1px solid #eaecf0;background:#fff;border-radius:16px;padding:16px;box-shadow:var(--shadow-soft)}.avatar-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.avatar{width:72px;height:72px;border-radius:999px;overflow:hidden;background:#f2f4fa;border:1px solid #e5e7eb;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-empty{width:100%;height:100%;display:grid;place-items:center;color:#9aa4b2;font-weight:700;font-size:12px}.file-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.file-row input[type=file]{max-width:100%}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;min-width:980px;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.table th,.table td{padding:12px 14px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}.table th{background:#fafafa;color:#374151;font-weight:800}@media (max-width: 1200px){.container{padding:20px}.kpi{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.container{padding:16px}.brand-title{display:none}.brand-chip{padding:6px}.topbar-group{overflow:auto;max-width:70vw}.topbar-group::-webkit-scrollbar{display:none}.kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:18px}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){body{font-size:15px}.container{padding:12px}.header{padding:12px 14px;gap:10px}.kpi,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.btn{padding:12px 16px}.btn-row .btn{flex:1 1 calc(50% - 10px)}.avatar{width:64px;height:64px}.tb-pill{height:36px;padding:0 12px}}@media (max-width: 420px){.btn-row .btn{flex:1 1 100%}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.btn:hover,.tb-pill:hover{transform:none}}.footer{padding:24px;color:var(--muted);text-align:center;width:100%}footer,body>footer{text-align:center;width:100%}.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-head h1{margin:0;font-size:28px;line-height:1.1}.admin-sub{margin-top:6px;color:var(--muted)}.admin-toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.btn.light{background:#fff;color:var(--brand-navy);border:2px solid rgba(255,255,255,.65);box-shadow:none}.btn.light:hover{background:#ffffffeb;transform:translateY(-1px)}.btn.destructive{background:#b42318;color:#fff;border:none;box-shadow:0 6px 16px #b4231838}.btn.destructive:hover{transform:translateY(-1px)}.btn.destructive:active{transform:translateY(0)}.filters-card{padding:14px}.filters-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.filters-title strong{font-size:16px}.filters-grid .field label{margin-bottom:6px}.inline-2{display:flex;gap:8px}.inline-2>*{flex:1 1 0}.date-range{display:flex;gap:8px}.date-range>*{flex:1 1 0}.admin-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}.admin-actions .search{flex:1 1 420px;min-width:260px}.admin-actions .select{width:auto;min-width:130px}.admin-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#f8fafc;border:1px solid rgba(0,0,0,.06);color:#0f172a;font-weight:700}.pill small{color:var(--muted);font-weight:700}.table tbody tr:hover{background:#fafafa}.table tbody tr:nth-child(2n){background:#fcfcfd}@media (max-width: 640px){.admin-head{align-items:flex-start;flex-direction:column}.admin-toolbar{justify-content:flex-start}.admin-actions .search{flex:1 1 100%;min-width:100%}.admin-actions .select{width:100%;min-width:0}}.register-page{max-width:980px;margin:0 auto;padding:12px;box-sizing:border-box;overflow-x:hidden}.register-card{margin:12px 0;border:1px solid rgba(35,59,127,.12);padding:14px;box-sizing:border-box}.filepick-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px;border:1px solid rgba(35,59,127,.12);border-radius:12px;background:#fff;box-sizing:border-box;flex-wrap:wrap;overflow:hidden}.filepick-left{display:flex;gap:12px;align-items:center;min-width:0;flex:1 1 320px}.filepick-thumb{width:44px;height:44px;object-fit:cover;border-radius:10px;border:1px solid rgba(0,0,0,.08);flex:0 0 auto}.filepick-thumb--placeholder{display:flex;align-items:center;justify-content:center;font-size:12px;color:#64748b;background:#94a3b81f}.filepick-meta{min-width:0;flex:1 1 auto}.filepick-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filepick-actions{display:flex;gap:8px;flex:0 0 auto;flex-wrap:wrap}.filepick-btn{white-space:nowrap}@media (max-width: 520px){.filepick-actions{width:100%}.filepick-actions .filepick-btn{width:100%;justify-content:center}}