:root{--sidebar:#111827;--line:#e5e7eb;--muted:#6b7280;--bg:#f4f6fb;--card:#fff}
*{box-sizing:border-box} body{background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111827;margin:0}
.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--sidebar);color:#fff;padding:16px;position:fixed;top:0;bottom:0;overflow:auto;z-index:10}.brand{font-weight:800;font-size:20px;margin-bottom:16px}.user-card{background:rgba(255,255,255,.08);border-radius:12px;padding:12px;margin-bottom:12px}.sidebar nav a{display:block;color:#d1d5db;text-decoration:none;padding:10px 12px;border-radius:10px;margin:3px 0}.sidebar nav a:hover{background:#1f2937;color:#fff}.content{margin-left:260px;flex:1;padding:22px}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.topbar h1{font-size:24px;margin:0;flex:1}.card{border:0;border-radius:16px;box-shadow:0 6px 18px rgba(15,23,42,.06)}.stat{padding:18px;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.06)}.stat .num{font-size:28px;font-weight:800}.stat .label{color:var(--muted);font-size:14px}.touch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.touch-btn{min-height:78px;font-size:18px;font-weight:700}.parking-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px}.space-card{border:0;border-radius:14px;padding:12px;text-align:center;min-height:88px;color:#fff;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.12)}.space-card strong{font-size:20px}.space-libre{background:#16a34a}.space-ocupada{background:#dc2626}.space-abonado{background:#2563eb}.space-reservada{background:#f59e0b;color:#111}.space-mantenimiento{background:#6b7280}.space-bloqueada{background:#111827}.badge-soft{background:#eef2ff;color:#3730a3;border-radius:999px;padding:5px 10px}.ticket{max-width:320px;margin:0 auto;background:#fff;color:#000;padding:10px;font-family:monospace}.ticket h2{text-align:center;font-size:18px}.ticket hr{border-top:1px dashed #333}.print-only{display:none}@media print{body{background:#fff}.no-print,.sidebar,.topbar{display:none!important}.content{margin:0;padding:0}.ticket{box-shadow:none}.print-only{display:block}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.content{margin-left:0;padding:14px}.topbar h1{font-size:20px}}.table thead th{white-space:nowrap}.form-label{font-weight:600}.pos-panel{position:sticky;top:8px}.qrbox{border:1px dashed #999;padding:8px;text-align:center;font-size:11px;word-break:break-all}.full-alert{animation:pulse 1s infinite alternate}@keyframes pulse{from{box-shadow:0 0 0 rgba(220,38,38,0)}to{box-shadow:0 0 0 8px rgba(220,38,38,.15)}}