:root{--bg:#f4f7fb;--panel:#fff;--ink:#0f172a;--muted:#64748b;--primary:#5b5cf6;--primary2:#7c3aed;--success:#059669;--danger:#dc2626;--warn:#d97706;--line:#e5e7eb;--dark:#0b1020;--shadow:0 12px 40px rgba(15,23,42,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}.topbar,.publicbar{height:70px;background:rgba(11,16,32,.96);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)}.brand{font-weight:800;display:flex;align-items:center;gap:10px;letter-spacing:-.02em}.brand-dot{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#6d5dfc,#22c55e);font-weight:900}.top-actions{display:flex;gap:8px;align-items:center}.user-chip{font-size:12px;color:#dbeafe;margin-right:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:10px 14px;font-weight:700;font-size:14px;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 8px 25px rgba(91,92,246,.25)}.btn-ghost{border-color:rgba(255,255,255,.18);color:#fff;background:transparent}.btn-soft{background:#eef2ff;color:#3730a3}.btn-danger{background:#fee2e2;color:#991b1b}.btn-wa{background:#25d366;color:#04150b}.btn-block{width:100%}.shell{display:grid;grid-template-columns:255px 1fr;min-height:calc(100vh - 70px)}.sidebar{background:#0f172a;color:#dbe4f0;padding:18px 14px;position:sticky;top:70px;height:calc(100vh - 70px);overflow:auto}.nav-link{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:11px;color:#cbd5e1;margin:2px 0}.nav-link span{width:21px;text-align:center}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.08);color:#fff}.support-box{margin-top:25px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.04);font-size:12px}.support-box p{line-height:1.5;color:#a8b4c6}.support-link{display:block;margin-top:11px;color:#bfdbfe}.main,.publicmain{padding:24px;min-width:0}.publicmain{max-width:1200px;margin:0 auto;min-height:calc(100vh - 70px)}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:stretch;margin:24px 0}.hero-card,.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.hero-card{padding:36px;background:linear-gradient(145deg,#111827 0%,#1d2148 100%);color:#fff;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.35),transparent 65%);right:-70px;top:-80px}.kicker,.ad-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#a5b4fc;font-weight:800}.hero h1{font-size:clamp(34px,6vw,64px);line-height:.98;letter-spacing:-.05em;max-width:800px;margin:10px 0 18px}.hero p{color:#dbe5f0;line-height:1.7;max-width:650px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-visual{padding:22px;display:grid;gap:12px;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,#eef2ff,#fff)}.mini-tile{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff;min-height:130px}.mini-icon{font-size:28px}.mini-tile h4{margin:8px 0 4px}.mini-tile p{margin:0;color:var(--muted);font-size:13px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:6px 0 14px}.section-head h2,.section-head h3{margin:0}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{padding:18px}.stat .label{font-size:12px;color:var(--muted)}.stat .value{font-size:27px;font-weight:850;margin-top:7px}.card{padding:18px}.muted{color:var(--muted)}.small{font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group.full{grid-column:1/-1}.form-group label{font-size:12px;font-weight:800;color:#334155}.input,.select,.textarea{width:100%;border:1px solid #dbe1ea;border-radius:11px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.textarea{min-height:110px;resize:vertical}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}.table th{background:#f8fafc;color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.table tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-neutral{background:#eef2f7;color:#475569}.flash{padding:13px 15px;border-radius:13px;margin-bottom:15px;font-weight:700}.flash.success{background:#dcfce7;color:#166534}.flash.error{background:#fee2e2;color:#991b1b}.flash.info{background:#e0f2fe;color:#075985}.auth-wrap{max-width:500px;margin:45px auto}.auth-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.auth-card h1{margin-top:0}.inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.service-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.service-card .icon{font-size:32px}.service-card h3{margin:8px 0 5px}.service-card p{color:var(--muted);font-size:13px;min-height:38px}.service-card .fee{font-size:12px;color:#4338ca;font-weight:800}.empty{padding:25px;text-align:center;color:var(--muted);border:1px dashed #cbd5e1;border-radius:16px}.footer{background:#09111f;color:#9fb0c6;padding:20px 24px;font-size:12px;text-align:center}.ad-layer{display:none;position:fixed;inset:0;background:rgba(2,6,23,.78);align-items:center;justify-content:center;z-index:100}.ad-layer.open{display:flex}.ad-card{width:min(92vw,460px);background:#fff;padding:28px;border-radius:24px;box-shadow:0 30px 100px rgba(0,0,0,.35);position:relative;text-align:center}.ad-close{position:absolute;right:12px;top:10px;border:0;background:#eef2f7;border-radius:50%;width:30px;height:30px;font-size:20px;cursor:pointer}.ad-timer{font-size:12px;color:var(--muted);margin-top:12px}.ai-widget{position:fixed;right:18px;bottom:18px;z-index:90}.ai-fab{border:0;border-radius:50%;width:58px;height:58px;background:linear-gradient(135deg,#5b5cf6,#7c3aed);color:#fff;font-size:25px;box-shadow:0 15px 35px rgba(91,92,246,.35);cursor:pointer}.ai-panel{display:none;width:min(92vw,360px);height:500px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 25px 80px rgba(15,23,42,.22);overflow:hidden;margin-bottom:10px}.ai-panel.open{display:flex;flex-direction:column}.ai-head{padding:14px 15px;background:#111827;color:#fff;display:flex;justify-content:space-between}.ai-head button{border:0;background:none;color:#fff;font-size:18px}.ai-lang{display:flex;gap:6px;padding:9px;border-bottom:1px solid var(--line)}.ai-lang button{border:1px solid var(--line);background:#f8fafc;border-radius:9px;padding:6px 8px;font-size:11px;cursor:pointer}.ai-body{flex:1;padding:12px;overflow:auto;background:#f8fafc}.ai-msg{padding:10px 12px;border-radius:14px;margin:7px 0;font-size:13px;line-height:1.45;max-width:88%}.ai-msg.bot{background:#fff;border:1px solid var(--line)}.ai-msg.user{background:#e0e7ff;margin-left:auto}.ai-form{display:flex;gap:6px;padding:10px;border-top:1px solid var(--line)}.ai-form input{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px}.ai-form button{width:42px;border:0;border-radius:10px;background:#111827;color:#fff}.notice{padding:13px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:13px}.success-box{padding:15px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:14px}.receipt{width:302px;max-width:100%;margin:0 auto;background:#fff;padding:12px;font-family:monospace;font-size:12px}.receipt-logo{max-width:180px;max-height:60px;display:block;margin:0 auto 8px}.receipt hr{border:0;border-top:1px dashed #444}.receipt .rline{display:flex;justify-content:space-between;gap:10px}.pill-link{font-size:12px;color:#3730a3}.sticky-tools{position:sticky;top:84px;z-index:10;background:rgba(244,247,251,.94);backdrop-filter:blur(8px);padding-bottom:10px}.scrollx{overflow-x:auto}.no-wrap{white-space:nowrap}@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}}@media(max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;display:block}.sidebar nav{display:flex;gap:6px;overflow:auto;padding-bottom:7px}.nav-link{white-space:nowrap}.support-box{display:none}.main{padding:15px}.grid-3,.grid-2,.service-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.topbar,.publicbar{padding:0 12px}.user-chip{display:none}.hero-card{padding:25px}.hero h1{font-size:42px}.hero-visual{grid-template-columns:1fr 1fr}}@media(max-width:520px){.grid-4{grid-template-columns:1fr}.hero-visual{grid-template-columns:1fr}.btn{padding:9px 11px}.topbar,.publicbar{height:62px}.sidebar{top:62px}.shell{min-height:calc(100vh - 62px)}}@media print{.topbar,.sidebar,.footer,.ad-layer,.ai-widget,.no-print,.btn{display:none!important}.main{padding:0}.card{box-shadow:none;border:0}.receipt{width:80mm}.table{min-width:0}.table th,.table td{font-size:10px;padding:5px}}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:1}.hero-grid>div{padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.06)}.hero-grid b{display:block;font-size:16px}.hero-grid span{display:block;margin-top:6px;color:#cbd5e1;font-size:12px;line-height:1.5}.link-card{transition:transform .18s ease,box-shadow .18s ease;border:1px solid var(--line)}.link-card:hover{transform:translateY(-2px);box-shadow:0 16px 45px rgba(15,23,42,.12)}.small-input{padding:7px 8px;font-size:12px}