*{box-sizing:border-box}body{font-family:Arial;margin:0;background:#f6f6f6;color:#262626}.loginpage{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b1400,#ff7a00);padding:16px}.loginbox,.box,.card,.ticket,.panel{background:white;padding:18px;border-radius:18px;box-shadow:0 8px 24px #0002;margin-bottom:14px}.loginbox{width:410px;max-width:100%}input,select,textarea,button{padding:12px;margin:5px;border-radius:12px;border:1px solid #ddd;width:100%;font-size:15px}button,.btn{background:#ff7a00;color:white;border:0;text-decoration:none;display:inline-block;text-align:center;font-weight:bold}.green{background:#159447}.red{background:#c0392b}.sidebar{position:fixed;left:0;top:0;width:235px;height:100vh;background:#2b170d;color:white;padding:18px;overflow:auto}.sidebar a{display:block;color:white;text-decoration:none;background:#ffffff18;margin:7px 0;padding:11px;border-radius:12px}main{margin-left:235px;padding:22px}.cards,.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.formgrid{display:grid;grid-template-columns:170px 1fr;align-items:center}.inline{display:grid;grid-template-columns:1fr 80px auto;gap:6px}.customer-bg{background:#fff1df}.customer{max-width:980px;margin:auto;padding:16px}.hero{background:linear-gradient(135deg,#ff7a00,#ffb000);color:white;border-radius:24px;padding:22px;margin-bottom:14px;box-shadow:0 12px 30px #ff7a0040}.bill-card{background:#2b170d;color:white;border-radius:22px;padding:18px;margin-bottom:14px;display:flex;flex-direction:column;gap:6px}.bill-card b{font-size:30px;color:#ffd36b}.hint{color:#7a523a;font-size:14px;line-height:1.4}.full{grid-column:1/-1}.mainbtn,.addbtn{background:#e85d04}.customer-ticket{border:2px solid #ffd7a3}.karaoke-grid{display:grid;grid-template-columns:45px 1fr 1fr;gap:6px;align-items:center}.alert{background:#ffd8d8;color:#900;padding:10px;border-radius:12px}.success{background:#dcffdf;color:#075b15;padding:10px;border-radius:12px}table{width:100%;background:white;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #eee}th{background:#2b170d;color:white}@media(max-width:900px){.sidebar{position:relative;width:100%;height:auto}main{margin-left:0;padding:12px}.cards,.grid,.formgrid{grid-template-columns:1fr}.inline{grid-template-columns:1fr 70px auto}.karaoke-grid{grid-template-columns:35px 1fr 1fr}.bill-card b{font-size:24px}}@media print{.sidebar,form,button{display:none}main{margin:0}}