*{box-sizing:border-box}body{color:#10201c;background:#eff7df;margin:0;font-family:Arial,Helvetica,sans-serif}.app{background:linear-gradient(160deg,#08110f,#183329 34%,#eff7df 34%);min-height:100vh}.hero{text-align:center;color:#fff;padding:28px 16px}.pill{color:#101510;background:#b8d72f;border-radius:999px;padding:8px 16px;font-weight:800;display:inline-block}h1{margin:14px 0 6px;font-size:36px}h2{margin-top:4px}.tabs{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px;display:flex}.tabs button,.primary,.mini,td button{cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:800}.tabs button{background:#fffc}.tabs .active,.primary{color:#0b1412;background:#b8d72f}.notice{background:#fff4cf;border:1px solid #ffe08a;border-radius:12px;max-width:1100px;margin:10px auto;padding:12px}.grid{grid-template-columns:1.2fr 1fr 1fr;gap:16px;max-width:1120px;margin:20px auto;padding:0 16px;display:grid}.card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 12px 32px #0002}.span2{grid-column:span 2}.span3{grid-column:span 3}.wide{max-width:1120px;margin:20px auto}.cardTitle{align-items:center;gap:8px;margin-bottom:14px;font-size:20px;font-weight:900;display:flex}.stats{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.stat{background:#f2f7e8;border-radius:14px;min-width:120px;padding:12px 16px}.stat div{font-size:26px;font-weight:900}.stat span{color:#667;font-size:13px}.qrbox{background:#f7f7f7;border:1px dashed #bbb;border-radius:16px;justify-content:center;align-items:center;min-height:220px;display:flex}.qrbox img{max-width:220px;max-height:220px}.muted{color:#667;align-items:center;gap:6px;display:flex}.formgrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.formgrid .primary{grid-column:span 2}label{font-weight:800;display:block}input,select{background:#fff;border:1px solid #ddd;border-radius:10px;width:100%;margin-top:6px;padding:12px}.login{max-width:420px;margin:0 auto}.login input{margin-bottom:12px}.closed{background:#fee;border:1px solid #f99;border-radius:12px;padding:16px;font-weight:800}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #eee;padding:10px}td button{background:#eef2f0;align-items:center;gap:5px;margin-right:6px;display:inline-flex}.mini{background:#eef2f0;align-items:center;gap:5px;margin-left:auto;display:inline-flex}.badge{border-radius:999px;padding:6px 10px;font-size:13px;font-weight:900;display:inline-block}.badge.ok{color:#08783d;background:#e4f8ec}.badge.wait{color:#a25a00;background:#fff2d9}hr{border:0;border-top:1px solid #eee;margin:14px 0}@media (width<=900px){.grid{grid-template-columns:1fr}.span2,.span3{grid-column:span 1}.wide{margin:16px;overflow:auto}h1{font-size:28px}.formgrid{grid-template-columns:1fr}.formgrid .primary{grid-column:span 1}.stat{flex:1;min-width:100px}table{font-size:14px}}