:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#10263b;background:#f3f6f8}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:11px 16px;background:#0f6659;color:#fff;font-weight:700}button:hover{filter:brightness(1.1)}button.secondary{background:#e7eef0;color:#173d46}.shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#0b2630;color:#fff;padding:26px 18px;flex-shrink:0}.brand{font-size:22px;font-weight:900;letter-spacing:.03em;margin:8px 8px 32px}.brand span{display:block;font-size:11px;color:#8dd6ba;letter-spacing:.2em}.nav{display:block;width:100%;text-align:left;margin:7px 0;background:transparent;color:#b9cbd1}.nav.active{background:#176054;color:white}.main{flex:1;min-width:0;padding:30px;max-width:1400px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.top h1{margin:0;font-size:28px}.muted{color:#627684}.chip{background:#fff1c7;color:#7b5800;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:800}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.panel{background:white;border:1px solid #e2e9ec;border-radius:18px;padding:22px;box-shadow:0 6px 22px #20354409}.card strong{display:block;font-size:32px;margin-top:12px}.panel{margin-top:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel h2{margin:0 0 18px;font-size:19px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:12px;border-bottom:1px solid #e9eff1;font-size:14px}th{color:#657a85;font-size:12px;text-transform:uppercase}label{display:block;color:#425968;font-size:13px;font-weight:700;margin:12px 0}input,select{display:block;width:100%;margin-top:6px;border:1px solid #cbd9df;border-radius:10px;padding:11px;background:white;color:#10263b}form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#08262e,#126d5f)}.login .panel{width:min(430px,100%);padding:34px}.login h1{margin:0}.login button{width:100%;margin-top:15px}.notice{padding:12px 16px;border-radius:10px;background:#e7f4ed;color:#18614e;margin-bottom:18px}.error{background:#ffebeb;color:#a33434}.pill{padding:5px 9px;border-radius:20px;background:#e5f4ee;color:#146450;font-weight:700;font-size:12px}.pill.used{background:#edf0f4;color:#576c79}.seatmap{display:grid;grid-template-columns:repeat(4,44px);gap:7px;margin:16px 0}.seat{padding:9px 0;background:#edf3f4;color:#213b43;font-size:12px}.seat.taken{background:#d2d9dd;color:#7b8b92;cursor:not-allowed}.seat.selected{background:#0f6659;color:#fff}.ticket{border:2px dashed #78bca5;padding:18px;border-radius:14px;background:#f8fffb}.ticket strong{font-size:22px}@media(max-width:850px){.shell{display:block}.sidebar{width:auto}.brand{margin:0 8px 12px}.nav{display:inline-block;width:auto}.main{padding:16px}.cards,.grid2{grid-template-columns:1fr 1fr}}@media(max-width:550px){.cards,.grid2,form .row{grid-template-columns:1fr}.top{align-items:flex-start;gap:10px}.sidebar{padding:12px}.nav{padding:8px}}