.di{font-family:Arial,sans-serif;color:#13233f;padding:18px 12px 100px;max-width:1400px;margin:auto}.di header{background:#102849;color:#fff;border-radius:18px;padding:24px;margin-bottom:18px}.di h1{font-size:30px;margin:8px 0 20px}.di h2{font-size:21px}.di h3{font-size:17px}.di-eyebrow{letter-spacing:2px;font-size:11px;color:#b4d1f5}.di nav,.di-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.di-btn{border:0;background:#1764d8;color:white;border-radius:9px;padding:12px 16px;font-size:13px;font-weight:700;cursor:pointer;min-height:44px}.di-btn.soft{background:#e9f0fb;color:#164878}.di-btn:disabled{opacity:.5;cursor:wait}.di-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}.di-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.di-card,.di-ticket,.di-table{background:#fff;border:1px solid #dbe3ef;border-radius:14px;padding:20px;text-align:left;color:#13233f}.di-table{cursor:pointer;border-top:5px solid #2caa77}.di-table.occupied{border-top-color:#e49520;background:#fff9ef}.di-table.reserved{border-top-color:#7759ce;background:#f7f3ff}.di-table.cleaning,.di-table.closing{border-top-color:#198baa;background:#effbff}.di-table.disabled{opacity:.6;border-top-color:#929aa8}.di label{display:grid;gap:7px;margin:12px 0;font-size:13px;flex:1;min-width:100px}.di input,.di select{box-sizing:border-box;max-width:100%;width:100%;padding:12px;border:1px solid #cbd7e7;border-radius:8px;background:white;color:#13233f;font-size:15px}.di small{color:#64748b}.di-pill{padding:6px 12px;border-radius:20px;background:#eef4fb;font-size:12px}.di-message{white-space:pre-wrap;color:#146b45;min-height:18px}.di-message.error{color:#b42318;background:#fff2f0;padding:12px;border-radius:8px}.di-empty{padding:35px;background:#f2f6fc;border-radius:16px}.di-scroll{overflow-x:auto}.di table{width:100%;border-collapse:collapse}.di td,.di th{padding:12px;border-bottom:1px solid #e3e9f1;text-align:left;font-size:13px}.di p{line-height:1.6}.di-ticket p{margin:12px 0}.di hr{border:0;border-top:1px solid #e5ebf5;margin:20px 0}

.di{font-family:Inter,system-ui,sans-serif;padding:12px 8px 90px}.di header{background:linear-gradient(120deg,#112947,#1e4d72);padding:20px;border-radius:20px}.di h1{font-size:26px;margin:6px 0 16px}.di nav .di-btn{flex:1;min-width:90px}.di-grid,.di-floor-backdrop{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.di-floor-backdrop{opacity:.45}.di-table{padding:18px;border-radius:18px;box-shadow:0 4px 12px #13233f08;min-height:150px}.di-table span{font-size:12px;color:#64748b}.di-table h2{font-size:24px;margin:14px 0}.di-table b{text-transform:capitalize;font-size:12px}.di-dialog{box-sizing:border-box;width:min(860px,96vw);max-height:90dvh;margin:auto;border:0;border-radius:22px;padding:22px;background:#f8fafc;color:#13233f;box-shadow:0 24px 90px #0f172a44;overflow:auto}.di-dialog::backdrop{background:#0f172a99;backdrop-filter:blur(3px)}.di-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.di-dialog-head h2{margin:5px 0}.di-dialog-head small{color:#64748b;letter-spacing:1px;font-size:10px}.di-panel-tabs{display:flex;gap:8px;overflow:auto;padding:16px 0 4px}.di-panel-tabs button{white-space:nowrap;flex:1}.di-dialog .di-layout{display:block}.di-dialog .di-layout>section{display:none}.di-dialog [data-panel=order] .di-layout>section:first-child{display:block}.di-dialog [data-panel=bill] .di-layout>section:nth-child(2){display:block}.di-dialog .di-tickets-panel,.di-dialog .di-settings-panel{display:none}.di-dialog [data-panel=tickets] .di-tickets-panel,.di-dialog [data-panel=settings] .di-settings-panel{display:block}.di-dialog .di-dialog-content>.di-row:first-child{display:none}.di-dialog .di-card{padding:18px}.di-dialog .di-message:empty{display:none}.di-dialog .di-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.di-dialog input,.di-dialog select{min-height:46px}.di-dialog .di-btn{min-height:44px}.di-dialog-content>p{font-size:13px;color:#64748b}@media(max-width:600px){.di-dialog{padding:16px;width:96vw;max-height:94dvh}.di-panel-tabs button{padding:10px;font-size:12px}.di-dialog .di-grid{grid-template-columns:1fr}.di-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.di-table{padding:14px}.di nav{gap:6px}.di nav .di-btn{padding:10px;font-size:12px}}