:root{--ink: #1d2433;--muted: #5d6677;--line: #d9dde5;--paper: #ffffff;--ground: #eef1f5;--accent: #b3202a;--accent-ink: #ffffff;--ok: #1f7a4d;--bad: #b3202a;--wait: #9a6b00;--radius: 10px;--sidebar-bg: #132a4d;--sidebar-bg-2: #0d2039;--sidebar-text: #b7c4dd;--sidebar-active: #1c3f70;--sidebar-width: 250px;font-family:Noto Sans Lao Looped,Noto Sans Lao,Phetsarath OT,system-ui,sans-serif;color:var(--ink);background:var(--ground);line-height:1.6}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground)}a{color:var(--accent)}.shell{display:flex;height:100vh;overflow:hidden}.shell-main{flex:1;min-width:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}.sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);background:linear-gradient(180deg,var(--sidebar-bg),var(--sidebar-bg-2));color:var(--sidebar-text);display:flex;flex-direction:column;gap:6px;padding:18px 14px;height:100%;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.sidebar-logo{width:34px;height:34px;flex:0 0 34px;border-radius:9px}.sidebar-brand-name{color:#fff;font-weight:700;font-size:1.02rem;overflow-wrap:anywhere}.sidebar-nav{display:flex;flex-direction:column;gap:3px;flex:1}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--sidebar-text);text-decoration:none;font-size:.94rem}.sidebar-link-icon{display:inline-flex;flex:0 0 auto}.sidebar-link:hover{background:#ffffff0f;color:#fff}.sidebar-link.active{background:var(--sidebar-active);color:#fff;font-weight:600}.sidebar-signout{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-top:8px;border:0;border-radius:8px;background:none;color:var(--sidebar-text);font:inherit;font-size:.94rem;cursor:pointer;text-align:left}.sidebar-signout:hover{background:#ffffff0f;color:#fff}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0a101c80;z-index:20;padding:0;cursor:pointer}.topbar{display:flex;align-items:center;gap:14px;flex:0 0 auto;padding:14px 20px;background:var(--paper);border-bottom:1px solid var(--line)}.topbar-brand{display:none;font-weight:700;font-size:1.05rem}.topbar-title{display:block;margin:0;flex:1;font-size:1.05rem;font-weight:700}.topbar-menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px;cursor:pointer;color:var(--ink)}.notify{position:relative;flex:0 0 auto}.topbar-notify-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer}.topbar-notify-btn:hover{background:var(--ground)}.topbar-notify-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:99px;background:var(--accent);color:#fff;font-size:.68rem;font-weight:700;line-height:1;border:2px solid var(--paper)}.notify-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-width:calc(100vw - 32px);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 40px #0d1c5524;overflow:hidden;z-index:15}.notify-dropdown-head{padding:14px 16px;font-weight:700;border-bottom:1px solid var(--line)}.notify-dropdown-empty{padding:20px 16px;margin:0;text-align:center}.notify-dropdown-list{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto}.notify-dropdown-list li{padding:10px 16px;border-bottom:1px solid var(--line)}.notify-dropdown-list li:last-child{border-bottom:0}.notify-dropdown-list p{margin:0}.notify-dropdown-title{font-size:.9rem;font-weight:600;margin-bottom:2px!important}.notify-dropdown-all{display:block;padding:12px 16px;text-align:center;font-size:.9rem;font-weight:600;border-top:1px solid var(--line);text-decoration:none}.notify-dropdown-all:hover{background:var(--ground)}.content{flex:1;overflow-y:auto}.content-inner{max-width:1600px;margin:0 auto;padding:20px 32px 32px;width:100%;min-height:100%;display:flex;flex-direction:column}.page-fill{display:flex;flex-direction:column;flex:1;min-height:0}.center-page{justify-content:center;align-items:center}.narrow{max-width:480px;width:100%;margin-left:auto;margin-right:auto}section{margin-top:20px}@media(max-width:900px){.sidebar{position:fixed;left:0;top:0;z-index:30;height:100vh;transform:translate(-100%);transition:transform .2s ease;box-shadow:2px 0 16px #00000040}.sidebar.open{transform:translate(0)}.topbar-menu-btn{display:inline-flex}.content-inner{padding:20px 16px 48px}}.login-page{--login-navy: #223e94;--login-navy-dark: #0d1c55;--login-gold: #f59e0b;--login-focus: #0d9488;min-height:100vh;display:grid;place-items:center;padding:24px;background:#e8eaf2}.login-shell{width:100%;max-width:1080px;min-height:560px;display:grid;grid-template-columns:1fr 1fr;background:var(--paper);border-radius:24px;overflow:hidden;box-shadow:0 24px 60px #0d1c5524}.login-illustration{position:relative;overflow:hidden;padding:48px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;color:#fff;background:linear-gradient(160deg,var(--login-navy),var(--login-navy-dark))}.login-illustration-glow{position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.35),transparent 70%)}.login-illustration-logo{border-radius:18px;box-shadow:0 10px 28px #00000040}.login-illustration-title{margin:0;font-size:1.4rem}.login-illustration-tagline{margin:0;max-width:320px;color:#c7d0ee;font-size:.94rem}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:360px}.login-brand{margin-bottom:22px}.login-logo-mobile{display:none;border-radius:12px;margin-bottom:14px}.login-brand-name{margin:0;font-weight:700;font-size:1.3rem;color:var(--login-navy-dark);overflow-wrap:anywhere}.login-brand-sub{margin:2px 0 0;color:var(--muted);font-size:.86rem}.login-card input:focus-visible{outline:none;border-color:var(--login-focus);box-shadow:0 0 0 3px #0d94882e}.login-password-field{position:relative;display:block}.login-password-field input{padding-right:66px}.login-password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--login-navy);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;padding:6px 8px}.login-submit{display:inline-block;width:100%;padding:13px 18px;border:0;border-radius:8px;background:var(--login-navy);color:#fff;font:inherit;font-weight:700;text-align:center;cursor:pointer}.login-submit:hover{background:var(--login-navy-dark)}.login-submit:disabled{opacity:.6;cursor:progress}.login-submit:focus-visible{outline:3px solid #aeb9e8;outline-offset:1px}@media(max-width:860px){.login-shell{grid-template-columns:1fr;max-width:420px}.login-illustration{display:none}.login-logo-mobile{display:block}}h1{font-size:1.5rem;margin:0 0 16px;line-height:1.3}.section-title{font-size:1rem;margin:0 0 12px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.card+.card{margin-top:14px}.center{text-align:center}label{display:block;font-size:.92rem;color:var(--muted);margin-bottom:12px}input,select{display:block;width:100%;margin-top:4px;padding:10px 12px;font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:8px;background:#fff}input:focus-visible,select:focus-visible,.pay:focus-visible{outline:3px solid #f2b8bc;outline-offset:1px}.pay{display:inline-block;width:100%;padding:13px 18px;border:0;border-radius:8px;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}.pay:hover{filter:brightness(.94)}.pay:disabled{opacity:.6;cursor:progress}.link-button{padding:0;font:inherit;font-size:.88rem;color:var(--muted);background:none;border:0;cursor:pointer;text-decoration:underline}.center-block{display:block;margin:12px auto 0;text-align:center}.hint,.muted{color:var(--muted);font-size:.88rem}.hint{margin:8px 0 0}.slip-hint{margin:0 0 14px}.mono{font-family:ui-monospace,Consolas,monospace;font-size:.84rem;margin:0;overflow-wrap:anywhere}.alert{background:#fdecee;color:var(--bad);border:1px solid #f3c2c7;padding:10px 14px;border-radius:8px}.notice{background:#e3f4ea;color:var(--ok);border:1px solid #b9e2cb;padding:10px 14px;border-radius:8px}.summary{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;text-align:left;margin:0 0 16px}.summary dt{color:var(--muted)}.summary dd{margin:0;font-weight:600;overflow-wrap:anywhere}.summary dd code{display:inline-block;padding:4px 8px;background:var(--ground);border-radius:6px;font-size:.82rem;font-weight:400;overflow-wrap:anywhere}.qr{margin:0 auto 8px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.qr svg{display:block;width:100%;height:100%}.qr-amount{font-size:1.4rem;font-weight:700;margin:4px 0 0}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stat-row.four{grid-template-columns:repeat(4,1fr)}.stat{display:grid;gap:4px;padding:16px 18px;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius)}.stat strong{font-size:1.5rem;font-variant-numeric:tabular-nums}.admin-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-head>:only-child{margin-left:auto}.admin-orders{list-style:none;margin:0;padding:0;display:grid;gap:10px}.admin-order{padding:14px 18px}.admin-order p{margin:4px 0 0}.admin-order-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-link{display:block;color:inherit;text-decoration:none}.chip{font-size:.76rem;font-weight:600;padding:3px 10px;border-radius:99px;white-space:nowrap}.chip-submitted{background:#fff4d6;color:#7a5600}.chip-pending{background:var(--ground);color:var(--muted)}.chip-paid{background:#e3f4ea;color:var(--ok)}.chip-failed{background:#fdecee;color:var(--bad)}.admin-actions{display:grid;gap:10px;justify-items:start}.actions{border-top:1px solid var(--line);padding-top:16px}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);font-size:.92rem}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{color:var(--muted);font-weight:600;font-size:.84rem}.table tr:last-child td{border-bottom:0}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.payments-panel{padding:24px;flex:1;display:flex;flex-direction:column;min-height:0}.filters{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:18px 16px;align-items:end;flex:0 0 auto}.filters label{margin:0}.filters-actions{display:flex}.filters .pay{width:auto;padding:11px 26px}@media(max-width:1100px){.filters{grid-template-columns:repeat(4,1fr)}.filters-actions{grid-column:1 / -1;justify-content:flex-end}}.payments-results{flex:1;display:flex;flex-direction:column;min-height:0;margin-top:16px}.payments-results .empty-state{flex:1;align-content:center}.panel-footer{margin:20px 0 0;color:var(--muted);font-size:.88rem}.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.tab{padding:8px 14px;font:inherit;font-size:.88rem;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:99px;cursor:pointer}.tab:disabled{opacity:.5;cursor:default}.empty-state{display:grid;justify-items:center;gap:14px;padding:56px 20px 40px;color:var(--muted);text-align:center}.empty-state svg{color:#c7d0dd}.empty-state p{margin:0;font-size:.96rem}.detail-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px;padding:16px 22px}.detail-hero h1{margin:0;font-size:1.7rem}.detail-hero-title{display:flex;align-items:center;gap:12px}.detail-back{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 12px;flex:0 0 auto;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;text-decoration:none;font:inherit;font-size:.9rem;font-weight:600;white-space:nowrap;cursor:pointer}.detail-back:hover{background:var(--ground)}.detail-grid{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:14px;align-items:stretch}.detail-grid>.card+.card{margin-top:0}.detail-grid>:only-child{grid-column:1 / -1}.detail-qr{display:flex;flex-direction:column;justify-content:center}.detail-accent{border-top:4px solid var(--line)}.detail-accent-pending{border-top-color:var(--wait)}.detail-accent-paid{border-top-color:var(--ok)}.detail-accent-failed{border-top-color:var(--bad)}.btn-outline-bad{display:block;width:100%;margin-top:10px;padding:12px 18px;border:1px solid var(--bad);border-radius:8px;background:#fff;color:var(--bad);font:inherit;font-weight:600;text-align:center;cursor:pointer}.btn-outline-bad:hover{background:#fdecee}.btn-outline-bad:disabled{opacity:.6;cursor:progress}.btn-outline-bad:focus-visible{outline:3px solid #f2b8bc;outline-offset:1px}.secret-box{margin-bottom:16px;border-color:var(--wait)}.secret-box p{margin:0 0 10px}.secret-box strong{display:block;font-size:.84rem;color:var(--muted)}.secret-box code{display:block;padding:8px 10px;margin-top:4px;background:var(--ground);border-radius:6px;font-size:.84rem;overflow-wrap:anywhere}.steps{margin:0 0 16px;padding-left:20px;font-size:.92rem}.steps li{margin-bottom:8px}@media(max-width:760px){.stat-row.four,.filters{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}@media(max-width:420px){.filters,.summary{grid-template-columns:1fr}}