:root{--primary:#2563eb;--secondary:#7c3aed;--ink:#172033;--muted:#64748b;--line:#dfe7f2;--bg:#f4f7fb;--card:#fff;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--shadow:0 18px 50px rgba(30,64,175,.10);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}button,input,select,textarea{font:inherit}a{color:inherit}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.narrow-container{width:min(900px,calc(100% - 32px))}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.86);backdrop-filter:blur(20px);border-bottom:1px solid rgba(223,231,242,.8)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:46px;height:46px;border-radius:14px;object-fit:cover;box-shadow:0 8px 22px rgba(37,99,235,.2)}.brand-mark{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 30%,transparent);transform:rotate(-4deg)}.brand>span:last-child{display:flex;flex-direction:column}.brand b{font-size:18px}.brand small{font-size:11px;color:var(--muted);max-width:220px}.desktop-nav{display:flex;align-items:center;gap:8px}.desktop-nav>a,.nav-button{padding:10px 14px;border:0;background:transparent;border-radius:12px;text-decoration:none;color:#475569;font-weight:700;cursor:pointer}.desktop-nav>a.active,.desktop-nav>a:hover,.nav-button:hover{color:var(--primary);background:#eff6ff}.inline-form{display:inline}.site-main{min-height:70vh}.flash-wrap{position:relative;z-index:30}.alert{padding:14px 16px;border-radius:14px;margin:14px 0;font-weight:650;border:1px solid}.alert-success{background:#ecfdf3;color:#166534;border-color:#bbf7d0}.alert-error{background:#fff1f2;color:#9f1239;border-color:#fecdd3}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;padding:12px 17px;text-decoration:none;font-weight:800;cursor:pointer;transition:.2s ease;white-space:nowrap}.button:hover{transform:translateY(-1px);filter:brightness(.98)}.button-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 12px 26px color-mix(in srgb,var(--primary) 25%,transparent)}.button-dark{background:#172033;color:#fff}.button-outline{background:#fff;color:#334155;border:1px solid var(--line)}.button-success{background:#16a34a;color:#fff}.button-danger{background:#dc2626;color:#fff}.button-purple{background:#7c3aed;color:#fff}.button-small{padding:9px 13px;font-size:13px}.button-large{padding:16px 20px;font-size:16px}.button-block{width:100%}.button-badge{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:99px;background:rgba(255,255,255,.2)}.glass-card,.admin-card{background:rgba(255,255,255,.92);border:1px solid rgba(219,229,242,.95);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-section{padding:70px 0 55px;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(37,99,235,.14),transparent 32%),radial-gradient(circle at 88% 30%,rgba(124,58,237,.12),transparent 30%),linear-gradient(180deg,#fff,#f7f9ff)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:54px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-weight:900;letter-spacing:.1em;font-size:12px}.hero-copy h1{font-size:clamp(42px,6vw,72px);line-height:1.03;letter-spacing:-.055em;margin:18px 0 22px}.hero-copy h1 span{background:linear-gradient(100deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:18px;color:var(--muted);max-width:650px}.hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-points span{background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(15,23,42,.05);border-radius:999px;padding:9px 13px;font-weight:750;font-size:13px}.hero-visual{height:380px;position:relative;display:grid;place-items:center}.team-card{position:relative;z-index:2;width:min(360px,85%);height:220px;border-radius:34px;background:linear-gradient(145deg,#ffffff,#eaf0ff);border:1px solid #fff;box-shadow:26px 34px 70px rgba(37,99,235,.19),inset -10px -10px 20px rgba(37,99,235,.06),inset 10px 10px 20px #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-4deg)}.team-card span{width:82px;height:82px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:36px;box-shadow:0 18px 35px color-mix(in srgb,var(--primary) 30%,transparent)}.team-card b{margin-top:18px;font-size:27px;letter-spacing:.08em}.team-card small{color:var(--muted)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:220px;height:220px;background:linear-gradient(135deg,rgba(37,99,235,.25),rgba(124,58,237,.14));right:20px;top:14px}.orb-two{width:150px;height:150px;background:linear-gradient(135deg,rgba(34,197,94,.16),rgba(37,99,235,.12));left:12px;bottom:20px}.floating-chip{position:absolute;z-index:3;background:#fff;padding:12px 15px;border-radius:15px;font-weight:850;box-shadow:0 16px 34px rgba(15,23,42,.13);border:1px solid #edf2f7}.chip-one{left:4px;top:90px;transform:rotate(4deg)}.chip-two{right:0;bottom:58px;transform:rotate(-3deg)}.order-section,.history-section,.page-section{padding:64px 0}.order-section{background:#f7f9fd}.order-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:24px;align-items:start}.full-span{grid-column:1/-1}.section-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}.section-heading h2{margin:0;font-size:28px;letter-spacing:-.03em}.section-heading p{margin:4px 0 0;color:var(--muted)}.step-pill{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:900;box-shadow:0 12px 25px color-mix(in srgb,var(--primary) 25%,transparent)}.live-pill{margin-left:auto;background:#ecfdf3;color:#166534;border:1px solid #bbf7d0;padding:8px 12px;border-radius:99px;font-size:12px;font-weight:800}.live-pill i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;margin-right:4px;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.order-form,.lookup-card{padding:26px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:800;margin-bottom:8px}.form-group small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.form-group input,.form-group select,.form-group textarea,.filter-bar input,.filter-bar select,.compact-form input,.compact-form select{width:100%;border:1px solid #cfd8e6;background:#fff;border-radius:13px;padding:13px 14px;color:var(--ink);outline:0;transition:.2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.filter-bar input:focus,.filter-bar select:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}textarea{min-height:100px;resize:vertical}.input-with-icon{display:flex;align-items:center;border:1px solid #cfd8e6;background:#fff;border-radius:15px;overflow:hidden}.input-with-icon:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.input-with-icon>span{padding-left:15px}.input-with-icon input{border:0!important;box-shadow:none!important}.paste-button{align-self:stretch;border:0;border-left:1px solid var(--line);background:#eff6ff;color:var(--primary);font-weight:850;padding:0 18px;cursor:pointer}.package-list{display:grid;gap:12px}.package-card{position:relative;display:grid!important;grid-template-columns:auto 70px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;border:1px solid var(--line);border-radius:18px;background:#fff;cursor:pointer;transition:.2s}.package-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(15,23,42,.07)}.package-card.selected{border-color:var(--primary);background:linear-gradient(90deg,#eff6ff,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.package-card input{position:absolute;opacity:0}.package-radio{width:23px;height:23px;border:2px solid #94a3b8;border-radius:50%;position:relative}.package-card.selected .package-radio{border-color:var(--primary)}.package-card.selected .package-radio:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--primary)}.package-image{width:68px;height:68px;border-radius:18px;background:linear-gradient(135deg,#dbeafe,#ede9fe);display:grid;place-items:center;overflow:hidden}.package-image img{width:100%;height:100%;object-fit:cover}.package-image>span{font-size:30px;color:var(--primary)}.package-info{display:flex;flex-direction:column;min-width:0}.package-info b{font-size:17px}.package-info small{margin:3px 0;color:var(--muted);white-space:normal}.package-info em{font-style:normal;font-size:11px;color:var(--primary);font-weight:750}.package-card>strong{color:var(--primary);font-size:18px}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-card{position:relative;display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff;cursor:pointer}.payment-card input{position:absolute;opacity:0}.payment-card:has(input:checked){border-color:var(--primary);background:#eff6ff;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.payment-card span{grid-row:1/3;font-size:25px}.payment-card b{font-size:14px}.payment-card small{font-size:11px;color:var(--muted)}.order-total{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border:1px solid #c7d7ff;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-radius:16px;margin:20px 0}.order-total span{font-weight:850;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.order-total strong{font-size:27px;color:var(--primary)}.form-note{text-align:center;color:var(--muted);font-size:12px;margin:12px 0 0}.lookup-card{position:sticky;top:100px}.lookup-card h2{margin:14px 0 5px}.lookup-card>p{color:var(--muted)}.lookup-card form{display:grid;gap:12px;margin-top:20px}.lookup-card input{width:100%;padding:15px;border:1px solid var(--line);border-radius:14px}.lookup-help{display:flex;gap:10px;margin-top:20px;padding:14px;border-radius:14px;background:#f8fafc;color:var(--muted);font-size:12px}.lookup-help p{margin:0}.history-section{background:#fff}.history-table{overflow:hidden}.history-row{display:grid;grid-template-columns:1.3fr .7fr auto;gap:20px;align-items:center;padding:17px 20px;border-bottom:1px solid #edf2f7}.history-row:last-child{border-bottom:0}.history-row>div:first-child{display:flex;flex-direction:column}.history-row small,.history-row time{color:var(--muted);font-size:12px}.status-badge{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:850;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.status-warning{color:#a16207;background:#fef9c3}.status-info{color:#1d4ed8;background:#dbeafe}.status-success{color:#166534;background:#dcfce7}.status-danger{color:#b91c1c;background:#fee2e2}.status-muted{color:#475569;background:#e2e8f0}.status-purple{color:#6d28d9;background:#ede9fe}.site-footer{background:#172033;color:#fff;padding:40px 0 110px}.footer-grid{display:flex;justify-content:space-between;gap:24px}.site-footer p{color:#94a3b8}.footer-links{display:flex;gap:12px}.footer-links a{color:#cbd5e1}.mobile-nav{display:none}.page-heading{margin-bottom:28px}.page-heading.center{text-align:center}.page-heading h1{margin:10px 0;font-size:38px}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.qr-card,.order-summary-card{padding:25px}.card-title{display:flex;gap:12px;align-items:center;margin-bottom:18px}.card-title>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eff6ff;color:var(--primary);font-weight:900}.card-title h2{margin:0;font-size:20px}.card-title p{margin:3px 0 0;color:var(--muted);font-size:12px}.qr-image{display:block;width:min(330px,100%);aspect-ratio:1;margin:10px auto 20px;border-radius:18px;border:1px solid var(--line)}.bank-info{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bank-info>div{position:relative;display:flex;flex-direction:column;padding:12px;border:1px solid var(--line);border-radius:13px;background:#f8fafc}.bank-info>div.full{grid-column:1/-1}.bank-info small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.bank-info button,.detail-list button{border:0;background:transparent;color:var(--primary);font-size:11px;font-weight:800;cursor:pointer;padding:4px 0;text-align:left}.transfer-code{font-size:18px;color:var(--primary);letter-spacing:.05em}.countdown{display:flex;justify-content:space-between;align-items:center;margin:16px 0;padding:13px 15px;border-radius:13px;background:#fff7ed;color:#9a3412}.countdown strong{font-size:20px}.warning-note{font-size:12px;color:#92400e;background:#fffbeb;padding:12px;border-radius:12px}.detail-list{margin:0}.detail-list>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid #edf2f7}.detail-list dt{color:var(--muted);font-size:13px}.detail-list dd{margin:0;font-weight:700}.timeline{margin:25px 0}.timeline-item{position:relative;display:flex;gap:12px;padding-bottom:22px;opacity:.55}.timeline-item:not(:last-child):after{content:"";position:absolute;left:14px;top:31px;width:2px;height:calc(100% - 10px);background:#dbe3ef}.timeline-item.active{opacity:1}.timeline-item i{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;font-style:normal;font-size:12px;font-weight:900}.timeline-item.active i{background:var(--primary);color:#fff}.timeline-item div{display:flex;flex-direction:column}.timeline-item small{color:var(--muted)}.auth-section{min-height:72vh;display:grid;place-items:center;padding:50px 16px;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.15),transparent 30%),radial-gradient(circle at 80% 75%,rgba(124,58,237,.14),transparent 30%)}.auth-card{width:min(440px,100%);padding:30px}.auth-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:26px;box-shadow:0 12px 25px color-mix(in srgb,var(--primary) 28%,transparent)}.auth-card h1{margin:18px 0 4px}.auth-card>p{margin:0 0 24px;color:var(--muted)}.auth-footer{text-align:center;margin-top:18px;color:var(--muted)}.auth-footer a{color:var(--primary);font-weight:800}.account-hero{padding:28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:linear-gradient(135deg,#fff,#eff6ff)}.account-hero h1{margin:8px 0}.account-hero p{margin:0;color:var(--muted)}.wallet-balance{min-width:250px;padding:20px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;flex-direction:column;box-shadow:0 18px 40px color-mix(in srgb,var(--primary) 24%,transparent)}.wallet-balance strong{font-size:30px}.wallet-balance a{font-size:12px;margin-top:5px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-panel{padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-heading h2{margin:0;font-size:20px}.panel-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}.responsive-table{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid #edf2f7;vertical-align:middle}th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#f8fafc}td{font-size:13px}.table-sub{display:block;color:var(--muted);font-size:10px;margin-top:3px}.empty-cell{text-align:center;color:var(--muted);padding:35px}.mini-list{display:grid;gap:2px}.mini-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf2f7}.mini-list>div>span{display:flex;flex-direction:column}.mini-list small{color:var(--muted)}.bank-mini{display:flex;flex-direction:column;padding:14px;border-radius:13px;background:#eff6ff;margin:16px 0}.text-primary{color:var(--primary)!important}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.muted{color:var(--muted)}.empty-state{text-align:center;padding:35px;color:var(--muted)}.empty-state.large{padding:70px 30px}.empty-state>span{font-size:45px}.empty-state h1,.empty-state h3{color:var(--ink)}.admin-body{background:#f1f5f9}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;height:100vh;background:#121a2c;color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:60}.admin-brand{padding:0 8px 20px;color:#fff}.admin-brand small{color:#94a3b8}.admin-nav{display:grid;gap:5px;margin-top:10px}.admin-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;color:#aebbd0;text-decoration:none;font-size:14px;font-weight:750}.admin-nav a:hover,.admin-nav a.active{color:#fff;background:linear-gradient(90deg,rgba(37,99,235,.28),rgba(124,58,237,.16));box-shadow:inset 3px 0 var(--primary)}.admin-nav em{margin-left:auto;min-width:24px;height:22px;padding:0 6px;border-radius:99px;display:grid;place-items:center;background:#ef4444;color:#fff;font-style:normal;font-size:10px}.nav-icon{width:24px;text-align:center}.sidebar-bottom{margin-top:auto;border-top:1px solid #253047;padding-top:15px;display:grid;gap:6px}.sidebar-bottom a,.sidebar-bottom button{display:block;width:100%;text-align:left;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#94a3b8;text-decoration:none;cursor:pointer}.sidebar-bottom a:hover,.sidebar-bottom button:hover{background:#1d293d;color:#fff}.admin-content{min-width:0}.admin-topbar{height:82px;padding:0 28px;display:flex;align-items:center;gap:18px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.admin-topbar h1{font-size:21px;margin:0}.admin-topbar p{font-size:11px;color:var(--muted);margin:2px 0 0}.admin-topbar>.button{margin-left:auto}.sidebar-toggle{display:none}.admin-main{padding:26px;max-width:1600px;margin:0 auto}.admin-card{padding:22px;margin-bottom:22px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;text-decoration:none;box-shadow:0 8px 26px rgba(15,23,42,.05)}.stat-card>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#f1f5f9;font-size:22px}.stat-card>div{display:flex;flex-direction:column}.stat-card small{color:var(--muted)}.stat-card strong{font-size:24px}.stat-blue>span{background:#dbeafe;color:#1d4ed8}.stat-purple>span{background:#ede9fe;color:#6d28d9}.stat-green>span{background:#dcfce7;color:#166534}.stat-orange>span{background:#ffedd5;color:#c2410c}.table-action{color:var(--primary);font-weight:800;text-decoration:none}.filter-bar{display:flex;gap:10px;align-items:center;margin-bottom:18px}.filter-bar input{max-width:440px}.filter-bar select{max-width:220px}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px}.pagination a,.pagination span{padding:9px 13px;border:1px solid var(--line);border-radius:10px;text-decoration:none;background:#fff;font-size:12px}.detail-header{display:flex;justify-content:space-between;align-items:center}.detail-header h2{margin:7px 0 0}.detail-header p{margin:4px 0 0;color:var(--muted)}.back-link{font-size:12px;color:var(--primary);font-weight:800;text-decoration:none}.admin-detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:22px;align-items:start}.admin-detail-list>div{grid-template-columns:150px 1fr}.break-word{overflow-wrap:anywhere}.action-card form+form{margin-top:16px}.package-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.package-admin-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:16px;border:1px solid var(--line);border-radius:17px;background:#fff}.package-admin-image{width:96px;height:96px;border-radius:18px;background:linear-gradient(135deg,#dbeafe,#ede9fe);display:grid;place-items:center;overflow:hidden}.package-admin-image img{width:100%;height:100%;object-fit:cover}.package-admin-image span{font-size:33px;color:var(--primary)}.package-admin-card h3{margin:8px 0 4px}.package-admin-card p{color:var(--muted);font-size:12px;margin:0 0 8px}.package-admin-card strong,.package-admin-card small{display:block}.package-admin-card strong{color:var(--primary);font-size:18px}.package-admin-card small{color:var(--muted)}.card-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.card-actions form{margin:0}.form-card{max-width:1000px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-section-title{margin:28px 0 15px;padding-bottom:9px;border-bottom:1px solid var(--line)}.form-preview{display:block;width:120px;height:90px;object-fit:cover;border-radius:14px;margin-top:10px;border:1px solid var(--line)}.logo-preview{object-fit:contain;background:#f8fafc}.toggle-field{display:flex!important;align-items:center;gap:10px;font-weight:750;margin:10px 0 20px}.toggle-field input{position:absolute;opacity:0}.toggle-field span{width:42px;height:24px;border-radius:99px;background:#cbd5e1;position:relative;transition:.2s}.toggle-field span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.2s}.toggle-field input:checked+span{background:var(--primary)}.toggle-field input:checked+span:after{transform:translateX(18px)}.user-card-list{display:grid;gap:12px}.user-admin-card{display:grid;grid-template-columns:auto minmax(230px,1fr) minmax(220px,.8fr) minmax(220px,.8fr);gap:16px;align-items:start;padding:15px;border:1px solid var(--line);border-radius:16px}.user-avatar{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:900;font-size:20px}.user-main h3{margin:2px 0}.user-main p{margin:2px 0 7px;color:var(--muted);font-size:12px}.user-admin-card details{border:1px solid var(--line);border-radius:12px;padding:10px}.user-admin-card summary{cursor:pointer;font-weight:800;font-size:12px}.compact-form{display:grid;gap:9px;margin-top:10px}.compact-form label{font-size:11px;font-weight:700}.compact-form input,.compact-form select{padding:9px;margin-top:4px}.permission-grid{display:grid;gap:5px}.permission-grid label{display:flex;align-items:center;gap:6px;font-weight:500}.permission-grid input{width:auto;margin:0}.inline-actions{display:flex;gap:6px}.fake-list>div>span:last-child{display:flex;align-items:center;gap:8px}.icon-button{border:0;background:#eef2f7;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;cursor:pointer}.icon-button.danger{color:#dc2626;background:#fee2e2;width:28px;height:28px}.sidebar-overlay{display:none}.truncate{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.truncate-block{display:block;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-danger{color:#dc2626}.text-success{color:#16a34a}
@media(max-width:1020px){.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-points{justify-content:center}.hero-visual{height:300px}.order-layout{grid-template-columns:1fr}.lookup-card{position:static}.order-detail-grid,.admin-detail-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-admin-grid{grid-template-columns:1fr}.user-admin-card{grid-template-columns:auto 1fr}.user-admin-card details{grid-column:2}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;left:-280px;width:260px;transition:.25s}.admin-sidebar.open{left:0}.sidebar-toggle{display:grid}.sidebar-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:50}.sidebar-overlay.show{display:block}.admin-main{padding:18px}.admin-topbar{padding:0 18px}}
@media(max-width:720px){.container,.narrow-container{width:min(100% - 22px,1180px)}.desktop-nav{display:none}.header-inner{height:66px}.brand small{display:none}.site-main{padding-bottom:74px}.hero-section{padding:42px 0 30px}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:15px}.hero-visual{height:260px}.team-card{height:175px}.team-card span{width:65px;height:65px}.team-card b{font-size:22px}.floating-chip{font-size:11px}.order-section,.history-section,.page-section{padding:40px 0}.section-heading{align-items:flex-start}.section-heading h2{font-size:23px}.live-pill{display:none}.order-form,.lookup-card,.qr-card,.order-summary-card,.account-panel{padding:18px}.package-card{grid-template-columns:auto 58px minmax(0,1fr);gap:10px;padding:12px}.package-image{width:56px;height:56px}.package-card>strong{grid-column:3;text-align:left;font-size:16px}.package-info b{font-size:15px}.payment-grid{grid-template-columns:1fr}.history-row{grid-template-columns:1fr auto;padding:14px}.history-row time{grid-column:1/-1}.footer-grid{flex-direction:column}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;height:70px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(3,1fr);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(15,23,42,.08)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#94a3b8;gap:1px}.mobile-nav a.active{color:var(--primary)}.mobile-nav span{font-size:21px}.mobile-nav small{font-size:10px;font-weight:800}.site-footer{padding-bottom:100px}.order-detail-grid{gap:16px}.bank-info{grid-template-columns:1fr}.bank-info>div.full{grid-column:auto}.detail-list>div{grid-template-columns:1fr;gap:3px}.account-hero{flex-direction:column;align-items:stretch;gap:18px}.wallet-balance{min-width:0}.account-grid{grid-template-columns:1fr}.full-span{grid-column:auto}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-card>span{width:42px;height:42px}.stat-card strong{font-size:20px}.admin-topbar>.button{display:none}.admin-main{padding:12px}.admin-card{padding:15px}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar input,.filter-bar select{max-width:none}.form-grid{grid-template-columns:1fr}.package-admin-card{grid-template-columns:75px 1fr}.package-admin-image{width:75px;height:75px}.user-admin-card{grid-template-columns:auto 1fr}.user-admin-card details{grid-column:1/-1}.detail-header{align-items:flex-start;gap:12px}.inline-actions{flex-direction:column}.page-heading h1{font-size:27px}.auth-card{padding:22px}.admin-topbar{height:70px}}
@media(max-width:420px){.stats-grid{grid-template-columns:1fr}.hero-copy h1{font-size:36px}.hero-visual{height:230px}.chip-one{left:-5px}.chip-two{right:-5px}.order-total strong{font-size:22px}}
.topup-qr{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.topup-qr img{width:130px;height:130px;object-fit:cover;border-radius:12px}.topup-qr>div{display:flex;flex-direction:column;gap:3px}.topup-qr small{color:var(--muted)}.topup-qr b{color:var(--primary);font-size:17px}.topup-qr button{border:0;background:#eff6ff;color:var(--primary);border-radius:9px;padding:8px;margin-top:6px;font-weight:800;cursor:pointer}@media(max-width:420px){.topup-qr{grid-template-columns:1fr;text-align:center}.topup-qr img{margin:auto}}