*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden}body{font-family:Arial,sans-serif;background:#f4f6f9;color:#14213d}header{height:64px;background:#101827;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:30}header small{color:#9fb0ca}header a{color:#fff}.layout{display:flex;min-height:calc(100vh - 64px)}aside{width:278px;flex:0 0 278px;background:#18243a;padding:24px 6px}aside a{display:block;color:#eef2f8;text-decoration:none;padding:13px 17px;border-radius:8px;margin:2px 0;font-size:18px}aside a.active,aside a:hover{background:#2a3b5b}main{flex:1;min-width:0;padding:32px;max-width:1500px}h1{font-size:38px;margin:0 0 8px}h2{margin-top:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:30px 0}.cards div,section,.plain-card,.ticket{background:#fff;border-radius:14px;padding:22px;box-shadow:0 3px 10px #0000000b}.cards label{display:block;font-size:13px;color:#61718a;font-weight:bold}.cards strong{display:block;font-size:28px;margin-top:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}form input,form select{width:100%;padding:12px;border:1px solid #ccd5e0;border-radius:7px;margin:6px 0;background:#fff;font-size:16px}button{padding:12px 18px;border:0;border-radius:7px;background:#101827;color:#fff;font-weight:bold;cursor:pointer;min-height:44px}.inline{display:flex;gap:10px}.inline>*{margin:0}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.msg{background:#dcfce7;padding:12px 16px;border-radius:8px;margin-bottom:18px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e5e7eb}.tablecards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.tablecards small,.tablecards span{display:block;margin-top:7px}.table-action{margin:0}.table-button{width:100%;text-align:left;border:0;padding:18px;border-radius:12px;min-height:110px}.table-button b{font-size:20px;display:block}.table-button small,.table-button span{display:block;margin-top:8px}.table-button.free{background:#fff;color:#14213d;border:2px solid #dbe4ee}.table-button.occupied{background:#101827;color:#fff}.grand-total{font-size:38px;font-weight:bold;margin:18px 0}.payrow{display:grid;grid-template-columns:1fr 2fr;gap:10px}.kitchen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ticket{border-top:5px solid #18243a}.ticket button{width:100%}.mobile-nav{display:none}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#101827;padding:16px}.login-card{width:min(390px,100%);background:#fff;padding:35px;border-radius:15px}.login-card button{width:100%;margin-top:10px}.err{background:#fee2e2;color:#991b1b;padding:10px;border-radius:7px}
@media(max-width:760px){header{height:58px;padding:0 12px}header b{font-size:17px}header b small{display:none}.desktop-user{font-size:12px}.layout{display:block;min-height:calc(100vh - 58px)}aside{display:none}main{padding:14px 12px 86px;width:100%;max-width:none}h1{font-size:27px;line-height:1.15}.cards{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.cards div,section,.plain-card,.ticket{padding:15px;border-radius:11px}.cards label{font-size:11px}.cards strong{font-size:20px;white-space:nowrap}.grid2,.formgrid{grid-template-columns:1fr;gap:10px}.inline{display:grid;grid-template-columns:1fr;gap:8px}.tablecards{grid-template-columns:1fr 1fr;gap:10px}.kitchen-grid{grid-template-columns:1fr}.payrow{grid-template-columns:1fr}section{overflow-x:auto}table{min-width:560px}button{width:100%;font-size:16px}.grand-total{font-size:30px}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:#101827;z-index:50;padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -2px 12px #0003}.mobile-nav a{color:#dce5f2;text-decoration:none;text-align:center;font-size:10px;padding:6px 2px}.mobile-nav a b{display:block;font-size:20px;line-height:22px;margin-bottom:2px}.mobile-nav a.active{color:#fff;background:#2a3b5b;border-radius:8px}}
@media(max-width:390px){.cards{grid-template-columns:1fr}.tablecards{grid-template-columns:1fr}.desktop-user{font-size:0}.desktop-user a{font-size:12px}.desktop-user a:first-of-type{display:none}}