*{box-sizing:border-box}body{margin:0;background:#0d0e10;color:#f3eee3;font:14px Arial,sans-serif;display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{padding:28px 20px;border-right:1px solid #2c2c2c}aside h2{color:#d6b66d;letter-spacing:1px;margin-bottom:3px}aside small{color:#888}nav{display:grid;gap:8px;margin-top:35px}button,.upload{padding:10px 13px;border:1px solid #3b3b3b;border-radius:8px;background:#1c1e21;color:#eee;cursor:pointer}.gold{background:#d6b66d;color:#17130b;border-color:#d6b66d;font-weight:bold}main{padding:35px;max-width:1200px;width:100%}h1{font-size:30px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards div,.panel,.item{background:#16181b;border:1px solid #2d2f32;border-radius:14px;padding:18px;margin:12px 0}.cards b{display:block;font-size:24px;margin-top:10px}.cards small,p{color:#aaa49a}.item{display:flex;justify-content:space-between;align-items:center;gap:15px}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button{padding:7px 9px;font-size:11px}label{display:grid;gap:6px;margin:12px 0;color:#bbb}input,select,textarea{background:#0f1113;border:1px solid #37393c;border-radius:8px;padding:11px;color:#eee;width:100%}textarea{min-height:85px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload input{display:none}#qrPic img{max-width:140px}dialog{width:min(760px,95vw);background:#17191c;color:#eee;border:1px solid #444;border-radius:14px;padding:22px}#modalBody .paper{background:white;color:#151515;padding:35px}.paper p{color:#555}.paper header{display:flex;justify-content:space-between;border-bottom:2px solid #c5a45b;padding-bottom:20px}.paper h2{color:#9b7b36}.paper table{width:100%;border-collapse:collapse;margin:25px 0}.paper td,.paper th{padding:10px;border-bottom:1px solid #ddd;text-align:left}.paper .right{text-align:right}.total{font-size:19px;font-weight:bold;text-align:right}.pay{border:1px solid #ddd;padding:14px;margin-top:20px;display:flex;gap:15px}.pay img{width:120px;height:120px;object-fit:contain}.print{margin:12px 0}@media(max-width:750px){body{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #2c2c2c}nav{display:flex;overflow:auto;margin-top:15px}main{padding:20px}.cards,.grid{grid-template-columns:1fr 1fr}.item{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.cards,.grid{grid-template-columns:1fr}}@media print{body>*{display:none!important}dialog{display:block!important;position:static;border:0;width:100%;padding:0}dialog>button,.print{display:none!important}#modalBody .paper{padding:15mm}}