:root{--bg: #0b1220;--bg-soft: #0e1424;--panel: #101831;--panel-ghost: rgba(255,255,255,.04);--text: #e5e7eb;--text-muted: #9aa4b2;--text-dim: #7c8898;--primary: #6366f1;--primary-600: #5458ea;--primary-700: #454bdc;--accent: #22d3ee;--success: #34d399;--warning: #f59e0b;--danger: #ef4444;--border: rgba(255,255,255,.08);--ring: rgba(99,102,241,.35);--radius: 14px;--shadow: 0 12px 30px rgba(0,0,0,.35);--shadow-soft: 0 8px 24px rgba(0,0,0,.25);--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace}:root[data-theme=light]{--bg: #f7f8fb;--bg-soft: #ffffff;--panel: #ffffff;--panel-ghost: rgba(10,20,40,.04);--text: #0f172a;--text-muted: #485366;--text-dim: #6b7280;--border: rgba(15, 23, 42, .08);--shadow: 0 10px 26px rgba(15, 23, 42, .08);--shadow-soft: 0 8px 20px rgba(15, 23, 42, .06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:radial-gradient(1200px 600px at 10% -10%,rgba(99,102,241,.12),transparent),radial-gradient(1200px 700px at 110% 10%,rgba(34,211,238,.12),transparent),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;padding:24px;margin:0 auto}.topbar{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#101830b3,#10183059);-webkit-backdrop-filter:saturate(120%) blur(10px);backdrop-filter:saturate(120%) blur(10px);box-shadow:var(--shadow-soft)}.topbar .brand{font-size:1.4rem;font-weight:700;color:var(--primary)}.topbar .brand span{color:var(--accent)}.nav-links{display:flex;gap:14px;list-style:none;margin:0;padding:0}.nav-links a{color:var(--primary);font-weight:600;text-decoration:none;padding:6px 12px;border:1px solid var(--primary);border-radius:var(--radius);transition:all .2s ease}.nav-links a:hover{background:var(--primary);color:#fff}.nav-links a.active{background:var(--primary);color:#fff;border-color:var(--primary-600)}.card{background:linear-gradient(180deg,var(--panel),var(--bg-soft));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:18px}.btn{--btn-bg: var(--bg-soft);--btn-fg: var(--text);--btn-bd: var(--border);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;transition:transform .02s ease,filter .15s ease}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn--primary{--btn-bg: linear-gradient(180deg, var(--primary), var(--primary-600));--btn-fg: white;--btn-bd: transparent;box-shadow:0 10px 30px #6366f159}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat{padding:16px;display:grid;gap:8px;background:linear-gradient(180deg,var(--bg-soft),var(--panel));border-radius:var(--radius)}.value-box{display:inline-block;padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:var(--panel-ghost);font-weight:600;font-size:.9rem;color:var(--text);font-family:var(--mono);letter-spacing:.2px;transition:border-color .2s ease,background .2s ease}.value-box:hover{border-color:var(--primary);background:#6366f114}.value-success{border-color:var(--success);color:var(--success);background:#34d3991a}.value-warning{border-color:var(--warning);color:var(--warning);background:#f59e0b1a}.value-danger{border-color:var(--danger);color:var(--danger);background:#ef44441a}@media (max-width: 1000px){.grid{grid-template-columns:1fr}}@media (max-width: 640px){.container{padding:16px}.nav-links{flex-wrap:wrap;gap:8px}}.page-matching{background:radial-gradient(circle,rgba(99,102,241,.1),transparent),var(--bg)}.page-statistics{background:radial-gradient(circle,rgba(34,211,238,.1),transparent),var(--bg)}.page-login{background:radial-gradient(circle,rgba(239,68,68,.1),transparent),var(--bg)}.page-contact{background:radial-gradient(circle,rgba(52,211,153,.1),transparent),var(--bg)}