:root{--primary-jade:#00a86b;--primary-jade-dark:#008f5b;--primary-jade-light:#e6f7f0;--text-dark:#2d3436;--text-gray:#636e72;--bg-white:#fff;--bg-light:#f8f9fa;--glass-bg:#fffc;--border-radius:12px;--shadow:0 8px 32px #0000001a;font-family:Noto Sans Myanmar,Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-dark);background:linear-gradient(135deg,#f5fcf9 0%,#e6f7f0 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}#app{width:100%;max-width:900px}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid #ffffff4d;padding:40px}header{text-align:center;margin-bottom:40px}header h1{color:var(--primary-jade-dark);margin-bottom:10px;font-size:2.5rem}header p{color:var(--text-gray)}.form-group{margin-bottom:24px}label{color:var(--text-dark);margin-bottom:8px;font-weight:600;display:block}input{border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .3s}input:focus{border-color:var(--primary-jade);outline:none}.split-input{align-items:center;gap:10px;display:flex}.split-input input{text-align:center;text-transform:uppercase;padding:12px 8px}.separator{color:var(--text-gray);font-size:1.2rem;font-weight:700}.grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.slots-container{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:20px;display:grid}.slot{text-align:center;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:12px;transition:all .2s}.slot:hover:not(.disabled){border-color:var(--primary-jade);background:var(--primary-jade-light)}.slot.selected{background:var(--primary-jade);color:#fff;border-color:var(--primary-jade)}.slot.disabled{color:#ccc;cursor:not-allowed;background:#f0f0f0;border-color:#eee}.btn{background:var(--primary-jade);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:20px;padding:16px;font-size:1.1rem;font-weight:700;transition:background .3s}.btn:hover{background:var(--primary-jade-dark)}.btn:disabled{cursor:not-allowed;background:#ccc}.confirmation{text-align:center}.success-icon{color:var(--primary-jade);margin-bottom:20px;font-size:4rem}#qrcode{background:#fff;border-radius:8px;margin:20px auto;padding:10px;display:inline-block}.loading-spinner{border:4px solid #0000001a;border-left-color:var(--primary-jade);border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=600px){body{padding:10px}.card{padding:24px 16px}header h1{font-size:1.8rem}.grid{grid-template-columns:1fr;gap:10px}.split-input{gap:5px}.split-input input{padding:12px 4px;font-size:.9rem}.slot{padding:10px 5px;font-size:.9rem}.btn{padding:14px;font-size:1rem}}.error-message{color:#e03131;background:#fff5f5;border-left:4px solid #e03131;border-radius:8px;margin-top:-10px;margin-bottom:20px;padding:12px;font-size:.9rem;display:none}@media (width<=800px){.conf-header{text-align:center!important;flex-direction:column!important;align-items:center!important}.conf-header>div:last-child{margin-top:15px;text-align:center!important}.conf-columns{flex-direction:column!important;gap:20px!important}.conf-columns>div{flex:auto!important;width:100%!important}.conf-buttons{grid-template-columns:1fr!important;gap:10px!important}}