:root{--brand: #5b6cff;--brand-600: #4a58d6;--brand-100: #eef0ff;--accent: #a855f7;--success: #16a34a;--danger: #dc2626;--warning: #f59e0b;--text: #0f172a;--text-soft: #475569;--muted: #94a3b8;--bg: #f6f7fb;--surface: #ffffff;--surface-2: #f8fafc;--border: #e5e7eb;--ring: rgba(91,108,255,.35);--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 6px 16px rgba(15,23,42,.08);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:transparent}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(1200px 800px at 10% -10%,#eef0ff 0%,transparent 40%),url(/assets/montserrat-fons-HfbEGf0U.jpg) no-repeat top center / cover}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:#ffffffb3}.container{width:min(1100px,calc(100% - 32px));margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:16px}.sectionHeader{display:flex;justify-content:space-between;align-items:center;margin:12px 0 8px}.input,.select{width:100%;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-md);padding:8px 10px;font-size:var(--fs-md);color:var(--text);outline:none}.input:focus,.select:focus{box-shadow:0 0 0 3px var(--ring);border-color:var(--brand)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:var(--fs-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft)}.badge.success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.tableWrap{overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-md)}.table thead th{text-align:left;padding:12px;background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text-soft);font-weight:600}.table tbody td{padding:12px;border-bottom:1px solid var(--border)}.table tbody tr:hover{background:#fbfbfe}.table .num{text-align:right}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.gap12{gap:12px}.row{display:flex;align-items:center}.rowWrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.lc_wrap{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:10px 12px;background:#fff}.lc_left{min-width:140px}.lc_search{width:100%;border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:6px 10px;font-size:14px}.lc_middle{display:flex;align-items:center;gap:8px}.lc_label{font-size:12px;color:#6b7280}.lc_select{border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:6px 8px;font-size:14px;background:#fff}.lc_dirBtn{border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:6px 8px;background:#fff;cursor:pointer;line-height:1;font-size:14px}.lc_right{display:flex;align-items:center;justify-content:flex-end;gap:8px}@media (max-width: 720px){.lc_wrap{grid-template-columns:1fr;gap:8px}.lc_middle,.lc_right{justify-content:space-between}}.verifyChip{position:fixed;left:50%;transform:translate(-50%);bottom:max(12px,env(safe-area-inset-bottom));z-index:3000}.verifyChipInner{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:9999px;background:color-mix(in srgb,var(--surface, #fff) 90%,transparent);border:1px solid color-mix(in srgb,var(--border, #e5e7eb) 85%,transparent);box-shadow:var(--shadow-sm);font-size:var(--fs-sm);color:var(--text);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@supports not (color: color-mix(in srgb,white 50%,black)){.verifyChipInner{background:#ffffffeb;border:1px solid rgba(0,0,0,.08)}}.verifyChip .label{font-weight:700;letter-spacing:.1px}.verifyChip .link{color:var(--brand);font-weight:600;text-decoration:none;border-bottom:1px dashed color-mix(in srgb,var(--brand) 60%,transparent)}.verifyChip .link:hover{opacity:.9}.verifyChip .closeBtn{border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft);border-radius:9999px;font-size:12px;line-height:1;padding:4px 8px;cursor:pointer;transition:transform .02s ease,filter .15s ease,box-shadow .15s ease}.verifyChip .closeBtn:hover{box-shadow:var(--shadow-sm);filter:brightness(.98)}.verifyChip .closeBtn:active{transform:translateY(1px)}@media (prefers-reduced-motion: no-preference){.verifyChipInner{animation:chipFadeUp .22s ease-out both}}@keyframes chipFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.topbar{background:#0a2342;color:#fff;box-shadow:0 2px 6px #00000040;position:sticky;top:0;z-index:100}.topbar-container{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:16px}.topbar-nav{display:flex;gap:16px;align-items:center}.nav-link{color:#fff;text-decoration:none;padding:8px 14px;border-radius:8px;font-weight:500;transition:background .25s ease,transform .15s ease}.nav-link:hover{background:#ffffff26;transform:translateY(-2px)}.nav-link.active{background:#ffffff4d}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-user{font-size:.9rem;font-weight:500;color:#fff;min-width:0}.topbar-logout{padding:6px 12px}@media (max-width: 600px){.topbar-container{flex-wrap:wrap;justify-content:center;gap:12px}.topbar-nav{flex-wrap:wrap;justify-content:center}.topbar-right{width:100%;justify-content:center;border-top:1px solid rgba(255,255,255,.2);padding-top:6px}}.btn{--btn-bg: var(--surface);--btn-fg: var(--text);--btn-border: var(--border);--btn-shadow-hover: var(--shadow-sm);--btn-filter-hover: none;--btn-filter-active: brightness(.96);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-border);border-radius:var(--r-md);padding:8px 12px;font-size:var(--fs-md);cursor:pointer;transition:transform .02s ease,box-shadow .15s ease,border-color .15s ease,filter .15s ease,background .15s ease,color .15s ease}.btn:hover{box-shadow:var(--btn-shadow-hover);filter:var(--btn-filter-hover)}.btn:active{transform:translateY(1px);filter:var(--btn-filter-active)}.btnPill{border-radius:9999px}.btnSm{padding:6px 10px;font-size:.92rem;line-height:1.1}.btnPrimary{--btn-bg: var(--brand, #5b6cff);--btn-fg: #fff;--btn-border: var(--brand-600, #4a5ce6);--btn-shadow-hover: var(--shadow-md);--btn-filter-hover: brightness(.98);--btn-filter-active: brightness(.92)}.btnSecondary{padding:6px 12px;border-radius:10px;border:1px solid #d1d5db;background:#fff;cursor:pointer}.btnDanger{--btn-bg: #fff5f5;--btn-fg: var(--danger);--btn-border: #fecaca}.btnSuccess{--btn-bg: var(--success, #16a34a);--btn-fg: #fff;--btn-border: #15803d;--btn-filter-hover: brightness(.97);--btn-filter-active: brightness(.92)}.btnSoftSuccess{--btn-bg: rgba(22,163,74,.14);--btn-fg: var(--success, #16a34a);--btn-border: rgba(22,163,74,.35)}