*{box-sizing:border-box}body{margin:0;background:#11191e;color:#edf0f2;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button,input,select{outline-offset:4px}header{height:88px;padding:0 42px;border-bottom:1px solid #2d363c;background:#172127;gap:32px}.brand,header{display:flex;align-items:center}.brand{font-size:26px;font-weight:900;letter-spacing:-1px}.brand>span:last-child,.footer-brand span{color:#f05a19}.mark{border-color:#f05a19 #f05a19 #b6bdc0 #b6bdc0;border-style:solid;border-width:4px;border-radius:50%;height:43px;width:43px;margin-right:10px;display:grid;place-items:center;font-size:27px;font-style:italic}.header-tag{color:#85929a;font-size:10px;letter-spacing:2px;border-left:1px solid #384047;padding-left:30px}.private{margin-left:auto;color:#b7c1c6;font-size:12px;display:flex;gap:8px;align-items:center}.board-bottom i,.private span{width:6px;height:6px;display:inline-block;background:#79b89d;border-radius:50%}main{padding:45px 40px 0;max-width:1900px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#a9b2b9;font-weight:700}.eyebrow span{margin:0 12px;color:#f05a19}h1{font-size:38px;letter-spacing:-1.5px;margin:15px 0 12px}h1>span{color:#f05a19}p{color:#97a4ac;line-height:1.6}.intro p{margin:0;font-size:13px}.export{display:flex;align-items:center;gap:10px;padding:13px 18px;background:#293239;color:#e6e9eb;border:1px solid #414a50;border-radius:8px}.export:hover{background:#36414a}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.stats>div{position:relative;border:1px solid #303b42;background:linear-gradient(120deg,#202b32,#1a242a);border-radius:10px;padding:22px 25px;min-height:132px}.stats>div:first-child{border-top:2px solid #f05a19}.stats>div>span{font-size:10px;font-weight:600;letter-spacing:1.3px;color:#a4b0b7}.stats strong{display:block;font-size:36px;font-weight:600;letter-spacing:-1px;margin-top:12px}.stats strong small{font-size:13px;color:#829099;letter-spacing:0;font-weight:400;margin-left:7px}.stats svg{bottom:25px;color:#f05a19}.progress,.stats svg{position:absolute;right:25px}.progress{height:3px;bottom:22px;width:35%;background:#36434a;border-radius:5px;overflow:hidden}.progress i{height:100%;display:block;background:#f05a19}.stat-note{color:#84939b;font-size:10px;display:block;margin-top:7px}.board{border:1px solid #344048;border-radius:12px;background:#182229;overflow:hidden}.board-top{padding:24px;justify-content:space-between}.board-top,.board-top h2{display:flex;align-items:center}.board-top h2{font-size:17px;gap:10px;margin:0 0 8px}.board-top h2 svg{color:#f05a19}.board-top>div>span{color:#8c9ba4;font-size:11px}.tools{display:flex;gap:8px}.tools button{background:#253139;color:#a5b2bb;padding:10px}.search,.tools button{border:1px solid #3b4952;border-radius:7px}.search{display:flex;gap:10px;align-items:center;background:#111b21;padding:10px 12px;color:#7d8b94}.search input{background:transparent;border:0;outline:none;color:#fff;width:200px;font-size:12px}.filterbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px 22px;border-bottom:1px solid #303c44}.filters{display:flex;gap:6px}.filters button{padding:8px 13px;border:1px solid transparent;border-radius:6px;background:transparent;color:#9cabb4;font-size:11px}.filters button.active{background:#ef5a181a;color:#ff7b41;border-color:#ef5a184d}.hint{display:flex;align-items:center;gap:6px;color:#7e8f9a;font-size:11px}.scroll{overflow-x:auto;padding:16px 22px 28px;scrollbar-color:#54636d #1b262e}.matrix{min-width:1260px}.columns,.ticket-row{display:grid;grid-template-columns:22px repeat(20,minmax(0,1fr));gap:7px}.columns{margin-bottom:13px;color:#697f8c;text-align:center;font-size:9px}.ticket-row{margin-bottom:11px}.row-label{display:flex;align-items:center;font-size:11px;color:#8ea0aa;font-weight:700}.ticket{height:111px;min-width:0;border:1px solid #394952;border-radius:7px;background:#212f38;text-align:left;padding:9px 7px;position:relative;color:#d8e0e5;transition:transform .15s,border-color .15s}.ticket:after{content:"";position:absolute;bottom:25px;left:0;right:0;border-top:1px dashed #ffffff18}.ticket:hover{transform:translateY(-3px);border-color:#f7763a;background:#2c3b44}.ticket-no{font-size:10px;font-weight:700;display:flex;justify-content:space-between;color:#9eafb9}.ticket-no i{width:4px;height:4px;border-radius:50%;background:#61717c;margin-top:3px}.ticket-name{display:block;height:50px;line-height:1.35;font-size:11px;margin-top:11px;overflow:hidden;overflow-wrap:anywhere}.ticket.empty .ticket-name{font-size:20px;color:#607581;text-align:center;padding-top:0}.ticket-state{position:absolute;bottom:9px;font-size:8px;color:#7f929e;letter-spacing:.6px}.ticket.reserved{border-color:#ad7139;background:#3a2c22}.ticket.reserved .ticket-no i{background:#f4a454}.ticket.paid{border-color:#397da6;background:#1a3447}.ticket.paid .ticket-no i{background:#5db6ef}.ticket.arrived{border-color:#398b74;background:#1d3934}.ticket.arrived .ticket-no i{background:#66c6a7}.ticket.dim{opacity:.18}.board-bottom{padding:17px 24px;border-top:1px solid #303c44;display:flex;justify-content:space-between;color:#7f929d;font-size:10px}.board-bottom span:first-child{display:flex;gap:7px;align-items:center}footer{padding:27px 0 30px;display:flex;justify-content:space-between;align-items:center;color:#61737e;font-size:10px}.footer-brand{font-weight:900;font-size:15px;color:#95a3aa}footer>span:last-child{letter-spacing:1.5px}.overlay{position:fixed;inset:0;background:#070e13ce;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{width:450px;border:1px solid #44535c;border-radius:16px;padding:28px;background:#1c282f;box-shadow:0 25px 100px #0009}.modal-top{justify-content:space-between}.modal-top,.modal-top>span{display:flex;align-items:center}.modal-top>span{gap:9px;color:#fa7538;font-size:12px;letter-spacing:1px}.modal-top button{background:transparent;color:#b6c0c5;border:0}.modal h2{font-size:25px;margin-bottom:4px}.modal p{font-size:12px;margin-top:0}.modal label{display:block;font-size:12px;color:#bcc7ce;margin-top:22px}.modal input,.modal select{display:block;width:100%;padding:13px;border:1px solid #485962;border-radius:6px;background:#121d24;color:white;margin-top:8px}.modal-actions{display:flex;justify-content:space-between;gap:10px;margin-top:30px}.modal-actions button{padding:12px;border:1px solid #40505a;background:transparent;color:#b4c1c9;border-radius:7px;font-size:12px}.modal-actions .primary{background:#ef5a18;border-color:#ef5a18;color:white}.modal>small{display:flex;align-items:center;gap:6px;font-size:10px;color:#8398a4;margin-top:20px}.error{padding:12px;background:#622b29;color:#ffcfbe!important;border-radius:5px;margin:10px 20px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 22px;display:flex;gap:10px;align-items:center;border:1px solid #588675;background:#254438;border-radius:8px;box-shadow:0 10px 40px #0008;z-index:20}@media(min-width:1700px){.ticket{height:125px}.ticket-name{font-size:12px}}@media(max-width:800px){header{padding:0 20px;height:73px}.header-tag{display:none}.brand{font-size:20px}.private{font-size:10px}.mark{width:34px;height:34px;font-size:22px}main{padding:28px 16px 0}h1{font-size:29px}.intro{align-items:flex-start;gap:20px;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stats>div{padding:17px;min-height:120px}.stats strong{font-size:29px}.board-top{padding:18px;gap:18px;align-items:flex-start;flex-direction:column}.tools{width:100%}.search{flex:1 1}.search input{width:100%}.filterbar{padding:0 12px 15px}.filters{gap:0}.filters button{padding:8px 10px}.hint{display:none}.board-bottom{gap:14px;flex-direction:column}footer>span:nth-child(2){display:none}.scroll{padding-left:12px}.toast{width:90%;font-size:12px;justify-content:center}}.auth-button{background:#e75214;color:white;border:0;border-radius:7px;padding:10px 14px;text-decoration:none;font-size:12px;margin-left:10px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#403027,#11191e 60%)}.modal-actions a{color:#bcc7ce;font-size:12px;align-self:center}.ticket:disabled{cursor:default;opacity:1}.ticket.dim:disabled{opacity:.18}.ticket:disabled:hover{transform:none}.private{gap:5px}.logo{display:block;height:54px;width:auto}.login-logo{margin-bottom:6px}@media(max-width:800px){.logo{height:40px}}.admin-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:14px 24px;border-bottom:1px solid #303c44;color:#7e8f9a;font-size:11px}.admin-tools span{margin-right:4px}.admin-tools button{padding:8px 13px;border:1px solid #ef5a184d;border-radius:6px;background:#ef5a181a;color:#ff7b41;font-size:11px}.admin-tools .danger{margin-left:auto;border-color:#a8433d;background:#622b2955;color:#ffb4a3}@media(max-width:800px){.admin-tools{padding:12px}.admin-tools .danger{margin-left:0}}