.camera-config-page{display:grid;gap:18px}.camera-config-header{padding:18px;border-radius:16px;background:radial-gradient(circle at 82% 14%,rgba(55,209,177,.2),transparent 36%),linear-gradient(132deg,#07253d,#0a4b74);color:#f2fbff;border:1px solid rgba(117,215,255,.35)}.camera-config-title{margin:0 0 6px;font-size:clamp(1.3rem,2vw,1.9rem)}.camera-config-subtitle{margin:0;color:#b9e8ff}.camera-notice{padding:12px 14px;border-radius:10px;border:1px solid #abd8f2;background:#eef8ff;color:#0d4f7d}.camera-card{background:linear-gradient(180deg,#fff,#f8fcff);border:1px solid #d9e9f5;border-radius:14px;padding:16px;box-shadow:0 12px 30px #0f2d4517}.camera-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.camera-card-title{margin:0;color:#0f3450}.camera-new-btn{border:1px solid #79a0be;border-radius:8px;background:#fff;padding:7px 11px;cursor:pointer;font-weight:600}.camera-form{display:grid;gap:14px}.camera-form-title{margin:0;color:#163d5a}.camera-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.camera-field{display:grid;gap:6px}.camera-field label{font-size:13px;color:#33566f;font-weight:600}.camera-field input,.camera-field select{width:100%;border:1px solid #bfd9ea;border-radius:10px;background:#fff;padding:10px 11px;color:#122f45;transition:border-color .18s ease,box-shadow .18s ease}.camera-field input:focus,.camera-field select:focus{outline:none;border-color:#2f98cc;box-shadow:0 0 0 3px #2f98cc2e}.camera-folder-picker-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.camera-folder-picker-btn{border:1px solid #9ec7dd;border-radius:10px;background:#f5fbff;color:#164261;padding:10px 12px;font-weight:600;cursor:pointer;white-space:nowrap}.camera-folder-picker-btn:hover{border-color:#2f98cc;background:#e9f6ff}.camera-folder-picker-input{display:none}.camera-switches{display:flex;gap:16px;align-items:center;padding:8px 0}.camera-switches label{display:inline-flex;align-items:center;gap:8px;color:#24455d;font-weight:600}.camera-submit-btn{margin-top:4px;border:none;border-radius:10px;padding:11px 14px;background:linear-gradient(135deg,#0a8ac2,#18b3d6);color:#fff;font-weight:700;cursor:pointer}.camera-submit-btn:disabled{opacity:.72;cursor:not-allowed}.camera-table-wrap{overflow-x:auto;border:1px solid #dce9f3;border-radius:12px}.camera-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.camera-search-input,.camera-filter-select{width:100%;border:1px solid #bfd9ea;border-radius:10px;background:#fff;padding:10px 11px;color:#122f45}.camera-search-input:focus,.camera-filter-select:focus{outline:none;border-color:#2f98cc;box-shadow:0 0 0 3px #2f98cc2e}.camera-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.camera-table thead{background:#f3f9ff}.camera-table th{text-align:left;padding:12px 10px;border-bottom:1px solid #d7e3ec;color:#29445b;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.camera-table td{padding:12px 10px;border-bottom:1px solid #edf3f7;font-size:14px;color:#1b3348}.camera-objects-cell{display:flex;flex-wrap:wrap;gap:6px;min-width:160px}.camera-objects-popover-wrap{position:relative}.camera-objects-popover-wrap:focus{outline:none}.camera-object-chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600;background:#e9f6ff;border:1px solid #b9ddf2;color:#0e587f}.camera-object-chip--more{background:#f2f6fa;border-color:#d3dfe8;color:#3f5e74}.camera-object-empty{color:#6f8799}.camera-objects-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:20;width:min(320px,70vw);padding:10px;border-radius:10px;border:1px solid #c8deec;background:#fff;box-shadow:0 12px 26px #07233433;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.camera-objects-popover:before{content:"";position:absolute;top:-7px;left:20px;width:12px;height:12px;background:#fff;border-left:1px solid #c8deec;border-top:1px solid #c8deec;transform:rotate(45deg)}.camera-objects-popover-title{font-size:12px;font-weight:700;color:#2e4f66;margin-bottom:8px}.camera-objects-popover-list{display:flex;flex-wrap:wrap;gap:6px;max-height:140px;overflow:auto}.camera-objects-popover-wrap:hover .camera-objects-popover,.camera-objects-popover-wrap:focus-within .camera-objects-popover,.camera-objects-popover-wrap:focus .camera-objects-popover{opacity:1;visibility:visible;transform:translateY(0)}.camera-table tr:hover{background:#f8fcff}.camera-status{display:inline-block;padding:4px 10px;border-radius:999px;font-weight:700;font-size:12px;text-transform:uppercase}.camera-status.active{color:#0f6b4a;background:#ddf7ea}.camera-status.inactive{color:#8c5d0d;background:#fff4dc}.camera-status.error{color:#8b1e1e;background:#ffe6e6}.camera-actions{display:flex;gap:8px}.camera-btn-edit,.camera-btn-delete{border-radius:8px;padding:6px 10px;cursor:pointer;font-weight:600}.camera-btn-edit{border:1px solid #86a6bf;background:#fff}.camera-btn-delete{border:1px solid #d98484;background:#fff2f2;color:#8d1c1c}.camera-empty{padding:12px;color:#5d7890}.camera-pagination{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.camera-pagination-info{color:#4f7189;font-size:13px}.camera-pagination-actions{display:flex;align-items:center;gap:8px}.camera-pagination-actions button{border:1px solid #86a6bf;border-radius:8px;background:#fff;padding:6px 10px;cursor:pointer}.camera-pagination-actions button:disabled{opacity:.55;cursor:not-allowed}.camera-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0414238c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:14px}.camera-modal{width:min(100%,440px);background:#fff;border:1px solid #d8e6f0;border-radius:12px;padding:16px;box-shadow:0 20px 45px #04172459}.camera-modal h3{margin:0 0 8px;color:#123a56}.camera-modal p{margin:0;color:#3f637b}.camera-modal-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:8px}.camera-modal-cancel,.camera-modal-confirm{border-radius:8px;padding:7px 12px;font-weight:600;cursor:pointer}.camera-modal-cancel{border:1px solid #8aa8bc;background:#fff}.camera-modal-confirm{border:1px solid #cf6a6a;background:#ffe8e8;color:#8d1c1c}.camera-modal-confirm:disabled{opacity:.65;cursor:not-allowed}@media (max-width: 920px){.camera-form-grid{grid-template-columns:1fr}.camera-switches{flex-wrap:wrap}.camera-toolbar{grid-template-columns:1fr}.camera-pagination{flex-direction:column;align-items:flex-start}}.stations-page{display:grid;gap:18px}.stations-header{padding:18px;border-radius:16px;background:radial-gradient(circle at 82% 14%,rgba(113,169,255,.24),transparent 36%),linear-gradient(132deg,#142746,#285a9f);color:#f2f7ff;border:1px solid rgba(156,197,255,.35)}.stations-card{background:#fff;border:1px solid #d9e3f1;border-radius:14px;padding:16px;box-shadow:0 10px 28px #16284a17}.stations-notice{padding:12px 14px;border-radius:10px;border:1px solid #abd8f2;background:#eef8ff;color:#0d4f7d}.stations-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.stations-actions-right{display:flex;gap:8px;align-items:center}.stations-card-title{margin:0;color:#17385c}.stations-new-btn{border:1px solid #7d9ec2;border-radius:8px;background:#fff;padding:6px 10px;cursor:pointer;font-weight:600}.stations-form{display:grid;gap:12px}.stations-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.stations-field{display:grid;gap:6px}.stations-field label{font-size:13px;color:#2d4464;font-weight:600}.stations-field input,.stations-search,.stations-filter{width:100%;border:1px solid #bfd1e7;border-radius:10px;background:#fff;padding:10px 11px}.stations-submit{border:none;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#2656a5,#3670c8);color:#fff;font-weight:700;cursor:pointer}.stations-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.stations-table-wrap{overflow-x:auto;border:1px solid #dce5f1;border-radius:12px}.stations-table{width:100%;border-collapse:collapse;min-width:760px}.stations-table th,.stations-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #ebf0f6}.stations-table thead{background:#f4f7fd}.stations-sort-btn{border:none;background:transparent;color:#26486f;font-weight:700;cursor:pointer;padding:0}.stations-sort-btn:hover{color:#163356}.stations-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.stations-status.on{background:#def8e9;color:#136846}.stations-status.off{background:#ffecec;color:#8f2424}.stations-actions{display:flex;gap:8px}.stations-btn{border-radius:8px;padding:6px 10px;cursor:pointer}.stations-btn.edit{border:1px solid #86a0c4;background:#fff}.stations-btn.delete{border:1px solid #d48080;background:#fff1f1;color:#8d1c1c}.stations-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.stations-table tfoot td{background:#f6f9ff}.stations-table-footer-menu{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.stations-table-footer-select-wrap{display:flex;align-items:center;gap:8px;flex:0 0 320px}.stations-table-footer-select-wrap label{font-size:12px;color:#35597f;font-weight:600}.stations-table-footer-select{min-width:240px;max-width:320px;border:1px solid #bfd1e7;border-radius:9px;background:#fff;padding:8px 10px}.stations-table-footer-actions{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:2px}.stations-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c192e94;display:flex;align-items:center;justify-content:center;z-index:1100}.stations-modal{width:min(100%,430px);background:#fff;border:1px solid #d6e1f0;border-radius:12px;padding:16px}.stations-modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 920px){.stations-form-grid,.stations-toolbar,.stations-pagination{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.stations-actions-right,.stations-table-footer-menu{flex-wrap:wrap}.stations-table-footer-select-wrap{flex:1 1 100%}.stations-table-footer-select{min-width:0;width:100%}}.processes-page{display:grid;gap:18px}.processes-header{padding:18px;border-radius:16px;background:radial-gradient(circle at 82% 14%,rgba(255,194,93,.24),transparent 36%),linear-gradient(132deg,#3c2a0d,#8a5b13);color:#fff6e8;border:1px solid rgba(255,208,137,.35)}.processes-card{background:#fff;border:1px solid #eadfcf;border-radius:14px;padding:16px;box-shadow:0 10px 28px #4a300f17}.processes-notice{padding:12px 14px;border-radius:10px;border:1px solid #f2d7ab;background:#fff8eb;color:#7d4f0d}.processes-notice.is-delete-success{border-color:#9fd9b8;background:#eefcf4;color:#0e5f3a}.processes-notice.is-error{border-color:#efb5b5;background:#fff2f2;color:#8f2424}.processes-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.processes-actions-right{display:flex;gap:8px}.processes-new-btn{border:1px solid #c8a882;border-radius:8px;background:#fff;padding:6px 10px;cursor:pointer;font-weight:600}.processes-form{display:grid;gap:12px}.processes-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.processes-field{display:grid;gap:6px}.processes-field label{font-size:13px;color:#5d431f;font-weight:600}.processes-field input,.processes-search,.processes-filter{width:100%;border:1px solid #e0ccb0;border-radius:10px;background:#fff;padding:10px 11px}.processes-submit{border:none;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#a36c1e,#c9892f);color:#fff;font-weight:700;cursor:pointer}.processes-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.processes-table-wrap{overflow-x:auto;border:1px solid #ebdfcf;border-radius:12px}.processes-table{width:100%;border-collapse:collapse;min-width:760px}.processes-table th,.processes-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #f4ebdf}.processes-table thead{background:#fbf6ee}.processes-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.processes-status.on{background:#def8e9;color:#136846}.processes-status.off{background:#ffecec;color:#8f2424}.processes-actions{display:flex;gap:8px}.processes-btn{border-radius:8px;padding:6px 10px;cursor:pointer}.processes-btn.edit{border:1px solid #bfa17c;background:#fff}.processes-btn.delete{border:1px solid #d48080;background:#fff1f1;color:#8d1c1c}.processes-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.processes-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#27190794;display:flex;align-items:center;justify-content:center;z-index:1100}.processes-modal{width:min(100%,430px);background:#fff;border:1px solid #e6d4ba;border-radius:12px;padding:16px}.processes-modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 920px){.processes-form-grid,.processes-toolbar,.processes-pagination{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.processes-actions-right{flex-wrap:wrap}}.rois-page{display:grid;gap:18px}.rois-header{padding:18px;border-radius:16px;background:radial-gradient(circle at 82% 14%,rgba(120,218,255,.24),transparent 36%),linear-gradient(132deg,#0e3551,#1f6f9a);color:#e9f8ff;border:1px solid rgba(159,225,255,.35)}.rois-card{background:#fff;border:1px solid #d0e4ef;border-radius:14px;padding:16px;box-shadow:0 10px 28px #07344d17}.rois-notice{padding:12px 14px;border-radius:10px;border:1px solid #b7e0f4;background:#ecf8ff;color:#0d5f88}.rois-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.rois-actions-right{display:flex;gap:8px}.rois-new-btn{border:1px solid #80bdd9;border-radius:8px;background:#fff;padding:6px 10px;cursor:pointer;font-weight:600}.rois-form{display:grid;gap:12px}.rois-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.rois-field{display:grid;gap:6px}.rois-field label{font-size:13px;color:#0d516f;font-weight:600}.rois-field input,.rois-field select,.rois-search,.rois-filter{width:100%;border:1px solid #bedbeb;border-radius:10px;background:#fff;padding:10px 11px}.rois-form .btn-primary,.rois-card-head .btn-primary{border-color:#1f75b8;background:#2f83c4;color:#fff;font-weight:700}.rois-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.rois-table-wrap{overflow-x:auto;border:1px solid #d8e9f2;border-radius:12px}.rois-table{width:100%;border-collapse:collapse;min-width:860px}.rois-table th,.rois-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #e9f4f9}.rois-table thead{background:#f2f9fd}.rois-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.rois-status.on{background:#def8e9;color:#136846}.rois-status.off{background:#ffecec;color:#8f2424}.rois-actions{display:flex;gap:8px}.rois-btn{border-radius:8px;padding:6px 10px;cursor:pointer}.rois-btn.edit{border:1px solid #78abc5;background:#fff}.rois-btn.delete{border:1px solid #d48080;background:#fff1f1;color:#8d1c1c}.rois-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.rois-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08243694;display:flex;align-items:center;justify-content:center;z-index:1100}.rois-modal{width:min(100%,430px);background:#fff;border:1px solid #bedbeb;border-radius:12px;padding:16px}.rois-modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 920px){.rois-form-grid,.rois-toolbar,.rois-pagination{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.rois-actions-right{flex-wrap:wrap}}.parameters-page{display:grid;gap:18px}.parameters-header{padding:18px;border-radius:16px;background:radial-gradient(circle at 82% 14%,rgba(194,255,133,.24),transparent 36%),linear-gradient(132deg,#21521e,#4a8e34);color:#f2ffe8;border:1px solid rgba(203,255,166,.35)}.parameters-card{background:#fff;border:1px solid #daebcf;border-radius:14px;padding:16px;box-shadow:0 10px 28px #1c490e17}.parameters-notice{padding:12px 14px;border-radius:10px;border:1px solid #d4efbb;background:#f6ffec;color:#3d6e12}.parameters-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.parameters-form{display:grid;gap:12px}.parameters-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.parameters-field{display:grid;gap:6px}.parameters-field label{font-size:13px;color:#30581c;font-weight:600}.parameters-field input,.parameters-search,.parameters-filter{width:100%;border:1px solid #cfe4be;border-radius:10px;background:#fff;padding:10px 11px}.parameters-submit{border:none;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#4d8f2c,#69af45);color:#fff;font-weight:700;cursor:pointer}.parameters-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.parameters-table-wrap{overflow-x:auto;border:1px solid #dfecd6;border-radius:12px}.parameters-table{width:100%;border-collapse:collapse;min-width:980px}.parameters-table th,.parameters-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf5e8}.parameters-table thead{background:#f7fcf3}.parameters-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.parameters-status.on{background:#def8e9;color:#136846}.parameters-status.off{background:#ffecec;color:#8f2424}.parameters-actions{display:flex;gap:8px}.parameters-btn{border-radius:8px;padding:6px 10px;cursor:pointer;border:1px solid #9fc08e;background:#fff}.parameters-btn-danger{border:1px solid #d48080;background:#fff1f1;color:#8d1c1c}.parameters-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.parameters-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#162d0c8f;display:flex;align-items:center;justify-content:center;z-index:1100}.parameters-modal{width:min(100%,430px);background:#fff;border:1px solid #cfe4be;border-radius:12px;padding:16px}.parameters-modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 920px){.parameters-form-grid,.parameters-toolbar,.parameters-pagination{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}}.thresholds-page{display:grid;gap:18px}.thresholds-header{padding:18px;border-radius:16px;background:radial-gradient(circle at 82% 14%,rgba(255,160,160,.24),transparent 36%),linear-gradient(132deg,#6e1b2c,#ab2d4a);color:#ffeef2;border:1px solid rgba(255,174,194,.35)}.thresholds-card{background:#fff;border:1px solid #efced6;border-radius:14px;padding:16px;box-shadow:0 10px 28px #57122617}.thresholds-notice{padding:12px 14px;border-radius:10px;border:1px solid #f0bac7;background:#fff0f4;color:#8a1f3c}.thresholds-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.thresholds-form{display:grid;gap:12px}.thresholds-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.thresholds-field{display:grid;gap:6px}.thresholds-field label{font-size:13px;color:#6e1730;font-weight:600}.thresholds-field input,.thresholds-field select,.thresholds-search,.thresholds-filter{width:100%;border:1px solid #e8bfd0;border-radius:10px;background:#fff;padding:10px 11px}.thresholds-submit{border:none;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#a22e4c,#cb3d62);color:#fff;font-weight:700;cursor:pointer}.thresholds-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.thresholds-table-wrap{overflow-x:auto;border:1px solid #efdae1;border-radius:12px}.thresholds-table{width:100%;border-collapse:collapse;min-width:980px}.thresholds-table th,.thresholds-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #f7e7ec}.thresholds-table thead{background:#fef4f7}.thresholds-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.thresholds-status.on{background:#def8e9;color:#136846}.thresholds-status.off{background:#ffecec;color:#8f2424}.thresholds-actions{display:flex;gap:8px}.thresholds-btn{border-radius:8px;padding:6px 10px;cursor:pointer;border:1px solid #d399ab;background:#fff}.thresholds-btn-danger{border:1px solid #d48080;background:#fff1f1;color:#8d1c1c}.thresholds-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.thresholds-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#340a1891;display:flex;align-items:center;justify-content:center;z-index:1100}.thresholds-modal{width:min(100%,430px);background:#fff;border:1px solid #f0bac7;border-radius:12px;padding:16px}.thresholds-modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 920px){.thresholds-form-grid,.thresholds-toolbar,.thresholds-pagination{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}}.tipo-metricas-page{display:grid;gap:18px}.tipo-metricas-header{padding:18px;border-radius:16px;background:radial-gradient(circle at 82% 14%,rgba(143,228,255,.26),transparent 36%),linear-gradient(132deg,#0f4f68,#1d7a97);color:#ebf9ff;border:1px solid rgba(155,230,255,.36)}.tipo-metricas-card{background:#fff;border:1px solid #cbe9f3;border-radius:14px;padding:16px;box-shadow:0 10px 28px #0940541a}.tipo-metricas-notice{padding:12px 14px;border-radius:10px;border:1px solid #bce7f4;background:#ecf9fe;color:#0b5b76}.tipo-metricas-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tipo-metricas-form{display:grid;gap:12px}.tipo-metricas-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.tipo-metricas-field{display:grid;gap:6px}.tipo-metricas-field label{font-size:13px;color:#0f526a;font-weight:600}.tipo-metricas-field input,.tipo-metricas-search,.tipo-metricas-filter{width:100%;border:1px solid #bfe0eb;border-radius:10px;background:#fff;padding:10px 11px}.tipo-metricas-submit{border:none;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#146381,#208cae);color:#fff;font-weight:700;cursor:pointer}.tipo-metricas-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.tipo-metricas-table-wrap{overflow-x:auto;border:1px solid #d7ecf3;border-radius:12px}.tipo-metricas-table{width:100%;border-collapse:collapse;min-width:640px}.tipo-metricas-table th,.tipo-metricas-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #eaf5f8}.tipo-metricas-table thead{background:#f1fafc}.tipo-metricas-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.tipo-metricas-status.on{background:#def8e9;color:#136846}.tipo-metricas-status.off{background:#ffecec;color:#8f2424}.tipo-metricas-actions{display:flex;gap:8px}.tipo-metricas-btn{border-radius:8px;padding:6px 10px;cursor:pointer;border:1px solid #8dbcc9;background:#fff}.tipo-metricas-btn-danger{border:1px solid #d48080;background:#fff1f1;color:#8d1c1c}.tipo-metricas-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.tipo-metricas-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#092d3894;display:flex;align-items:center;justify-content:center;z-index:1100}.tipo-metricas-modal{width:min(100%,430px);background:#fff;border:1px solid #bce7f4;border-radius:12px;padding:16px}.tipo-metricas-modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 920px){.tipo-metricas-form-grid,.tipo-metricas-toolbar,.tipo-metricas-pagination{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}}.tipo-condiciones-page{display:grid;gap:18px}.tipo-condiciones-header{padding:18px;border-radius:16px;background:radial-gradient(circle at 82% 14%,rgba(255,214,142,.24),transparent 36%),linear-gradient(132deg,#6c4a0a,#9a6f14);color:#fff6e3;border:1px solid rgba(255,220,158,.35)}.tipo-condiciones-card{background:#fff;border:1px solid #efdfc0;border-radius:14px;padding:16px;box-shadow:0 10px 28px #5e400a17}.tipo-condiciones-notice{padding:12px 14px;border-radius:10px;border:1px solid #f1deb6;background:#fff8ea;color:#7a5408}.tipo-condiciones-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tipo-condiciones-form{display:grid;gap:12px}.tipo-condiciones-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.tipo-condiciones-field{display:grid;gap:6px}.tipo-condiciones-field label{font-size:13px;color:#724f08;font-weight:600}.tipo-condiciones-field input,.tipo-condiciones-search,.tipo-condiciones-filter{width:100%;border:1px solid #e7d2a7;border-radius:10px;background:#fff;padding:10px 11px}.tipo-condiciones-submit{border:none;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#986810,#c3891b);color:#fff;font-weight:700;cursor:pointer}.tipo-condiciones-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.tipo-condiciones-table-wrap{overflow-x:auto;border:1px solid #efe2ca;border-radius:12px}.tipo-condiciones-table{width:100%;border-collapse:collapse;min-width:620px}.tipo-condiciones-table th,.tipo-condiciones-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #f6ecdc}.tipo-condiciones-table thead{background:#fff9f0}.tipo-condiciones-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.tipo-condiciones-status.on{background:#def8e9;color:#136846}.tipo-condiciones-status.off{background:#ffecec;color:#8f2424}.tipo-condiciones-actions{display:flex;gap:8px}.tipo-condiciones-btn{border-radius:8px;padding:6px 10px;cursor:pointer;border:1px solid #d3b377;background:#fff}.tipo-condiciones-btn-danger{border:1px solid #d48080;background:#fff1f1;color:#8d1c1c}.tipo-condiciones-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.tipo-condiciones-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#37260894;display:flex;align-items:center;justify-content:center;z-index:1100}.tipo-condiciones-modal{width:min(100%,430px);background:#fff;border:1px solid #f1deb6;border-radius:12px;padding:16px}.tipo-condiciones-modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 920px){.tipo-condiciones-form-grid,.tipo-condiciones-toolbar,.tipo-condiciones-pagination{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}}.acciones-page{display:grid;gap:18px}.acciones-header{padding:18px;border-radius:16px;background:radial-gradient(circle at 82% 14%,rgba(255,184,154,.24),transparent 36%),linear-gradient(132deg,#6d2811,#a64020);color:#ffefe9;border:1px solid rgba(255,192,168,.35)}.acciones-card{background:#fff;border:1px solid #f0d0c3;border-radius:14px;padding:16px;box-shadow:0 10px 28px #5f230f17}.acciones-notice{padding:12px 14px;border-radius:10px;border:1px solid #f0c4b5;background:#fff2ee;color:#8a2d13}.acciones-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.acciones-form{display:grid;gap:12px}.acciones-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.acciones-field{display:grid;gap:6px}.acciones-field label{font-size:13px;color:#742a12;font-weight:600}.acciones-field input,.acciones-search,.acciones-filter{width:100%;border:1px solid #e9c2b4;border-radius:10px;background:#fff;padding:10px 11px}.acciones-submit{border:none;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#9b3618,#ca4d25);color:#fff;font-weight:700;cursor:pointer}.acciones-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.acciones-table-wrap{overflow-x:auto;border:1px solid #f2ded6;border-radius:12px}.acciones-table{width:100%;border-collapse:collapse;min-width:760px}.acciones-table th,.acciones-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #f8e9e4}.acciones-table thead{background:#fff5f1}.acciones-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.acciones-status.on{background:#def8e9;color:#136846}.acciones-status.off{background:#ffecec;color:#8f2424}.acciones-status.unknown{background:#f2f2f2;color:#595959}.acciones-actions{display:flex;gap:8px}.acciones-btn{border-radius:8px;padding:6px 10px;cursor:pointer;border:1px solid #d09b8b;background:#fff}.acciones-btn-danger{border:1px solid #d48080;background:#fff1f1;color:#8d1c1c}.acciones-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.acciones-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#39120794;display:flex;align-items:center;justify-content:center;z-index:1100}.acciones-modal{width:min(100%,430px);background:#fff;border:1px solid #f0c4b5;border-radius:12px;padding:16px}.acciones-modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 920px){.acciones-form-grid,.acciones-toolbar,.acciones-pagination{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}}.tipo-operadores-page{display:grid;gap:18px}.tipo-operadores-header{padding:18px;border-radius:16px;background:radial-gradient(circle at 82% 14%,rgba(176,251,216,.22),transparent 36%),linear-gradient(132deg,#0f6248,#1e8e69);color:#ebfff6;border:1px solid rgba(173,245,212,.35)}.tipo-operadores-card{background:#fff;border:1px solid #cde9db;border-radius:14px;padding:16px;box-shadow:0 10px 28px #10533d14}.tipo-operadores-notice{padding:12px 14px;border-radius:10px;border:1px solid #bfead6;background:#edfff6;color:#0b6a47}.tipo-operadores-form{display:grid;gap:12px}.tipo-operadores-field{display:grid;gap:6px}.tipo-operadores-field label{font-size:13px;color:#125d44;font-weight:600}.tipo-operadores-field input,.tipo-operadores-search,.tipo-operadores-filter{width:100%;border:1px solid #bde0d0;border-radius:10px;background:#fff;padding:10px 11px}.tipo-operadores-submit{border:none;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#17785a,#20a174);color:#fff;font-weight:700;cursor:pointer}.tipo-operadores-actions{display:flex;gap:8px}.tipo-operadores-btn{border-radius:8px;padding:6px 10px;cursor:pointer;border:1px solid #91c4b0;background:#fff}.tipo-operadores-btn-danger{border:1px solid #d48080;background:#fff1f1;color:#8d1c1c}.tipo-operadores-card-head{display:grid;gap:10px;margin-bottom:10px}.tipo-operadores-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px}.tipo-operadores-table-wrap{overflow-x:auto;border:1px solid #daeee5;border-radius:12px}.tipo-operadores-table{width:100%;border-collapse:collapse;min-width:520px}.tipo-operadores-table th,.tipo-operadores-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #eaf6f1}.tipo-operadores-table thead{background:#f2fbf7}.tipo-operadores-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.tipo-operadores-status.on{background:#def8e9;color:#136846}.tipo-operadores-status.off{background:#ffecec;color:#8f2424}.tipo-operadores-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.tipo-operadores-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#092d2094;display:flex;align-items:center;justify-content:center;z-index:1100}.tipo-operadores-modal{width:min(100%,430px);background:#fff;border:1px solid #bfead6;border-radius:12px;padding:16px}.tipo-operadores-modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 920px){.tipo-operadores-toolbar,.tipo-operadores-pagination{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}}.rules-page{display:grid;gap:16px}.rules-card{background:#fff;border:1px solid #d8e4ef;border-radius:12px;padding:14px}.rules-form-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.rules-form-section{border:1px solid #e3edf7;border-radius:10px;padding:12px;margin-bottom:12px;background:linear-gradient(180deg,#fff,#f8fbff)}.rules-form-section h4{margin:0 0 10px;font-size:14px;color:#1f3f5c}.rules-field{display:flex;flex-direction:column;gap:6px}.rules-field label{font-size:12px;font-weight:600;color:#2f4f6b}.rules-field-span-2{grid-column:span 2}.rules-inline-checks{display:flex;flex-wrap:wrap;gap:8px 12px}.rules-check-item{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#2b455f}.rules-form-grid input,.rules-form-grid select,.rules-form-grid .searchable-select-input,.rules-search,.rules-filter{width:100%;border:1px solid #c7d6e5;border-radius:8px;padding:8px}.rules-form-grid input:focus,.rules-form-grid select:focus,.rules-form-grid .searchable-select-input:focus{outline:2px solid #b7d9fb;outline-offset:1px}.rules-table-wrap{overflow-x:auto}.rules-table{width:100%;border-collapse:collapse;min-width:900px}.rules-table th,.rules-table td{text-align:left;border-bottom:1px solid #edf2f7;padding:10px}.rules-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.rules-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.rules-actions{display:flex;gap:8px}.rules-validation-summary{width:100%;border:1px solid #e6b8b8;background:#fff5f5;color:#7a1d1d;border-radius:8px;padding:10px;margin-bottom:6px}.rules-validation-summary ul{margin:6px 0 0;padding-left:18px}.rules-btn{border:1px solid #a5bbd3;background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}.rules-btn-danger{border-color:#cf8585;background:#fff2f2;color:#8f2323}@media (max-width: 920px){.rules-toolbar,.rules-pagination{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}}.events-page{display:flex;flex-direction:column;gap:1rem;padding:1rem}.events-header h1{margin:0}.events-header p{margin:.35rem 0 0;color:#4b5563}.events-filters,.events-results{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem}.events-filter-actions{display:flex;gap:.75rem;margin-bottom:1rem}.events-filter-actions button,.events-process-grid button{border:1px solid #d1d5db;border-radius:10px;background:#f9fafb;color:#111827;cursor:pointer;transition:all .2s ease}.events-filter-actions button{padding:.55rem .8rem;font-weight:600}.events-filter-actions button:hover,.events-process-grid button:hover{border-color:#3b82f6;background:#eff6ff}.events-filter-actions button.active,.events-process-grid button.active{border-color:#1d4ed8;background:#dbeafe;color:#1e3a8a}.events-filters h2,.events-results-header h2{margin:0 0 .75rem}.events-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.events-process-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.75rem;min-height:72px}.events-process-grid small{color:#6b7280}.events-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.events-clip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.events-clip-search{margin:.5rem 0 .75rem}.events-clip-search label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#374151}.events-clip-search input{border:1px solid #d1d5db;border-radius:8px;padding:.45rem .55rem;background:#fff}.events-clip-card{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;text-align:left;border:1px solid #d1d5db;border-radius:10px;background:#f9fafb;color:#111827;padding:.65rem;cursor:pointer}.events-clip-card:hover{border-color:#3b82f6;background:#eff6ff}.events-clip-card.active{border-color:#1d4ed8;background:#dbeafe;color:#1e3a8a}.events-clip-id{font-weight:700;font-size:.8rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.events-clip-card small{color:#4b5563}.events-table-wrapper{width:100%;overflow-x:auto}.events-summary-box{margin-bottom:.75rem;border:1px solid #e5e7eb;border-radius:10px;padding:.7rem;background:#f9fafb}.events-summary-box h3{margin:0 0 .55rem;font-size:.95rem}.events-summary-table{width:100%;border-collapse:collapse;font-size:.8rem}.events-summary-table th,.events-summary-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.35rem .45rem;white-space:nowrap}.events-summary-table th{background:#f3f4f6;font-weight:700}.events-summary-table tr.summary-majority td{background:#ecfdf5}.events-summary-table tr.summary-filter-match td{box-shadow:inset 4px 0 #2563eb}.events-summary-table tr.summary-majority.summary-filter-match td{background:#dbeafe}.events-summary-legend{margin:.55rem 0 0;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;font-size:.78rem;color:#374151}.legend-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.18rem .5rem;border:1px solid transparent}.legend-pill.legend-majority{background:#ecfdf5;border-color:#86efac;color:#166534}.legend-pill.legend-filter{background:#eff6ff;border-color:#93c5fd;color:#1e3a8a}.events-table{width:100%;border-collapse:collapse;table-layout:fixed}.events-table th,.events-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.35rem .45rem;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.events-table th{background:#f9fafb;font-weight:700}.events-table th:nth-child(1),.events-table td:nth-child(1){width:18%}.events-table th:nth-child(2),.events-table td:nth-child(2){width:5%}.events-table th:nth-child(3),.events-table td:nth-child(3){width:8%}.events-table th:nth-child(4),.events-table td:nth-child(4){width:8%}.events-table th:nth-child(5),.events-table td:nth-child(5){width:11%}.events-table th:nth-child(6),.events-table td:nth-child(6){width:8%}.events-table th:nth-child(7),.events-table td:nth-child(7){width:7%}.events-table th:nth-child(8),.events-table td:nth-child(8){width:8%}.events-table th:nth-child(9),.events-table td:nth-child(9){width:16%}.events-table th:nth-child(10),.events-table td:nth-child(10){width:5%}.events-table th:nth-child(11),.events-table td:nth-child(11){width:6%}.events-stage-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.1rem .45rem;font-size:.68rem;font-weight:700;border:1px solid transparent}.events-stage-badge.stage-prefilter{background:#fff7ed;color:#9a3412;border-color:#fdba74}.events-stage-badge.stage-analysis{background:#eff6ff;color:#1d4ed8;border-color:#93c5fd}.events-stage-badge.stage-other{background:#f3f4f6;color:#374151;border-color:#d1d5db}.events-date-time-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.events-date-time-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#374151}.events-date-time-grid input{border:1px solid #d1d5db;border-radius:8px;padding:.45rem .55rem}.events-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem}.events-quick-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#374151}.events-quick-grid input,.events-quick-grid select{border:1px solid #d1d5db;border-radius:8px;padding:.45rem .55rem;background:#fff}.events-back-btn{border:1px solid #d1d5db;border-radius:8px;background:#f9fafb;color:#111827;padding:.45rem .75rem;cursor:pointer}.events-back-btn:hover{border-color:#3b82f6;background:#eff6ff}.events-video-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #1d4ed8;border-radius:8px;background:#eff6ff;color:#1e3a8a;width:24px;height:24px;padding:0;cursor:pointer}.events-video-btn svg{width:11px;height:11px;flex-shrink:0}.events-video-btn:hover{background:#dbeafe}.events-pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.events-pagination-info{display:flex;gap:.75rem;color:#374151;font-size:.9rem}.events-pagination-actions{display:flex;align-items:center;gap:.6rem}.events-pagination-actions label{display:flex;align-items:center;gap:.45rem;color:#374151;font-size:.9rem}.events-pagination-actions select{border:1px solid #d1d5db;border-radius:8px;padding:.35rem .45rem;background:#fff}.events-frames-btn{display:inline-flex;align-items:center;gap:.2rem;border:1px solid #6d28d9;border-radius:8px;background:#f5f3ff;color:#4c1d95;padding:.18rem .35rem;cursor:pointer;font-size:.7rem;font-weight:600;white-space:nowrap}.events-frames-btn svg{width:11px;height:11px;flex-shrink:0}.events-frames-count{min-width:1ch;text-align:center;line-height:1}.events-frames-btn:hover{background:#ede9fe}.events-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.events-modal{background:#fff;border-radius:14px;width:min(720px,95vw);max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 48px #0003;overflow:hidden}.events-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1.25rem .75rem;border-bottom:1px solid #e5e7eb}.events-modal-header h3{margin:0 0 .2rem;font-size:1.05rem}.events-modal-subtitle{margin:0;font-size:.78rem;color:#6b7280;word-break:break-all}.events-modal-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#6b7280;line-height:1;padding:0 .25rem;flex-shrink:0}.events-modal-close:hover{color:#111827}.events-modal-summary{display:flex;gap:1.5rem;padding:.6rem 1.25rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.88rem;color:#374151;flex-wrap:wrap}.events-modal-body{overflow-y:auto;padding:.75rem 1.25rem 1.25rem}.events-frames-table{width:100%;border-collapse:collapse;font-size:.9rem}.events-frames-table th,.events-frames-table td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid #e5e7eb}.events-frames-table th{background:#f3f4f6;font-weight:700;position:sticky;top:0}.events-frames-table tr.frame-positive td{background:#f0fdf4;color:#166534}.events-frames-table tr.frame-negative td{background:#fef2f2;color:#991b1b}@media (max-width: 1024px){.events-process-grid,.events-date-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.events-filter-actions{flex-direction:column}.events-process-grid,.events-date-time-grid,.events-quick-grid{grid-template-columns:1fr}.events-pagination{flex-direction:column;align-items:flex-start}.events-clip-grid{grid-template-columns:1fr}}.auth-layout{--auth-bg-deep: #051423;--auth-bg-mid: #0b2d48;--auth-accent-cyan: #43d7ff;--auth-accent-green: #40f0b5;--auth-text-soft: #b7d8ed;display:grid;grid-template-columns:minmax(360px,1fr) minmax(320px,460px);min-height:100vh;background:radial-gradient(circle at 20% 15%,rgba(63,212,255,.24),transparent 40%),radial-gradient(circle at 80% 80%,rgba(64,240,181,.2),transparent 42%),linear-gradient(140deg,var(--auth-bg-deep),var(--auth-bg-mid));overflow:hidden}.auth-layout:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(100,196,236,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(100,196,236,.12) 1px,transparent 1px);background-size:48px 48px;opacity:.32}.auth-visual{position:relative;padding:clamp(2rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center;gap:1.75rem;z-index:1}.auth-badge{width:fit-content;padding:.4rem .8rem;border:1px solid rgba(96,216,255,.45);border-radius:999px;color:#e6f8ff;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#062238a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-title{color:#f4fbff;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(1.9rem,3.2vw,3.4rem);line-height:1.08;max-width:16ch}.auth-subtitle{color:var(--auth-text-soft);max-width:45ch;font-size:1rem}.auth-hero-image{width:min(100%,760px);max-height:min(56vh,560px);height:auto;object-fit:contain;border-radius:1.2rem;border:1px solid rgba(124,223,255,.35);box-shadow:0 24px 60px #00000059;transform-origin:center;animation:authFloat 9s ease-in-out infinite}.auth-overlay-image{position:absolute;right:clamp(1rem,6vw,5rem);bottom:clamp(.8rem,4vw,2.2rem);width:min(36vw,420px);max-height:34vh;height:auto;object-fit:contain;border-radius:.9rem;border:1px solid rgba(124,223,255,.35);box-shadow:0 12px 30px #00000073;animation:authReveal .7s ease-out}.auth-container{position:relative;z-index:1;margin:auto clamp(1rem,4vw,3rem);width:min(100%,430px);background:#f5fbfff5;border:1px solid rgba(89,169,207,.25);border-radius:1.4rem;padding:clamp(1.2rem,2vw,1.8rem);box-shadow:0 20px 55px #03131e59;animation:authReveal .6s ease-out}.login-page{width:100%}.login-header{margin-bottom:1.15rem}.login-brand{color:#0d3454;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.65rem;letter-spacing:.01em;margin-bottom:.2rem}.login-copy{color:#48677f;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:.95rem}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-group label{color:#153852;font-size:.88rem;font-weight:600}.form-group input{width:100%;background:#f8fcff;border:1px solid #bfd9ea;border-radius:.7rem;padding:.72rem .78rem;font-size:.95rem;transition:border-color .18s ease,box-shadow .18s ease}.form-group input:focus{outline:none;border-color:#2ca6db;box-shadow:0 0 0 3px #36a8da33}.login-submit{margin-top:.4rem;border:none;border-radius:.75rem;padding:.82rem 1rem;background:linear-gradient(125deg,#0678af,#06a2d8 55%,#23c8bd);color:#f8fdff;font-weight:700;cursor:pointer;transition:transform .18s ease,filter .18s ease}.login-submit:hover{transform:translateY(-1px);filter:brightness(1.04)}.login-submit:disabled{opacity:.72;cursor:not-allowed}.login-hint{margin-top:.35rem;font-size:.82rem;color:#55768f}.error-message{padding:.72rem .78rem;border-radius:.65rem;border:1px solid rgba(220,93,93,.3);background:#fff4f4;color:#8b1e1e;font-size:.88rem}@keyframes authFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes authReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1060px){.auth-layout{grid-template-columns:1fr}.auth-visual{min-height:54vh;padding-bottom:6rem}.auth-hero-image{max-height:46vh}.auth-container{margin:-3.5rem auto 1.6rem;width:min(92vw,460px)}.auth-overlay-image{width:min(65vw,360px);max-height:24vh}}@media (max-width: 720px){.auth-visual{min-height:47vh;padding:1.15rem;gap:.8rem}.auth-title{font-size:1.65rem}.auth-subtitle{font-size:.9rem}.auth-hero-image{width:100%;max-height:28vh}.auth-overlay-image{display:none}.auth-container{margin:-1.1rem auto 1rem;border-radius:1rem;padding:1rem}}:root{--color-primary: #2563eb;--color-primary-dark: #1e40af;--color-primary-light: #3b82f6;--color-secondary: #64748b;--color-secondary-dark: #475569;--color-secondary-light: #94a3b8;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #94a3b8;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=dark]{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #64748b;--color-border: #334155;--color-border-light: #1e293b}.dashboard-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh;background:#f4f7fb}.sidebar{background:linear-gradient(180deg,#0e2740,#16385a);border-right:1px solid rgba(255,255,255,.1);padding:20px 16px;color:#dbe9f7}.sidebar-nav{position:sticky;top:0}.sidebar-brand{font-size:20px;font-weight:700;letter-spacing:.02em;margin:2px 8px 20px;color:#fff}.sidebar-menu{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0}.sidebar-section{margin-bottom:20px}.sidebar-section-title{margin:0 8px 10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#97b5d1;font-weight:var(--font-semibold)}.sidebar-group{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0c223859;padding:6px;margin-bottom:10px}.sidebar-group-toggle{width:100%;background:transparent;border:none;color:#d6e8fa;display:flex;align-items:center;justify-content:space-between;border-radius:9px;padding:8px 10px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease}.sidebar-group-toggle:hover{background:#ffffff14;color:#fff}.sidebar-group-arrow{font-size:12px;transition:transform .2s ease}.sidebar-group-arrow.is-open{transform:rotate(0)}.sidebar-submenu-list{margin-top:4px}.sidebar-link{display:block;text-decoration:none;color:#c6dbf0;border:1px solid transparent;border-radius:9px;padding:9px 10px;font-weight:var(--font-medium);font-size:13px;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.sidebar-link-sub{margin-left:6px;padding-left:12px}.sidebar-link:hover{background:#ffffff1a;color:#fff;border-color:#ffffff1f}.sidebar-link.active{color:#0f2a44;background:linear-gradient(90deg,#d8e8f8,#fff);border-color:#fff6;box-shadow:0 6px 14px #08162638}.dashboard-content{display:flex;flex-direction:column}.dashboard-header{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:flex-end;align-items:center}.dashboard-logout-btn{border:1px solid #cfd8e3;background:#fff;color:#0f2a44;border-radius:10px;padding:8px 12px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.dashboard-logout-btn:hover{background:#eff6ff;border-color:#93c5fd}.dashboard-main{flex:1;padding:var(--spacing-lg);overflow-y:auto}.global-loading{position:sticky;top:0;z-index:20;margin-bottom:10px;display:inline-flex;align-items:center;gap:8px;border:1px solid #9dd0ea;background:#ecf8ff;color:#0e4a73;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.global-loading-spinner{width:14px;height:14px;border-radius:50%;border:2px solid #85c3e3;border-top-color:#0a84c0;animation:global-loading-spin .8s linear infinite}@keyframes global-loading-spin{to{transform:rotate(360deg)}}.auth-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.auth-container{background-color:var(--color-bg-primary);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:400px}.card{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);border:1px solid var(--color-border)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.card-body{color:var(--color-text-secondary)}.screen-shell{display:grid;gap:16px}.screen-header{background:linear-gradient(135deg,#0f4a7a,#2a79b9);color:#f4fbff;border-radius:14px;border:1px solid #8bbadf;padding:14px}.screen-title{font-size:22px;font-weight:var(--font-bold)}.screen-subtitle{margin-top:4px;color:#d9efff}.screen-notice{border:1px solid #b9d8ee;background:#eef8ff;color:#16496b;border-radius:10px;padding:10px 12px;display:inline-flex;align-items:center;gap:8px}.screen-notice-icon{font-size:16px;line-height:1}.screen-notice-info{border-color:#b9d8ee;background:#eef8ff;color:#16496b}.screen-notice-success{border-color:#9fdab2;background:#effcf3;color:#1a5f31}.screen-notice-warning{border-color:#f1ce8c;background:#fff8e8;color:#85570c}.screen-notice-error{border-color:#e5b1b1;background:#fff2f2;color:#8a1f1f}.screen-card{background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:14px;box-shadow:var(--shadow-sm)}.screen-toolbar{display:flex;gap:10px;flex-wrap:wrap}.screen-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.screen-field-group{display:grid;gap:4px}.screen-input-error{border-color:#d27b7b!important;background:#fff6f6!important}.screen-field-error{margin:0;color:#a52e2e;font-size:12px}.screen-actions{display:flex;gap:8px;flex-wrap:wrap}.screen-table-wrap{overflow-x:auto;border:1px solid #d9e6f2;border-radius:10px}.screen-table{width:100%;border-collapse:collapse;min-width:760px}.screen-table th,.screen-table td{text-align:left;padding:10px;border-bottom:1px solid #ecf3f9}.screen-table thead{background:#f5faff}.dashboard-main input:not([type=checkbox]),.dashboard-main select,.dashboard-main textarea{width:100%;border:1px solid #c8d9e8;border-radius:9px;padding:9px 10px;background:#fff}.dashboard-main select[multiple]{min-height:140px}.dashboard-main button{border:1px solid #9fb9d1;border-radius:9px;background:#fff;padding:8px 10px;cursor:pointer}.btn-primary,.dashboard-main button.btn-primary{border-color:#1f75b8;background:#2f83c4;color:#fff}.btn-primary:disabled,.dashboard-main button.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary,.dashboard-main button.btn-secondary{border-color:#9fb9d1;background:#fff;color:#19476b}.btn-danger,.dashboard-main button.btn-danger{border-color:#d58e8e;background:#fff1f1;color:#8b1f1f}.screen-pre{border:1px solid #d9e6f2;border-radius:10px;background:#f7fbff;padding:12px;max-height:360px;overflow:auto;font-size:12px}.searchable-select{display:grid;gap:8px;width:100%}.searchable-select.is-inline{grid-template-columns:minmax(150px,.9fr) minmax(220px,1.1fr);align-items:center}.searchable-select.is-inline .searchable-select-input,.searchable-select.is-inline .searchable-select-control{margin:0}.searchable-select-input,.searchable-select-control{width:100%}@media (max-width: 900px){.searchable-select.is-inline{grid-template-columns:1fr}}.searchable-select-actions{display:flex;gap:8px}.searchable-select-meta{font-size:12px;color:#3d6483}.searchable-select-selected{display:flex;flex-wrap:wrap;gap:8px;min-height:36px;padding:8px;border:1px solid #d6e6f5;border-radius:10px;background:#f8fbff}.searchable-select-empty{font-size:12px;color:#567a98}.searchable-select-chip{display:inline-flex;align-items:center;gap:6px;background:#e7f1fb;color:#194b70;border:1px solid #bfd9ef;border-radius:999px;padding:4px 8px;font-size:12px;line-height:1.2}.searchable-select-chip-remove{border:none;background:transparent;color:#194b70;cursor:pointer;padding:0;font-size:12px;line-height:1}.searchable-select-chip-remove:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.is-active{background:#e6f1fa;border-color:#73a8d2}.workstation-layout-grid{display:grid;gap:14px;grid-template-columns:minmax(280px,340px) 1fr}.workstation-sidepanel{display:grid;gap:10px;align-content:start}.workstation-sidepanel h3{margin:0;color:#174b70;font-size:14px}.workstation-section-title-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.workstation-icon-btn{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.workstation-icon-glyph{font-size:22px;font-weight:700;line-height:1;color:currentColor}.workstation-btn-with-icon{display:inline-flex;align-items:center;gap:6px}.workstation-btn-icon{font-size:16px;line-height:1}.workstation-btn-svg{width:18px;height:18px;display:inline-block;flex-shrink:0}.sucursal-form-actions{margin-top:8px}.dashboard-main .sucursal-submit-btn{margin-top:4px;border:none;border-radius:10px;padding:11px 14px;background:linear-gradient(135deg,#0a8ac2,#18b3d6);color:#fff;font-weight:700;cursor:pointer;min-width:180px}.dashboard-main .sucursal-submit-btn:disabled{opacity:.72;cursor:not-allowed}.sucursal-action-btn{min-height:36px;min-width:160px;display:inline-flex;align-items:center;justify-content:center}.sucursal-action-btn:disabled{opacity:.68;cursor:not-allowed}.sucursal-refresh-icon{width:16px;height:16px;color:#1f75b8}.sucursal-associations-actions{margin-top:14px;margin-bottom:14px;padding:10px;border:1px solid #d8e6f2;border-radius:10px;background:#f8fbff;justify-content:space-between;align-items:center}@media (max-width: 700px){.sucursal-associations-actions{justify-content:flex-start}}.screen-table tfoot td{background:#f6f9ff}.sucursal-table-footer-menu{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.sucursal-table-footer-select-wrap{display:flex;align-items:center;gap:8px;flex:0 0 320px}.sucursal-table-footer-select-wrap label{font-size:12px;color:#35597f;font-weight:600}.dashboard-main .sucursal-table-footer-select{min-width:240px;max-width:320px;border:1px solid #bfd1e7;border-radius:9px;background:#fff;padding:8px 10px}.sucursal-table-footer-actions{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.sucursal-footer-btn{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.sucursal-footer-icon{width:15px;height:15px;color:#5b86ad;flex-shrink:0}.sucursal-footer-btn.is-cameras .sucursal-footer-icon{color:#2e7dff}.sucursal-footer-btn.is-processes .sucursal-footer-icon{color:#12a890}.sucursal-footer-btn.is-config .sucursal-footer-icon{color:#6f61d8}.sucursal-footer-btn.is-branch .sucursal-footer-icon{color:#2f8f5f}.sucursal-footer-btn.is-roi .sucursal-footer-icon{color:#c27c1f}.sucursal-footer-btn.is-zones .sucursal-footer-icon{color:#8a64d4}.sucursal-footer-btn.is-thresholds .sucursal-footer-icon{color:#d05a5a}.sucursal-footer-btn.is-times .sucursal-footer-icon{color:#3d9bbf}@media (max-width: 920px){.sucursal-table-footer-menu{flex-wrap:wrap}.sucursal-table-footer-select-wrap{flex:1 1 100%}.dashboard-main .sucursal-table-footer-select{min-width:0;width:100%;max-width:100%}}.sucursales-stats-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.sucursales-stat-card{border:1px solid #d8e6f2;border-radius:12px;padding:14px;background:#f8fbff;display:grid;gap:6px}.sucursales-stat-card.is-success{background:#f1fbf4;border-color:#b9e1c2}.sucursales-stat-card.is-warning{background:#fff8eb;border-color:#efd6a1}.sucursales-stat-card.is-info{background:#eef8ff;border-color:#b9d8ee}.sucursales-stat-label{font-size:12px;color:#4d6d86}.sucursales-stat-value{font-size:28px;color:#163e5d}.sucursales-nav-card{padding:10px 14px}.sucursales-section-nav{display:flex;gap:10px;flex-wrap:wrap}.sucursales-page-nav-link{text-decoration:none}.sucursal-form-section{margin-top:12px}.sucursal-form-section-title{margin:0 0 8px;font-size:13px;color:#4d6d86}.sucursales-split-layout{display:grid;gap:14px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.sucursales-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.sucursales-card-head h3{margin:0}.sucursales-card-head p{margin:4px 0 0;color:#53748c}.sucursales-row-selected{background:#f2f8fd}.workstation-mini-form{display:grid;gap:8px;border:1px solid #d7e6f2;border-radius:10px;background:#f9fcff;padding:8px}.workstation-library{display:flex;gap:8px;flex-wrap:wrap;max-height:150px;overflow:auto;border:1px solid #d7e6f2;border-radius:10px;padding:8px;background:#f9fcff}.workstation-chip{border:1px solid #b9d0e4;border-radius:999px;background:#fff;padding:5px 10px;font-size:12px;display:inline-flex;align-items:center;gap:6px}.workstation-chip.is-inactive{opacity:.6}.tool-icon{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;color:#245273}.tool-icon-svg{width:20px;height:20px}.tool-emoji{font-size:18px;line-height:1}.workstation-chip-station{border-color:#8fb3cf}.workstation-chip-branch{border-color:#7aa7b8}.workstation-chip-camera{border-color:#9ac6a0}.workstation-chip-roi{border-color:#c9b690}.workstation-chip-zone{border-color:#9f9ad0}.workstation-canvas-shell{display:grid;gap:10px}.workstation-canvas-toolbar,.workstation-selection-bar{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;border:1px solid #d8e6f2;border-radius:10px;padding:8px 10px;background:#f8fbff;font-size:13px}.workstation-breadcrumb{font-weight:600;color:#1a4f75}.workstation-canvas{position:relative;width:100%;max-width:1100px;height:680px;border:1px solid #c9dced;border-radius:12px;overflow:hidden;background:linear-gradient(#eef6fd 1px,transparent 1px),linear-gradient(90deg,#eef6fd 1px,transparent 1px),#fff;background-size:24px 24px;transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease}.workstation-canvas.is-switching{opacity:.68;transform:scale(.992);box-shadow:inset 0 0 0 2px #367fbd47}.layout-item{position:absolute;border-radius:10px;border:1px solid #a8bfd4;background:#fff;padding:6px;display:grid;gap:2px;font-size:12px;cursor:move;box-shadow:0 4px 12px #2252771f}.workstation-item-enter{animation:workstation-item-enter .28s ease both}@keyframes workstation-item-enter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.layout-item strong{font-size:12px;color:#123e5f}.layout-item-head{display:inline-flex;align-items:center;gap:6px}.layout-item span{color:#446985;font-size:11px}.layout-item.selected{outline:2px solid #347fbd}.layout-item.is-inactive{opacity:.56;filter:grayscale(.2)}.layout-item.is-inactive .tool-icon{color:#8ea0ae}.layout-item.is-active .tool-icon{color:#1f7a39}.workstation-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11293d8f;display:flex;align-items:center;justify-content:center;z-index:1200}.workstation-modal{width:min(100%,520px);background:#fff;border:1px solid #cfe1ef;border-radius:14px;padding:16px;box-shadow:0 18px 36px #082d4833}.workstation-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.workstation-modal-header h3{margin:0}.workstation-modal-close{width:32px;height:32px;border-radius:999px;border:1px solid #b8cede;background:#f7fbff;color:#1b4c70;font-size:20px;line-height:1;padding:0}.dashboard-main .workstation-modal-close{border-color:#0f4a7a;background:#0f4a7a;color:#fff;font-weight:700}.dashboard-main .workstation-modal-close:hover{background:#0b3a61}.dashboard-main .workstation-modal .btn-secondary{border-color:#8ea9bf;background:#fff;color:#19476b}.dashboard-main .workstation-modal .btn-primary{border-color:#1f75b8;background:#2f83c4;color:#fff}.layout-item-station{background:#eaf4fd;border-color:#8fb3cf}.layout-item-branch{background:#e8f7f9;border-color:#7aa7b8}.layout-item-camera{background:#ecfaee;border-color:#9ac6a0}.layout-item-roi{background:#fff8e7;border-color:#c9b690}.layout-item-zone{background:#f1efff;border-color:#9f9ad0}.workstation-drawing-rect{position:absolute;border:2px dashed #347fbd;background:#347fbd1f}.workstation-preview-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.workstation-poly{fill:#7f6dce40;stroke:#6f5bc3;stroke-width:2}@media (max-width: 920px){.screen-grid,.workstation-layout-grid{grid-template-columns:1fr}.sucursales-stats-grid{grid-template-columns:1fr 1fr}.sucursales-split-layout{grid-template-columns:1fr}.workstation-canvas{height:560px}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--text-base);line-height:1.5}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}