:root{font-family:Arial,Helvetica,sans-serif;color:#102033;background:#edf2f7;--nav:#0b1220;--blue:#1e40af;--green:#047857;--gold:#f59e0b;--red:#b91c1c;--line:#d8e1ec}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#eef4fb,#f8fafc);min-height:100vh}header{background:linear-gradient(135deg,#0b1220,#15284a);color:#fff;padding:18px 24px;box-shadow:0 8px 24px #0002}header h1{margin:0;font-size:26px}header p{margin:4px 0 0;color:#cbd5e1}.wrap{max-width:1250px;margin:auto;padding:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:#fff;border:1px solid #e5eaf1;border-radius:18px;padding:18px;box-shadow:0 12px 28px #10203314}.homeCard{text-align:center;padding:28px;min-height:150px}.homeIcon{font-size:42px}.btn,button{border:0;border-radius:13px;background:var(--nav);color:white;padding:13px 16px;font-weight:800;text-decoration:none;display:inline-block;cursor:pointer;margin:4px;font-size:15px}.btn:hover,button:hover{filter:brightness(1.08)}.btn2{background:var(--blue)}.btn3{background:var(--green)}.warn{background:#b45309}.danger{background:var(--red)}.ghost{background:#e2e8f0;color:#0f172a}.muted{color:#64748b}.pill{display:inline-block;padding:6px 10px;border-radius:99px;background:#e2e8f0;font-weight:700}.ok{background:#dcfce7;color:#14532d}.busy{background:#fef3c7;color:#78350f}.waiting{background:#dbeafe;color:#1e3a8a}label{font-weight:800;color:#24344d}input,select,textarea{width:100%;padding:13px;border:1px solid #cbd5e1;border-radius:12px;margin:7px 0 14px;font-size:16px;background:#fff}textarea{min-height:80px}table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden}th{background:#f1f5f9;color:#334155}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}.stat{font-size:34px;font-weight:900;color:#0f172a}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.activeBox{border:2px solid #93c5fd;background:#eff6ff}.bigTicket{font-size:58px;font-weight:900;margin:0;color:#0b1220}.clientLine{font-size:28px;font-weight:900;text-transform:uppercase}.tv{background:#020617;color:white;min-height:100vh;text-align:center}.tv .panel{padding:6vh 4vw}.tv .brand{letter-spacing:6px;color:#93c5fd;font-weight:800}.tv hr{border:0;border-top:1px solid #1e293b;margin:28px 0}.bigNo{font-size:9rem;font-weight:900;line-height:.95;color:#fff;text-shadow:0 10px 28px #000}.client{font-size:4.6rem;font-weight:900;text-transform:uppercase;color:#f8fafc}.staffName{font-size:3.4rem;font-weight:900;color:#facc15}.cat{font-size:2.1rem;color:#bfdbfe}.live{font-size:22px;padding:8px}.small{font-size:13px}.receiptOnly{display:none}@media(max-width:800px){.split{grid-template-columns:1fr}.client{font-size:2.6rem}.staffName{font-size:2.2rem}.bigNo{font-size:5rem}}@media print{header,.noprint,.btn,button,.noPrint{display:none!important}.receiptOnly{display:block}.card{box-shadow:none;border:0}.wrap{padding:0}body{background:white;font-size:12px}@page{size:58mm auto;margin:3mm}table{font-size:10px}th,td{padding:3px}.printHide{display:none!important}}
.miniTicket{display:flex;gap:12px;align-items:center;border:1px solid #e5eaf1;border-radius:14px;padding:11px;margin:8px 0;background:#f8fafc}.miniIcon{font-size:24px;min-width:32px;text-align:center}.createdCard{text-align:center;margin-top:14px}.activeHero{text-align:center}.smallCard{background:#fff;border:1px solid #dbeafe;border-radius:14px;padding:12px;text-align:center;font-size:14px}.tvIcon{font-size:5rem;margin-top:18px}.homeCard:hover{transform:translateY(-2px);transition:.15s;box-shadow:0 18px 34px #10203322}
@media print{.homeIcon,.miniIcon,.tvIcon{font-size:18px!important}.stat{font-size:22px}.card{padding:6px!important}}