*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#1a1a1a;background:#f5f5f5;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}.layout{height:100vh;display:flex}.sidebar{color:#fff;background:#1a1a1a;flex-direction:column;flex-shrink:0;width:220px;padding:1.5rem 0;display:flex}.sidebar h1{color:#a3e635;margin-bottom:2rem;padding:0 1rem;font-size:1rem}.sidebar a{color:#a1a1aa;padding:.625rem 1rem;font-size:.9rem;text-decoration:none;transition:all .15s;display:block}.sidebar a:hover,.sidebar a.active{color:#fff;background:#27272a}.main{flex:1;padding:1.5rem 2rem;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-header h2{font-size:1.25rem;font-weight:600}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.75rem;padding:1rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.stat-card .value{color:#2d5016;font-size:1.5rem;font-weight:700}.stat-card .label{color:#6b7280;font-size:.8rem}.badge{border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.badge-pending{color:#92400e;background:#fef3c7}.badge-confirmed{color:#065f46;background:#d1fae5}.badge-seated{color:#1e40af;background:#dbeafe}.badge-completed{color:#374151;background:#f3f4f6}.badge-cancelled{color:#991b1b;background:#fee2e2}.badge-no-show{color:#9d174d;background:#fce7f3}.source-icon{margin-right:.25rem;font-size:.85rem}.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:background .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:#2d5016}.btn-primary:hover:not(:disabled){background:#3d6b1e}.btn-secondary{color:#374151;background:#f3f4f6}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-danger{color:#991b1b;background:#fee2e2}.btn-danger:hover:not(:disabled){background:#fecaca}.btn-sm{padding:.25rem .5rem;font-size:.8rem}.login-screen{background:linear-gradient(135deg,#1a1a1a 0%,#2d3436 50%,#1a1a1a 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:8px;width:360px;padding:2.5rem 2rem;box-shadow:0 20px 60px #0000004d}.login-logo{text-align:center;margin-bottom:2rem}.login-logo-icon{color:#fff;background:#2d5016;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto .75rem;font-size:1.5rem;font-weight:700;display:flex}.login-logo-text{color:#1a1a1a;font-size:1.1rem;font-weight:600}.login-logo-sub{color:#6b7280;margin-top:.2rem;font-size:.75rem}.login-field{margin-bottom:1rem}.login-field label{color:#374151;margin-bottom:.3rem;font-size:.8rem;font-weight:500;display:block}.login-field input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.6rem .75rem;font-size:.9rem;transition:border-color .15s}.login-field input:focus{border-color:#2d5016;outline:none;box-shadow:0 0 0 2px #2d501626}.login-field input:disabled{color:#6b7280;background:#f3f4f6}.login-error{color:#dc2626;margin-bottom:.75rem;font-size:.8rem}.login-btn{color:#fff;cursor:pointer;background:#2d5016;border:none;border-radius:6px;width:100%;padding:.7rem;font-size:.9rem;font-weight:600;transition:background .15s}.login-btn:hover{background:#3d6b1e}.login-hint{text-align:center;color:#9ca3af;margin-top:1.25rem;font-size:.7rem;line-height:1.4}.login-hint strong{color:#6b7280}.two-col{grid-template-columns:1fr 360px;gap:1.5rem;display:grid}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.5rem .75rem;font-size:.85rem}.data-table th{color:#6b7280;font-size:.8rem;font-weight:600}.data-table tr:hover{background:#f9fafb}.data-table tr{cursor:pointer}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:90%;max-width:480px;max-height:80vh;padding:1.5rem;overflow-y:auto}.modal h3{margin-bottom:1rem;font-size:1.1rem}.modal-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.table-picker{flex-wrap:wrap;gap:.4rem;display:flex}.table-chip{cursor:pointer;background:#fff;border:2px solid #d1d5db;border-radius:.5rem;padding:.4rem .75rem;font-size:.85rem;transition:all .15s}.table-chip:hover{background:#eef2ff;border-color:#6366f1}.table-chip.selected{color:#fff;background:#4f46e5;border-color:#4f46e5}.form-group{margin-bottom:1rem}.form-group label{color:#374151;margin-bottom:.25rem;font-size:.8rem;font-weight:500;display:block}input,select,textarea{font:inherit;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.5rem .75rem}input:focus,select:focus,textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.floor-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;display:grid}.floor-table{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.floor-table:hover{transform:scale(1.05)}.floor-table.free{background:#d1fae5;border-color:#22c55e}.floor-table.reserved{background:#fef3c7;border-color:#f59e0b}.floor-table.seated{background:#dbeafe;border-color:#3b82f6}.floor-table.blocked{background:#e5e7eb;border-color:#9ca3af}.floor-table .table-name{font-weight:600}.floor-table .table-cap{color:#6b7280;font-size:.75rem}.filter-tabs{gap:.5rem;margin-bottom:1rem;display:flex}.filter-tab{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:999px;padding:.375rem .75rem;font-size:.8rem;font-weight:500}.filter-tab.active{color:#fff;background:#2d5016}.date-nav{align-items:center;gap:1rem;display:flex}.date-nav button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.25rem .5rem;font-size:.9rem}.date-nav span{text-align:center;min-width:140px;font-weight:600}.template-editor{padding:1.25rem}.template-tabs{gap:.5rem;margin-bottom:1.25rem;display:flex}.template-card{border-bottom:1px solid #e5e7eb;margin-bottom:1.25rem;padding-bottom:1.25rem}.template-card:last-of-type{border-bottom:none;margin-bottom:.75rem;padding-bottom:0}.template-label{color:#374151;margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.template-textarea{resize:vertical;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.6rem .75rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.82rem;line-height:1.5}.template-textarea:focus{border-color:#2d5016;outline:none;box-shadow:0 0 0 2px #2d501626}.template-preview{color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-top:.5rem;padding:.6rem .75rem;font-size:.8rem;font-style:italic;line-height:1.5}.template-preview-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem;font-size:.7rem;font-style:normal;font-weight:600;display:block}.template-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.template-meta-left{color:#6b7280;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.template-meta-right{align-items:center;gap:.5rem;display:flex}.template-save-btn{white-space:nowrap}.template-saved{color:#065f46;font-size:.8rem;font-weight:500;animation:2s ease-out forwards template-saved-fade}@keyframes template-saved-fade{0%,70%{opacity:1}to{opacity:0}}.template-warning-segment{color:#92400e;background:#fef3c7}.template-warning-text{color:#92400e;font-size:.8rem}.template-warning-url{color:#991b1b;background:#fee2e2;border-radius:4px;padding:.125rem .5rem;font-size:.8rem}.placeholder-legend{color:#6b7280;border-top:1px solid #e5e7eb;margin-top:.75rem;padding-top:.75rem;font-size:.78rem;line-height:1.7}.placeholder-legend code{background:#f3f4f6;border-radius:3px;padding:.1rem .35rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.75rem}.placeholder-note{color:#9ca3af;font-size:.72rem;font-style:italic}