:root{--bg:#f4f7fb;--panel:#fff;--text:#101827;--muted:#667085;--line:#e5e7eb;--accent:#1d4ed8;--accent2:#0f172a;--ok:#087443;--danger:#b42318;--shadow:0 12px 35px rgba(15,23,42,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.wrap{width:min(1100px,calc(100% - 28px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{height:66px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;letter-spacing:-.04em;font-size:22px;color:var(--text);text-decoration:none}.brand span{color:var(--accent)}nav{display:flex;gap:18px}nav a{color:var(--muted);text-decoration:none;font-weight:650}nav a:hover{color:var(--accent)}main{padding:28px 0 60px}.hero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:30px 0}.hero.compact{padding:18px 0 25px}.hero h1{margin:4px 0;font-size:clamp(28px,5vw,46px);letter-spacing:-.04em}.hero p{margin:6px 0;color:var(--muted)}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.16em;color:var(--accent)}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:12px;padding:12px 17px;background:var(--accent);color:#fff;text-decoration:none;font-weight:800;cursor:pointer;box-shadow:0 7px 18px rgba(29,78,216,.18)}.button.secondary{background:#eef2ff;color:#1e3a8a;box-shadow:none}.full{width:100%}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.panel h2{margin:0;font-size:19px}.status{font-size:12px;font-weight:800;color:var(--ok);background:#ecfdf3;padding:6px 9px;border-radius:999px}.muted{color:var(--muted)}.empty{padding:35px;text-align:center;color:var(--muted)}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.result-card{border:1px solid var(--line);border-radius:16px;padding:15px;background:linear-gradient(180deg,#fff,#f8fafc)}.baji{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--muted);margin-bottom:13px}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.numbers div{background:#f8fafc;border-radius:12px;padding:12px}.numbers span{display:block;font-size:10px;color:var(--muted);font-weight:800}.numbers strong{display:block;font-size:25px;margin-top:3px;letter-spacing:.03em}.numbers .ghor{font-size:34px}.date-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.date-form label,form label{display:grid;gap:6px;font-weight:750;color:#344054}.date-form input,form input{border:1px solid #d0d5dd;border-radius:10px;padding:11px 12px;background:#fff;color:var(--text);font:inherit}.date-list{display:grid}.date-list a{display:flex;justify-content:space-between;gap:10px;padding:13px 2px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}.date-list a:last-child{border-bottom:0}.date-list span{color:var(--muted);font-size:13px}.auth{min-height:65vh;display:grid;place-items:center}.auth-card{width:min(460px,100%)}.auth-card h1{margin-top:3px}.auth-card form{display:grid;gap:14px}.alert,.success{border-radius:10px;padding:11px 12px;margin-bottom:14px;font-weight:650}.alert{background:#fef3f2;color:var(--danger)}.success{background:#ecfdf3;color:var(--ok)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-row div{background:#f8fafc;border-radius:14px;padding:15px}.stat-row span{display:block;color:var(--muted);font-size:10px;font-weight:850}.stat-row strong{font-size:20px}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.edit-card{border:1px solid var(--line);border-radius:15px;padding:14px}.edit-card label{margin-top:10px}.site-footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:13px}@media(max-width:800px){.result-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.wrap{width:min(100% - 20px,1100px)}.nav{height:58px}.brand{font-size:19px}nav{gap:10px;font-size:13px}.hero{align-items:flex-start;flex-direction:column}.result-grid{grid-template-columns:1fr 1fr;gap:9px}.result-card{padding:11px}.numbers{gap:6px}.numbers div{padding:9px}.numbers strong{font-size:20px}.numbers .ghor{font-size:29px}.stat-row{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr 1fr}.panel{padding:15px}}