.floor-table{-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff;border:2px solid #334155;box-shadow:0 10px 18px #0f172a14;color:#0f172a;cursor:pointer;font-weight:700;overflow:visible;padding:7px;position:absolute;touch-action:manipulation;transition:all .3s ease;-webkit-user-select:none;user-select:none}.floor-table,.table-inner{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.table-inner{border-radius:inherit;flex-direction:column;gap:2px;height:100%;overflow:hidden;padding:6px 4px 8px;position:relative;width:100%}.table-reservation-chip{background:linear-gradient(180deg,#16a34a,#15803d);border-radius:999px;box-shadow:0 6px 14px #16a34a3d;color:#fff;font-size:.64rem;font-weight:700;left:50%;max-width:140px;overflow:hidden;padding:3px 8px;position:absolute;text-overflow:ellipsis;top:-20px;transform:translateX(-50%);white-space:nowrap;z-index:3}.input-text{border:2px solid #333;border-radius:4px;color:#000;font-size:1rem;margin-bottom:10px;padding:10px;width:100%}.input-text:focus{background:#f9f9f9;border-color:#000;outline:none}.table-round{border-radius:50%;height:112px;width:112px}.table-long{border-radius:8px;height:78px;width:156px}.table-rect{border-radius:6px;height:78px;width:100px}.table-rect-small{border-radius:4px;height:56px;width:78px}.floor-table.free{background:linear-gradient(180deg,#fff,#f8fafc);border-color:#cbd5e1;color:#0f172a}.floor-table.free:hover{border-color:#1d4ed8;box-shadow:0 12px 24px #1d4ed824;transform:scale(1.04)}.floor-table.occupied{background:linear-gradient(180deg,#fff,#eef2ff);border-color:#334155;box-shadow:0 12px 24px #0f172a1a}.floor-table.reserved{background:linear-gradient(180deg,#f0fdf4,#dcfce7);border-color:#16a34a;box-shadow:0 12px 24px #16a34a1f}.floor-table.reserved:hover{border-color:#15803d;box-shadow:0 16px 28px #16a34a2e;transform:scale(1.04)}.floor-table.occupied:hover{border-color:#0f172a;box-shadow:0 16px 28px #0f172a29;transform:scale(1.04)}.floor-table.grouped{border-color:#2563eb;border-style:dashed}.floor-table.grouped.table-rect,.floor-table.is-merged{border-width:3px}.floor-table.embed-source{outline:3px solid #2563eb;outline-offset:2px}.table-capacity{color:#475569;font-size:.7rem;font-weight:800;letter-spacing:.06em;margin-bottom:0;text-transform:uppercase}.floor-table.reserved .table-capacity,.floor-table.reserved .table-number{color:#14532d}.table-number{color:#0f172a;font-size:1rem;font-weight:900;line-height:1}.merged-number{letter-spacing:.5px}.table-guests-badge{background:#fef2f2fa;border:1px solid #f87171bf;border-radius:999px;box-shadow:0 4px 10px #7f1d1d1a;color:#7f1d1d;font-size:.65rem;line-height:1;padding:2px 6px;position:absolute;right:6px;top:6px;z-index:2}.floor-table.reserved .table-guests-badge{background:#dcfce7fa;border-color:#22c55ecc;color:#14532d}@media (max-width:768px){.table-capacity{font-size:.65rem}.table-number{font-size:.92rem}.table-reservation-chip{font-size:.6rem;max-width:110px}.table-round{height:104px;width:104px}.table-long{height:74px;width:146px}.table-rect{height:72px;width:92px}.table-rect-small{height:52px;width:74px}.modal-content{max-height:90vh;overflow:auto;padding:18px;width:min(94vw,420px)}.modal-content h3{font-size:1.25rem}.input-group{margin-bottom:14px}.input-number,.input-text{font-size:.95rem}.modal-buttons{flex-direction:column}.btn-cancel,.btn-clear,.btn-save{width:100%}}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:30px;text-align:center;width:90%}.modal-content h3{color:#000;font-size:1.5rem;margin:0 0 10px}.capacity-info{color:#666;font-size:.9rem;margin:0 0 20px}.input-group{margin-bottom:20px}.input-group label{color:#333;display:block;font-weight:700;margin-bottom:10px}.input-controls{align-items:center;display:flex;gap:10px;justify-content:center}.btn-minus,.btn-plus{background:#fff;border:2px solid #333;border-radius:4px;color:#333;cursor:pointer;font-size:1.2rem;font-weight:700;height:40px;transition:all .2s ease;width:40px}.btn-minus:hover,.btn-plus:hover{background:#f5f5f5;border-color:#000}.input-number{border:2px solid #333;border-radius:4px;color:#000;font-size:1.2rem;font-weight:700;height:40px;text-align:center;width:80px}.input-number:focus{background:#f9f9f9;border-color:#000;outline:none}.modal-buttons{display:flex;gap:10px;justify-content:center}.btn-cancel,.btn-clear,.btn-save{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:12px;transition:all .2s ease}.btn-save:hover{transform:scale(1.02)}.btn-cancel{background:#f5f5f5;border:1px solid #ddd;color:#333}.btn-cancel:hover{background:#e9e9e9}.btn-clear{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.btn-clear:hover{background:#fecaca}@media (max-width:480px){.table-round{height:92px;width:92px}.table-long{height:68px;width:130px}.table-rect{height:66px;width:84px}.table-rect-small{height:48px;width:68px}.table-reservation-chip{font-size:.56rem;max-width:98px}}@media (max-height:500px) and (orientation:landscape){.modal-content{max-height:84vh;padding:14px;width:min(90vw,520px)}.modal-buttons{flex-direction:row}.btn-cancel,.btn-clear,.btn-save{font-size:.9rem;padding:10px}}.floor-plan-container{color:#111827;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1500px;padding:20px}.actions-panel,.canvas-container,.embed-banner,.embed-notice,.floor-plan-top,.legend,.occupancy-bar-container,.stat-item,.stats-bar{box-sizing:border-box}.floor-plan-top{align-items:stretch;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.stats-bar{grid-gap:14px;display:grid;flex:1 1 720px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.stat-item{background:linear-gradient(180deg,#fff,#fbfbfb);border:1px solid #dde3ea;border-radius:16px;box-shadow:0 10px 24px #0f172a0f;display:flex;flex-direction:column;justify-content:center;min-height:112px;padding:18px 16px}.stat-label{color:#6b7280;display:block;font-size:.75rem;font-weight:800;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#0f172a;display:block;font-size:clamp(1.5rem,2.6vw,2.3rem);font-weight:900;margin-bottom:4px}.stat-subtext{color:#64748b;font-size:.9rem}.actions-panel{grid-gap:10px;align-content:start;display:grid;flex:0 1 420px;gap:10px;grid-template-columns:repeat(3,minmax(150px,1fr))}.btn-dev,.btn-embed,.btn-reset-service,.btn-snapshot,.btn-unembed{border:1px solid #0000;border-radius:14px;cursor:pointer;font-size:.9rem;font-weight:800;min-height:48px;padding:12px 16px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}.btn-embed{background:#2563eb;box-shadow:0 8px 18px #2563eb33;color:#fff}.btn-embed.active{background:#1d4ed8}.btn-unembed{background:#f59e0b;box-shadow:0 8px 18px #f59e0b2e;color:#fff}.btn-dev{background:#0f172a;box-shadow:0 8px 18px #0f172a2e;color:#fff}.btn-reset-service{background:#dc2626;box-shadow:0 8px 18px #dc262633;color:#fff}.btn-snapshot{background:#0f766e;box-shadow:0 8px 18px #0f766e2e;color:#fff}.btn-snapshot.secondary{background:#475569}.btn-dev:hover,.btn-embed:hover,.btn-reset-service:hover,.btn-snapshot:hover,.btn-unembed:hover{transform:translateY(-1px)}.btn-reset-service:disabled,.btn-unembed:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.site-dialog-overlay{align-items:center;background:#020617a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:2200}.site-dialog{background:#fff;border-radius:14px;box-shadow:0 18px 42px #02061747;padding:18px;width:min(92vw,420px)}.site-dialog h3{color:#0f172a;margin:0 0 8px}.site-dialog p{color:#475569;font-size:.95rem;margin:0}.site-dialog-password{display:flex;flex-direction:column;gap:6px;margin-top:14px}.site-dialog-password label{color:#334155;font-size:.85rem;font-weight:700}.site-dialog-password input{border:1px solid #cbd5e1;border-radius:10px;font-weight:700;height:40px;padding:0 10px}.site-dialog-password input:focus{border-color:#2563eb;outline:none}.site-dialog-error{color:#b91c1c;font-size:.82rem;font-weight:700}.site-dialog-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:16px}.btn-site-dialog{border:none;border-radius:10px;cursor:pointer;font-weight:800;height:42px}.btn-site-dialog.cancel{background:#e2e8f0;color:#0f172a}.btn-site-dialog.confirm{background:#2563eb;color:#fff}.btn-snapshot:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.embed-banner,.embed-notice{border-radius:14px;box-shadow:0 8px 20px #0f172a0f;font-weight:700;padding:12px 16px}.embed-banner{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.embed-notice{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.occupancy-bar-container{align-items:center;background:#fff;border:1px solid #dde3ea;border-radius:16px;box-shadow:0 10px 24px #0f172a0d;display:flex;gap:14px;padding:14px 16px}.occupancy-bar{background:#e5e7eb;border-radius:999px;flex:1 1;height:12px;overflow:hidden}.occupancy-fill{background:linear-gradient(90deg,#111827,#2563eb);border-radius:inherit;height:100%;transition:width .5s ease}.occupancy-text{color:#0f172a;font-size:1rem;font-weight:900;min-width:64px;text-align:right}.canvas-container{background:linear-gradient(180deg,#f9fafb,#fff);border:1px solid #dbe2ea;border-radius:20px;box-shadow:0 18px 40px #0f172a14;overflow:hidden}.floor-plan-canvas{background:radial-gradient(circle at top left,#2563eb0f,#0000 32%),linear-gradient(180deg,#fff,#fdfdfd);cursor:grab;height:920px;overflow:hidden;position:relative;width:100%}.floor-plan-canvas:before{background-image:linear-gradient(#94a3b81f 1px,#0000 0),linear-gradient(90deg,#94a3b81f 1px,#0000 0);background-size:24px 24px;content:"";inset:0;opacity:.35;pointer-events:none;position:absolute}.floor-plan-canvas:active{cursor:grabbing}.legend{grid-gap:12px;background:#fff;border:1px solid #dbe2ea;border-radius:16px;box-shadow:0 10px 24px #0f172a0d;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));padding:16px}.legend-item{align-items:center;color:#334155;display:flex;font-size:.9rem;font-weight:600;gap:10px}.legend-box,.legend-circle,.legend-rect{background:#fff;border:1px solid #94a3b8}.legend-box{border-radius:8px;height:28px;width:38px}.legend-box.free{background:linear-gradient(180deg,#fff,#f8fafc)}.legend-box.occupied{background:linear-gradient(180deg,#f8fafc,#e2e8f0)}.legend-circle{border-radius:50%;height:38px;width:38px}.legend-rect{border-radius:10px;height:28px;width:38px}@media (max-width:1200px){.floor-plan-canvas{height:680px}.stats-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.actions-panel{flex:1 1 100%;grid-template-columns:repeat(3,minmax(120px,1fr))}.legend{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.floor-plan-container{gap:12px;padding:12px}.floor-plan-canvas{height:620px}.floor-plan-top{gap:12px}.stats-bar{grid-template-columns:1fr}.actions-panel{grid-template-columns:1fr 1fr;width:100%}.btn-dev{grid-column:1/-1}.stat-item{border-radius:14px;min-height:96px;padding:16px}.occupancy-bar-container{padding:12px 14px}.legend{grid-template-columns:1fr 1fr;padding:14px}.canvas-container{-webkit-overflow-scrolling:touch;overflow:auto}.floor-plan-canvas{min-width:1120px}.floor-plan-canvas:before{background-size:22px 22px}.site-dialog{padding:14px;width:min(94vw,420px)}.site-dialog-actions{grid-template-columns:1fr}.btn-site-dialog{height:44px}}@media (max-width:480px){.floor-plan-container{gap:10px;padding:8px}.actions-panel{grid-template-columns:1fr}.btn-dev,.btn-embed,.btn-reset-service,.btn-unembed{font-size:.84rem;min-height:44px;padding:10px 12px}.stat-item{min-height:88px;padding:12px}.stat-label{font-size:.68rem;margin-bottom:6px}.stat-value{font-size:1.5rem}.occupancy-text{font-size:.9rem;min-width:54px}.legend{grid-template-columns:1fr;padding:12px}.floor-plan-canvas{height:580px;min-width:1020px}}@media (max-height:500px) and (orientation:landscape){.floor-plan-container{padding:8px}.floor-plan-top{gap:8px}.stats-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-item{min-height:76px;padding:10px}.actions-panel{flex:1 1 100%;grid-template-columns:repeat(4,minmax(120px,1fr))}.btn-dev,.btn-embed,.btn-reset-service,.btn-unembed{min-height:40px;padding:8px 10px}.floor-plan-canvas{height:470px;min-width:1200px}}.dev-mode-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.dev-mode-container{animation:slideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;height:95vh;max-width:1400px;overflow:hidden;width:95%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dev-auth{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.dev-auth h2{color:#000;font-size:2rem;margin-bottom:20px}.dev-auth p{color:#666;font-size:1.1rem;margin-bottom:20px}.auth-input-group{display:flex;gap:10px;margin-bottom:20px}.auth-input-group input{border:2px solid #000;border-radius:4px;font-size:1rem;padding:12px;width:200px}.auth-input-group button{background:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:12px 24px;transition:background .2s ease}.auth-input-group button:hover{background:#333}.btn-close{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-weight:700;padding:10px 20px}.btn-close:hover{background:#e0e0e0}.dev-header{align-items:center;background:linear-gradient(180deg,#fff,#f7f7f7);border-bottom:2px solid #ddd;display:flex;justify-content:space-between;padding:20px}.dev-header h2{color:#000;margin:0}.dev-header-actions{align-items:center;display:flex;gap:8px}.btn-dev-header-action{background:#0f766e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:800;height:40px;padding:0 12px}.btn-dev-header-action.secondary{background:#334155}.btn-dev-header-action:disabled{cursor:not-allowed;opacity:.45}.dev-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.dev-notice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#1e3a8a;font-size:.9rem;font-weight:700;margin:10px 20px 0;padding:10px 12px}.dev-main{grid-gap:18px;background:linear-gradient(180deg,#fafafa,#fff);display:grid;flex:1 1;gap:18px;grid-template-columns:220px 1fr;min-height:0;overflow:auto;padding:18px 20px 20px}.dev-left{background:#ffffffd9;border-radius:8px;border-right:1px solid #ddd;overflow-y:auto;padding:14px 14px 14px 0}.dev-saved-plans{background:#f8fafc;border:1px solid #dbe2ea;border-radius:10px;margin-bottom:14px;padding:10px}.dev-save-plan-form{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.dev-save-plan-form input[type=text]{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;font-size:.84rem;height:34px;padding:0 10px;width:100%}.dev-checkbox-row{align-items:center;color:#334155;display:flex;font-size:.78rem;gap:8px}.btn-dev-plan-save{background:#0f766e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;height:34px}.btn-dev-plan-save:hover{background:#0d665f}.dev-saved-plan-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.dev-saved-empty{color:#64748b;font-size:.78rem;margin:0}.dev-saved-plan-item{background:#fff;border:1px solid #d5dce5;border-radius:8px;cursor:pointer;padding:8px}.dev-saved-plan-item.selected{border-color:#0f766e;box-shadow:0 0 0 1px #0f766e33}.dev-saved-plan-name{color:#0f172a;font-size:.82rem;font-weight:800}.dev-saved-plan-meta{color:#64748b;font-size:.72rem;margin-top:2px}.dev-saved-plan-actions{display:flex;gap:6px;margin-top:6px}.btn-dev-plan-action{background:#0f172a;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.74rem;font-weight:700;height:28px}.btn-dev-plan-action.danger{background:#b91c1c}.dev-left h3{background:#fff;color:#000;font-size:1rem;margin:0 0 15px;position:-webkit-sticky;position:sticky;top:0}.dev-table-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.dev-table-list{display:flex;flex-direction:column;gap:5px}.dev-table-item{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.85rem;overflow:hidden;padding:10px;text-align:left;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.dev-table-item:hover{background:#f9f9f9;border-color:#000}.dev-table-item.selected{background:#000;border-color:#000;color:#fff}.dev-right{flex:1 1;min-height:0;overflow-y:auto}.dev-placeholder{align-items:center;color:#999;display:flex;height:100%;justify-content:center}.dev-editor{background:linear-gradient(180deg,#fff,#f8f8f8);border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 10px 20px #0000000a;max-height:100%;overflow-y:auto;padding:18px}.dev-editor-title{align-items:start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.dev-editor-kicker{color:#666;font-size:.72rem;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase}.dev-editor-title h3{margin:0}.dev-editor-badge{background:#111;border-radius:999px;color:#fff;font-size:.78rem;font-weight:700;padding:6px 10px}.dev-editor h3{color:#000;margin:0 0 20px}.dev-form-group{margin-bottom:15px}.dev-form-group label{color:#333;display:block;font-size:.9rem;font-weight:700;margin-bottom:5px}.dev-form-group input,.dev-form-group select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:8px;width:100%}.dev-form-group input:focus,.dev-form-group select:focus{background:#fff;border-color:#000;outline:none}.dev-form-group input[type=range]{accent-color:#111}.btn-save,.range-slider{cursor:pointer;width:100%}.btn-save{background:#000;border:none;border-radius:4px;color:#fff;font-size:1rem;font-weight:700;margin-top:10px;padding:12px;transition:background .2s ease}.btn-save:hover{background:#333}.btn-create{background:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:36px;width:36px}.btn-create:hover{background:#333}.btn-delete{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:12px;width:100%}.btn-delete:hover{background:#c0392b}.dev-canvas-container{background:linear-gradient(180deg,#f4f4f4,#fff);border-top:2px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:20px}.dev-canvas-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.dev-canvas-header h3{color:#111;font-size:1rem;margin:0}.dev-canvas-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.dev-chip{background:#fff;border:1px solid #ddd;border-radius:999px;color:#333;font-size:.78rem;font-weight:700;padding:6px 10px}.dev-hint{color:#666;font-size:.88rem;margin:0 0 12px}.dev-canvas{background:#fff;border:2px solid #d7d7d7;border-radius:14px;box-shadow:inset 0 1px 0 #ffffffd9;cursor:grab;flex:1 1;min-height:300px;overflow:auto;position:relative;width:100%}.dev-canvas-inner{background-color:#fff;background-image:linear-gradient(#1f6feb14 1px,#0000 0),linear-gradient(90deg,#1f6feb14 1px,#0000 0);background-size:20px 20px;height:900px;position:relative;width:1600px}.dev-grid-overlay{background-image:linear-gradient(90deg,#ffffffa6,#ffffffa6 1px,#0000 0),linear-gradient(#ffffffa6,#ffffffa6 1px,#0000 0);background-size:100px 100px;inset:0;opacity:.45;pointer-events:none;position:absolute}.dev-canvas:active{cursor:grabbing}.dev-table-drag{align-items:center;background:linear-gradient(180deg,#202020,#0a0a0a);border:1px solid #ffffff29;border-radius:10px;box-shadow:0 8px 18px #00000029;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:60px;justify-content:center;position:absolute;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;width:60px;z-index:10}.dev-table-drag:hover{background:linear-gradient(180deg,#2f2f2f,#141414);transform:translateY(-1px)}.dev-table-drag.table-round{border-radius:50%;height:70px;width:70px}.dev-table-drag.table-long{width:140px}.dev-table-drag.table-rect{width:90px}.dev-table-drag.table-rect-small{height:50px;width:70px}.dev-table-drag.grouped{border-color:#60a5fa;border-style:dashed;box-shadow:0 10px 20px #2563eb38}.dev-dialog-overlay{align-items:center;background:#0206179e;display:flex;inset:0;justify-content:center;position:fixed;z-index:2300}.dev-dialog{background:#fff;border-radius:12px;box-shadow:0 20px 44px #02061747;padding:16px;width:min(90vw,380px)}.dev-dialog h3{color:#0f172a;margin:0 0 8px}.dev-dialog p{color:#475569;margin:0}.dev-dialog-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:14px}.btn-dev-dialog{border:none;border-radius:10px;cursor:pointer;font-weight:800;height:40px}.btn-dev-dialog.cancel{background:#e2e8f0;color:#0f172a}.btn-dev-dialog.confirm{background:#dc2626;color:#fff}@media (max-width:768px){.dev-mode-container{height:98vh;width:99%}.dev-main{gap:10px;grid-template-columns:1fr}.dev-header{align-items:stretch;flex-direction:column;gap:10px;padding:16px}.dev-header-actions{flex-wrap:wrap}.dev-left{border-bottom:1px solid #ddd;border-right:none;max-height:150px;padding-bottom:10px;padding-right:0}.dev-table-list{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.dev-canvas-container{min-height:200px}.dev-canvas-header{align-items:flex-start;flex-direction:column}}.app{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.app-header{background:#000;box-shadow:0 4px 12px #0003;color:#fff;padding:20px}.app-header-bar{flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1400px}.app-brand,.app-header-bar{align-items:center;display:flex}.app-brand{gap:12px}.app-logo{align-items:center;background:linear-gradient(180deg,#38bdf8,#2563eb);border-radius:10px;box-shadow:0 8px 16px #2563eb59;color:#fff;display:flex;font-size:.75rem;font-weight:900;height:38px;justify-content:center;letter-spacing:.04em;width:38px}.app-header h1{font-size:2rem;font-weight:900;letter-spacing:1px;line-height:1;margin:0 0 4px}.app-header p{font-size:.9rem;font-weight:500;margin:0;opacity:.85}.app-service-menu{align-items:center;background:#ffffff1a;border:1px solid #ffffff38;border-radius:12px;display:flex;gap:10px;padding:8px 10px}.app-service-menu label{color:#ffffffd9;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.app-service-menu select{background:#0f172a;border:1px solid #ffffff59;border-radius:10px;color:#fff;font-weight:700;height:38px;min-width:160px;padding:0 12px}.app-service-menu select:focus{border-color:#38bdf8;outline:none}.app-main{flex:1 1;margin:0 auto;max-width:1400px;padding:40px 20px;width:100%}.error-message{background:#fee;border-left:4px solid #c00;border-radius:4px;color:#c00;margin:20px auto;max-width:600px;padding:20px;text-align:center}.error-message p{font-size:.95rem;margin:5px 0}.loading{align-items:center;color:#333;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#000;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.app-header-bar{align-items:stretch;flex-direction:column}.app-brand{justify-content:flex-start}.app-service-menu{justify-content:space-between;width:100%}.app-service-menu select{flex:1 1;min-width:0}.app-header h1{font-size:1.8rem;letter-spacing:1px}.app-header{padding:16px 15px}.app-main{padding:20px 15px}}@media (max-width:640px){.app-header{padding:12px}.app-brand{gap:10px}.app-logo{border-radius:8px;font-size:.68rem;height:32px;width:32px}.app-header h1{font-size:1.35rem}.app-header p{font-size:.8rem}.app-service-menu{gap:8px;padding:8px}.app-service-menu label{font-size:.72rem}.app-service-menu select{font-size:.9rem;height:36px}.app-main{padding:12px}}@media (max-height:500px) and (orientation:landscape){.app-header{padding:10px 12px}.app-header h1{font-size:1.1rem;margin-bottom:2px}.app-header p{font-size:.72rem}.app-main{padding-top:10px}}
/*# sourceMappingURL=main.68b9ba39.css.map*/