*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1f2937;background:#f3f4f6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.btn{padding:.55rem 1rem;border-radius:8px;border:1px solid transparent;font-weight:600;transition:background .15s}.btn-primary{background:#f97316;color:#fff}.btn-primary:hover{background:#ea580c}.btn-ghost{background:transparent;border-color:#d1d5db}.btn-ghost:hover{background:#f3f4f6}.btn-danger{background:#ef4444;color:#fff}.card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000d}input.field,select.field{width:100%;padding:.55rem .75rem;border:1px solid #d1d5db;border-radius:8px;background:#fff}input.field:focus,select.field:focus{outline:2px solid #f97316;outline-offset:-1px}.grid-tables{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.table-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all .15s;min-height:130px}.table-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.table-card.OCCUPIED{border-color:#f97316;background:#fff7ed}.table-card.EMPTY{border-color:#10b981}.table-card .code{font-size:1.4rem;font-weight:700}.table-card .total{color:#f97316;font-weight:600;margin-top:.25rem}.layout{display:grid;grid-template-columns:240px 1fr;height:100vh}.sidebar{background:#1f2937;color:#fff;padding:1rem}.sidebar .logo{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #374151}.sidebar .logo-title{font-size:1.15rem;font-weight:700;color:#fff;line-height:1.2}.sidebar .logo-sub{font-size:.7rem;color:#9ca3af;margin-top:4px}.sidebar a{display:block;padding:.65rem .75rem;border-radius:8px;color:#d1d5db;margin-bottom:4px}.sidebar a:hover,.sidebar a.active{background:#374151;color:#fff}.main{overflow-y:auto;padding:1.5rem}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.topbar h1{margin:0;font-size:1.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:12px;padding:1.5rem;min-width:400px;max-width:95vw;max-height:90vh;overflow-y:auto}table.simple{width:100%;border-collapse:collapse}table.simple th,table.simple td{padding:.65rem .5rem;text-align:left;border-bottom:1px solid #e5e7eb}table.simple th{background:#f9fafb;font-weight:600}.stat{background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 1px 3px #0000000d}.stat .label{color:#6b7280;font-size:.85rem}.stat .value{font-size:1.75rem;font-weight:700;color:#f97316;margin-top:.25rem}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-orange{background:#ffedd5;color:#c2410c}.badge-green{background:#d1fae5;color:#047857}.badge-red{background:#fee2e2;color:#b91c1c}.badge-gray{background:#f3f4f6;color:#6b7280}