:root{--brand:#16a34a;--brand2:#14532d;--soft:#ecfdf3;--ink:#111827;--muted:#64748b;--bg:#f6f8f7;--surface:#fff;--line:#e5ebe7;--danger:#dc2626;--warn:#d97706;--info:#2563eb;--shadow:0 12px 32px rgba(15,23,42,.08)}*{box-sizing:border-box}html{background:#e8eeea}body{margin:0 auto;max-width:520px;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;padding-bottom:94px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.ico{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.topbar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:13px 17px;background:rgba(246,248,247,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand img{width:44px;height:44px;object-fit:contain;border-radius:14px;background:#fff;padding:3px;box-shadow:0 7px 18px rgba(21,128,61,.12)}.brand strong{display:block;color:var(--brand2);font-size:17px}.brand span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.icon-btn{width:42px;height:42px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;color:#475569}.content{padding:14px 17px 26px}.hero{background:linear-gradient(145deg,var(--brand2),var(--brand));color:#fff;border-radius:27px;padding:20px;box-shadow:0 16px 34px rgba(21,128,61,.18)}.hero h1{font-size:25px;letter-spacing:-.04em;margin:5px 0 7px}.hero p{font-size:13px;line-height:1.5;color:rgba(255,255,255,.82);margin:0}.eyebrow{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.03em}.hero .eyebrow{color:rgba(255,255,255,.75)}h1.page-title{font-size:27px;letter-spacing:-.04em;margin:5px 0}p.subtitle{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 17px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:21px 2px 10px}.section-head h2{font-size:17px;margin:0}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 5px 18px rgba(15,23,42,.035)}.card+.card{margin-top:11px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px 11px}.metric small{font-size:11px;color:var(--muted)}.metric strong{display:block;font-size:24px;margin-top:7px}.list{background:#fff;border:1px solid var(--line);border-radius:20px;padding:0 15px}.list-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.avatar{width:42px;height:42px;border-radius:14px;background:#eef3f0;display:grid;place-items:center;color:var(--brand2);font-size:12px;font-weight:850;overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.row-copy{flex:1;min-width:0}.row-copy strong{display:block;font-size:14px}.row-copy small{display:block;font-size:11px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip{font-size:10px;font-weight:850;padding:7px 9px;border-radius:99px;white-space:nowrap}.chip.success{background:#ecfdf3;color:#15803d}.chip.warning{background:#fff7ed;color:#c2410c}.chip.danger{background:#fef2f2;color:#b91c1c}.chip.info{background:#eff6ff;color:#1d4ed8}.btn{min-height:47px;border:0;border-radius:15px;padding:0 16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn.primary{background:var(--brand);color:#fff}.btn.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn.danger{background:#fef2f2;color:#b91c1c}.btn.full{width:100%}.btn.small{min-height:36px;padding:0 12px;font-size:12px;border-radius:12px}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field{margin-bottom:13px}.field label{display:block;font-size:12px;font-weight:800;color:#334155;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 14px;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:#86efac;box-shadow:0 0 0 4px rgba(22,163,74,.09)}.alert{padding:12px 13px;border-radius:15px;font-size:12px;line-height:1.5;margin-bottom:12px}.alert.success{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0}.alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert.info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.bottom-nav{position:fixed;left:50%;bottom:11px;transform:translateX(-50%);z-index:40;width:calc(100% - 22px);max-width:498px;height:72px;padding:7px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:23px;box-shadow:0 16px 40px rgba(15,23,42,.14)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#94a3b8;font-size:10px;font-weight:750;border-radius:17px}.nav-item.active{color:var(--brand);background:var(--soft)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px}.price{font-size:28px;font-weight:900;letter-spacing:-.04em}.public{padding:18px;max-width:980px;margin:auto}.public-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.public-brand{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--brand2);font-size:20px}.public-brand img{width:48px;height:48px;object-fit:contain}.packages{display:grid;gap:12px}.package{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px}.package.featured{border-color:#86efac;box-shadow:0 12px 30px rgba(22,163,74,.12)}.auth-wrap{max-width:430px;margin:45px auto;padding:17px}.auth-logo{text-align:center;margin-bottom:18px}.auth-logo img{width:80px;height:80px;object-fit:contain}.pay-summary{background:#10261b;color:#fff;border-radius:22px;padding:18px}.pay-line{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:13px;color:rgba(255,255,255,.75)}.pay-line strong{color:#fff}.pay-total{border-top:1px solid rgba(255,255,255,.18);margin-top:8px;padding-top:14px;font-size:16px}.camera-wrap{position:relative;aspect-ratio:3/4;background:#111;border-radius:23px;overflow:hidden}.camera-wrap video,.camera-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-wrap img{display:none}.face-frame{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:60%;height:57%;border:2px dashed rgba(255,255,255,.85);border-radius:48%;box-shadow:0 0 0 999px rgba(0,0,0,.16)}.face-frame.valid{border-color:#4ade80}.camera-label{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;color:#fff;font-size:10px;font-weight:800}.camera-label span{background:rgba(0,0,0,.62);padding:7px 9px;border-radius:99px}.camera-help{position:absolute;bottom:15px;left:15px;right:15px;text-align:center;color:#fff;font-size:11px;font-weight:750}.verify-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 0}.verify{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;font-size:11px}.verify strong{display:block;margin-top:4px}.logo-mini{width:32px;height:32px;object-fit:contain}@media(min-width:760px){.packages{grid-template-columns:repeat(3,1fr)}body{box-shadow:0 30px 80px rgba(15,23,42,.13)}}