:root,:root[data-theme=light]{--bg: #f5f1e9;--bg-soft: #fffaf4;--panel: #ffffff;--panel-ghost: rgba(15, 23, 42, .04);--text: #1f2937;--text-muted: #556070;--text-dim: #7a8696;--primary: #6d28d9;--primary-600: #7c3aed;--primary-700: #5b21b6;--accent: #a855f7;--success: #16a34a;--warning: #f59e0b;--danger: #dc2626;--border: rgba(15, 23, 42, .12);--ring: rgba(124, 58, 237, .24);--radius: 16px;--shadow: 0 20px 45px rgba(15, 23, 42, .12);--shadow-soft: 0 12px 26px rgba(15, 23, 42, .08);--font: "Space Grotesk", "IBM Plex Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-display: "Fraunces", "Iowan Old Style", "Times New Roman", serif;--mono: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace}:root[data-theme=dark]{--bg: #0f1417;--bg-soft: #121920;--panel: #121c26;--panel-ghost: rgba(255, 255, 255, .06);--text: #e5e7eb;--text-muted: #b0bac7;--text-dim: #8b95a5;--primary: #a78bfa;--primary-600: #8b5cf6;--primary-700: #7c3aed;--accent: #d8b4fe;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--border: rgba(255, 255, 255, .08);--ring: rgba(139, 92, 246, .3);--shadow: 0 22px 45px rgba(0, 0, 0, .35);--shadow-soft: 0 12px 26px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:radial-gradient(1200px 600px at -10% -10%,rgba(109,40,217,.18),transparent 60%),radial-gradient(900px 500px at 110% 0%,rgba(168,85,247,.16),transparent 60%),radial-gradient(700px 600px at 50% 120%,rgba(59,130,246,.12),transparent 70%),repeating-linear-gradient(135deg,rgba(15,23,42,.03) 0 1px,transparent 1px 8px),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(400px 300px at 20% 20%,rgba(255,255,255,.4),transparent 60%);mix-blend-mode:soft-light;opacity:.4}::selection{background:#7c3aed33;color:var(--text)}a{color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-700)}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-display);letter-spacing:.2px}h1{font-size:clamp(2rem,2vw + 1.4rem,3rem);margin:0 0 .6rem}h2{font-size:clamp(1.5rem,1.6vw + 1rem,2.2rem);margin:0 0 .5rem}h3{font-size:1.2rem;margin:0 0 .4rem}p{color:var(--text-muted);line-height:1.6}.page{min-height:100vh;display:flex;flex-direction:column;animation:pageIn .6s ease both}.container{width:100%;max-width:1200px;padding:28px;margin:0 auto}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.page,.card{animation:none}}.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,#fffc,#ffffff80);-webkit-backdrop-filter:saturate(120%) blur(12px);backdrop-filter:saturate(120%) blur(12px);box-shadow:var(--shadow-soft)}:root[data-theme=dark] .topbar{background:linear-gradient(180deg,#121c26e6,#121c268c)}.topbar .brand{font-size:1.4rem;font-weight:700;color:var(--primary);font-family:var(--font-display)}.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(--border);border-radius:calc(var(--radius) - 6px);background:#fff9;transition:all .2s ease}:root[data-theme=dark] .nav-links a{background:#121c26b3}.nav-links a:hover{background:var(--primary);color:#fff;border-color:transparent}.nav-links a.active{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 10px 24px #a855f740}.card{background:linear-gradient(180deg,var(--panel),var(--bg-soft));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:18px;animation:floatIn .6s ease both}.card:hover{transform:translateY(-2px);transition:transform .2s ease}.btn,button{--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 .05s ease,box-shadow .2s ease,filter .2s ease}.btn:hover,button:hover{filter:brightness(1.02)}.btn:active,button:active{transform:translateY(1px)}.btn:focus-visible,button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.btn--primary{--btn-bg: linear-gradient(180deg, var(--primary), var(--primary-600));--btn-fg: #fff;--btn-bd: transparent;box-shadow:0 12px 26px #7c3aed4d}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--text);--btn-bd: var(--border)}.btn--danger{--btn-bg: linear-gradient(180deg, var(--danger), #b91c1c);--btn-fg: #fff;--btn-bd: transparent}input,select,textarea{font-family:inherit;color:var(--text);background:#ffffffd9;border:1px solid var(--border);border-radius:12px;padding:8px 10px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:#121920d9}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);background:#fff}:root[data-theme=dark] input:focus,:root[data-theme=dark] select:focus,:root[data-theme=dark] textarea:focus{background:#121920f2}label{color:var(--text-muted);font-weight:600}hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:12px 0}.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);border:1px solid var(--border)}.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:#7c3aed14}.value-success{border-color:var(--success);color:var(--success);background:#16a34a1a}.value-warning{border-color:var(--warning);color:var(--warning);background:#f59e0b1a}.value-danger{border-color:var(--danger);color:var(--danger);background:#dc26261a}@media (max-width: 1000px){.grid{grid-template-columns:1fr}}@media (max-width: 640px){.container{padding:18px}.nav-links{flex-wrap:wrap;gap:8px}.topbar{padding:12px 16px}}.page-matching{background:radial-gradient(circle,rgba(124,58,237,.14),transparent),var(--bg)}.page-statistics{background:radial-gradient(circle,rgba(168,85,247,.12),transparent),var(--bg)}.page-login{background:radial-gradient(circle,rgba(220,38,38,.12),transparent),var(--bg)}.page-contact{background:radial-gradient(circle,rgba(22,163,74,.12),transparent),var(--bg)}