@charset "UTF-8";*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--jass-bg);color:var(--jass-text)}button,input,select,textarea{font-family:inherit}:root{--jass-dark: #07384a;--jass-dark-2: #062f40;--jass-blue: #1ba3c7;--jass-aqua: #14b8a6;--jass-warning: #f59e0b;--jass-danger: #ef4444;--jass-bg: #eef3f7;--jass-bg-2: #f7fafc;--jass-card: #ffffff;--jass-topbar: rgba(255, 255, 255, .92);--jass-text: #0f2f3d;--jass-muted: #64748b;--jass-border: #dbe7ec;--jass-light: #f6fafc;--jass-soft-card: #f6fafc;--jass-input-bg: #f4f8fb;--jass-table-head: #f6fafc;--jass-chart-line: rgba(15, 47, 61, .07);--jass-chart-rest: #dbe7ec;--jass-radial-soft: rgba(27, 163, 199, .08);--jass-blue-soft: #e8f7fb;--jass-green-bg: #dcfce7;--jass-green: #166534;--jass-orange-bg: #ffedd5;--jass-orange: #c2410c;--jass-red-bg: #fee2e2;--jass-red: #b91c1c;--jass-sidebar: linear-gradient(180deg, #07384a 0%, #062f40 100%);--jass-sidebar-text: #ffffff;--jass-sidebar-muted: rgba(255, 255, 255, .72);--jass-sidebar-link: rgba(255, 255, 255, .86);--jass-sidebar-hover: rgba(255, 255, 255, .1);--jass-sidebar-icon-bg: rgba(255, 255, 255, .08);--jass-sidebar-border: rgba(255, 255, 255, .08);--jass-shadow: 0 18px 40px rgba(15, 23, 42, .07);--jass-shadow-soft: 0 12px 28px rgba(15, 23, 42, .06)}body.jass-dark-theme{--jass-dark: #071526;--jass-dark-2: #0b1f36;--jass-blue: #22d3ee;--jass-aqua: #10b981;--jass-warning: #f59e0b;--jass-danger: #ef4444;--jass-bg: #08111f;--jass-bg-2: #0b1628;--jass-card: #0f1c2e;--jass-topbar: rgba(9, 20, 35, .9);--jass-text: #eaf6ff;--jass-muted: #91a4bb;--jass-border: rgba(148, 163, 184, .18);--jass-light: #132238;--jass-soft-card: #132238;--jass-input-bg: #101d30;--jass-table-head: #132238;--jass-chart-line: rgba(255, 255, 255, .07);--jass-chart-rest: #1f334c;--jass-radial-soft: rgba(34, 211, 238, .1);--jass-blue-soft: rgba(34, 211, 238, .12);--jass-green-bg: rgba(34, 197, 94, .16);--jass-green: #86efac;--jass-orange-bg: rgba(245, 158, 11, .17);--jass-orange: #fbbf24;--jass-red-bg: rgba(239, 68, 68, .17);--jass-red: #fca5a5;--jass-sidebar: linear-gradient(180deg, #071526 0%, #08111f 100%);--jass-sidebar-text: #ecfeff;--jass-sidebar-muted: #7f95ad;--jass-sidebar-link: #b6c7d8;--jass-sidebar-hover: rgba(34, 211, 238, .1);--jass-sidebar-icon-bg: rgba(34, 211, 238, .08);--jass-sidebar-border: rgba(148, 163, 184, .16);--jass-shadow: 0 18px 40px rgba(0, 0, 0, .28);--jass-shadow-soft: 0 12px 28px rgba(0, 0, 0, .18)}.page-header,.hero-card{background:var(--jass-card);border:1px solid var(--jass-border);border-radius:26px;box-shadow:var(--jass-shadow);padding:28px 30px;margin-bottom:24px;position:relative;overflow:hidden;color:var(--jass-text)}.page-header:after,.hero-card:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-90px;top:-120px;background:var(--jass-radial-soft)}.page-header h1,.page-header h2,.hero-card h1,.hero-card h2{margin:10px 0 8px;font-size:30px;font-weight:900;color:var(--jass-text);letter-spacing:-.6px}.page-header p,.hero-card p{margin:0;color:var(--jass-muted);font-size:15px}.tag,.mini-label,.badge-title{display:inline-flex;align-items:center;padding:7px 15px;border-radius:999px;background:var(--jass-blue-soft);color:var(--jass-blue);font-size:12px;font-weight:900}button,.btn-primary,.btn-secondary,.btn-danger{min-height:44px;border:none;border-radius:16px;padding:0 18px;font-weight:900;cursor:pointer;transition:.22s ease}button:hover,.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0f172a1a}.btn-primary,button.primary,button[type=submit]{background:var(--jass-blue);color:#fff}.btn-secondary,button.secondary{background:var(--jass-blue-soft);color:var(--jass-text)}.btn-danger,button.danger{background:var(--jass-danger);color:#fff}input,select,textarea{min-height:46px;border:1px solid var(--jass-border);border-radius:16px;padding:0 16px;outline:none;background:var(--jass-input-bg);color:var(--jass-text);transition:.2s ease}textarea{padding-top:12px}input::placeholder,textarea::placeholder{color:var(--jass-muted)}input:focus,select:focus,textarea:focus{border-color:var(--jass-blue);box-shadow:0 0 0 4px #1ba3c71f}.filters-row{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;margin-bottom:24px;align-items:center}.filters-row input,.filters-row select{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:24px;align-items:stretch}.stat-card{background:var(--jass-card);border:1px solid var(--jass-border);border-radius:24px;box-shadow:var(--jass-shadow-soft);padding:22px 24px;min-height:120px;display:flex;align-items:center;gap:18px;transition:.25s ease;color:var(--jass-text)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--jass-shadow)}.stat-icon{width:58px;height:58px;min-width:58px;border-radius:18px;background:var(--jass-blue-soft);color:var(--jass-blue);display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1;flex-shrink:0}.stat-info{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}.stat-info span{font-size:15px;color:var(--jass-muted);font-weight:600;line-height:1.2}.stat-info strong{font-size:24px;color:var(--jass-text);font-weight:900;line-height:1.1;white-space:nowrap}.stat-info small{font-size:13px;color:var(--jass-muted);line-height:1.2}.table-card,.table-panel,.list-card{background:var(--jass-card);border:1px solid var(--jass-border);border-radius:26px;box-shadow:var(--jass-shadow);padding:24px;overflow-x:auto;color:var(--jass-text)}.table-title,.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.table-title h3,.panel-header h3{margin:0;color:var(--jass-text);font-size:20px;font-weight:900}.table-title span,.panel-header span{color:var(--jass-muted);font-size:14px}table{width:100%;border-collapse:collapse}thead{background:var(--jass-table-head)}th{padding:15px 14px;background:var(--jass-table-head);color:var(--jass-muted);font-size:13px;font-weight:900;text-align:left}td{padding:15px 14px;border-bottom:1px solid var(--jass-border);color:var(--jass-text);font-size:14px;vertical-align:middle}tbody tr:hover{background:var(--jass-soft-card)}.badge,.estado,.status,.activo,.inactivo,.pagado,.pendiente,.vencido{min-height:30px;padding:7px 14px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;white-space:nowrap}.activo,.pagado,.success{background:var(--jass-green-bg);color:var(--jass-green)}.pendiente,.warning{background:var(--jass-orange-bg);color:var(--jass-orange)}.vencido,.inactivo,.danger{background:var(--jass-red-bg);color:var(--jass-red)}table td button,table td a.btn-primary,table td a.btn-secondary,table td .btn-primary,table td .btn-secondary{width:auto;min-width:42px;height:30px;min-height:30px;padding:0 12px;border-radius:11px;font-size:12px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;background:var(--jass-blue-soft);color:var(--jass-blue);box-shadow:none;margin:0}.suministros-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.suministro-item{width:fit-content;max-width:100%;padding:7px 9px;border-radius:13px;background:var(--jass-soft-card);display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.suministro-text{color:var(--jass-muted);font-size:13px;line-height:1.2}.qr-mini-btn{width:auto;min-width:38px;height:26px;min-height:26px;padding:0 10px;border-radius:10px;background:var(--jass-blue-soft);color:var(--jass-blue);font-size:11px;font-weight:900;border:none;cursor:pointer}.qr-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.qr-form-card,.qr-preview-card{background:var(--jass-card);border-radius:26px;border:1px solid var(--jass-border);box-shadow:var(--jass-shadow);padding:26px;color:var(--jass-text)}.qr-form-card h3{margin:0 0 18px;color:var(--jass-text);font-size:20px;font-weight:900}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:flex;flex-direction:column;gap:8px;color:var(--jass-text);font-size:14px;font-weight:900}.form-grid .full{grid-column:1/-1}.form-actions{margin-top:22px;display:flex;justify-content:flex-end;gap:12px}.qr-preview-card{text-align:center;display:flex;flex-direction:column;align-items:center}.qr-box{margin:18px 0;padding:18px;border-radius:22px;border:1px solid var(--jass-border);background:#fff}.qr-preview-card h2{margin:8px 0 4px;color:var(--jass-text);font-size:25px;font-weight:900}.qr-preview-card p{margin:0 0 18px;color:var(--jass-muted)}.alert-error{padding:14px 18px;border-radius:16px;background:var(--jass-red-bg);color:var(--jass-red);font-weight:800;margin-bottom:18px}.alert-info{padding:14px 18px;border-radius:16px;background:var(--jass-blue-soft);color:var(--jass-blue);font-weight:800;margin-bottom:18px}.alert-success{padding:14px 18px;border-radius:16px;background:var(--jass-green-bg);color:var(--jass-green);font-weight:800;margin-bottom:18px}body.jass-dark-theme{color-scheme:dark}body.jass-dark-theme .modal-card,body.jass-dark-theme .panel-card,body.jass-dark-theme .content-card,body.jass-dark-theme .filter-card,body.jass-dark-theme .receipt-card,body.jass-dark-theme .payment-card,body.jass-dark-theme .profile-hero,body.jass-dark-theme .suministro-card,body.jass-dark-theme .form-card{background:var(--jass-card)!important;border-color:var(--jass-border)!important;color:var(--jass-text)!important}body.jass-dark-theme h1,body.jass-dark-theme h2,body.jass-dark-theme h3,body.jass-dark-theme h4,body.jass-dark-theme strong{color:var(--jass-text)}body.jass-dark-theme p,body.jass-dark-theme small,body.jass-dark-theme label{color:var(--jass-muted)}@media(max-width:900px){.qr-layout,.form-grid,.filters-row{grid-template-columns:1fr}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.stat-card{min-height:108px;padding:18px}.stat-icon{width:52px;height:52px;min-width:52px;font-size:24px}.stat-info strong{font-size:21px}.page-header h1,.page-header h2,.hero-card h1,.hero-card h2{font-size:24px}}html,body{max-width:100%;overflow-x:hidden}img,svg{max-width:100%}h1,h2,h3,h4,p,span,small,strong,td,th,button,a{overflow-wrap:anywhere}.table-responsive,.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}button,.btn-primary,.btn-secondary,.btn-danger,.create-button,.action-btn{max-width:100%}@media(max-width:1180px){.summary-layout,.stats-grid,.main-dashboard-grid,.channels-grid,.cards-grid,.result-grid,.quick-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-top-card,.page-header{grid-template-columns:1fr!important}.top-actions,.header-actions{justify-content:flex-start!important}}@media(max-width:768px){body{font-size:14px}.dashboard-modern,.caja-page,.page-content,.admin-content,main{width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important}.dashboard-top-card,.page-header,.table-card,.chart-card,.receipt-card,.actions-panel,.status-card,.payments-card,.metric-card,.income-card,.progress-card,.stat-card,.category-summary,.filters-row,.caja-filters{border-radius:20px!important;padding:16px!important}.summary-layout,.stats-grid,.main-dashboard-grid,.channels-grid,.cards-grid,.result-grid,.quick-grid,.category-grid,.form-grid,.filters-row,.caja-filters{grid-template-columns:1fr!important}.top-left h2,.page-header h2,.panel-title h3{font-size:1.45rem!important;line-height:1.15!important}.top-search{width:100%!important}.top-actions,.header-actions,.modal-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.top-actions button,.header-actions button,.modal-actions button,.create-button,.btn-primary,.btn-secondary,.btn-danger{width:100%!important;justify-content:center!important}.action-btn{width:100%!important;height:48px!important}table{min-width:760px}.modal-card,.confirm-modal{width:94vw!important;max-height:90vh!important;overflow-y:auto!important;border-radius:22px!important}}@media(max-width:480px){.dashboard-modern,.caja-page,.page-content,.admin-content,main{padding-left:8px!important;padding-right:8px!important}.top-left h2,.page-header h2,.panel-title h3{font-size:1.25rem!important}.metric-info strong,.stat-card strong,.income-card strong,.progress-title strong{font-size:1.45rem!important}.metric-info small,.stat-card small,.income-card small{font-size:.76rem!important}}.table-responsive,.table-wrapper{overflow-x:auto}table{min-width:900px}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%}h1,h2,h3,h4,p,span,small,strong,label,button,a,td,th{overflow-wrap:anywhere}.table-wrapper,.table-responsive,.table-scroll,.table-container{width:100%;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}input,select,textarea,button{max-width:100%}.admin-layout,.cliente-shell,.lecturador-page,.dashboard-modern,.caja-page{max-width:100%;overflow-x:hidden}.page-header,.hero-card,.dashboard-top-card,.metric-card,.income-card,.progress-card,.chart-card,.receipt-card,.actions-panel,.status-card,.payments-card,.table-card,.stat-card,.category-summary,.filters-row,.caja-filters,.channel-card,.form-card,.search-card,.suministro-card{min-width:0}.metric-card strong,.stat-card strong,.income-card strong,.progress-title strong,.chart-data strong,.info-box strong,.total-card strong{font-variant-numeric:tabular-nums}@media(max-width:1180px){.summary-layout,.main-dashboard-grid,.stats-grid,.dashboard-grid,.content-grid,.detail-grid,.cards-grid,.channels-grid,.category-grid,.quick-grid,.result-grid,.info-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-top-card,.page-header,.hero-card{grid-template-columns:1fr!important}.top-actions,.header-actions,.modal-actions{justify-content:flex-start!important;flex-wrap:wrap!important}}@media(max-width:768px){body{font-size:14px}.page-content,.content,.admin-content,.cliente-main .content,.dashboard-modern,.caja-page,main{width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important;overflow-x:hidden!important}.dashboard-top-card,.page-header,.hero-card,.table-card,.chart-card,.receipt-card,.actions-panel,.status-card,.payments-card,.metric-card,.income-card,.progress-card,.stat-card,.category-summary,.filters-row,.caja-filters,.channel-card,.form-card,.search-card,.suministro-card{border-radius:20px!important;padding:16px!important}.summary-layout,.main-dashboard-grid,.stats-grid,.dashboard-grid,.content-grid,.detail-grid,.cards-grid,.channels-grid,.category-grid,.quick-grid,.result-grid,.info-grid,.form-grid,.filters-row,.caja-filters,.search-box,.chart-data,.reading-help{grid-template-columns:1fr!important}.top-left h2,.page-header h1,.page-header h2,.hero-card h1,.hero-card h2,.panel-title h3,.table-header h3,.modal-header h3{font-size:1.45rem!important;line-height:1.15!important;letter-spacing:-.3px!important}.top-left p,.page-header p,.hero-card p,.panel-title p,.modal-header p{font-size:.88rem!important;line-height:1.35!important}.top-search,.search-box,.filters-row input,.filters-row select,.caja-filters select,.form-grid input,.form-grid select,.form-grid textarea{width:100%!important}.top-actions,.header-actions,.modal-actions,.actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.top-actions button,.header-actions button,.modal-actions button,.actions button,.create-button,.btn-primary,.btn-secondary,.btn-danger,.btn-scan{width:100%!important;justify-content:center!important}.action-btn,.theme-toggle,.mobile-menu-button{width:48px!important;height:48px!important;min-width:48px!important}.top-actions .action-btn{width:100%!important}table{min-width:760px}th,td{font-size:.82rem!important}.modal-card,.confirm-modal{width:94vw!important;max-height:90vh!important;overflow-y:auto!important;border-radius:22px!important}.donut-area{grid-template-columns:1fr!important}.donut{margin:auto}.scanner-card{grid-template-columns:1fr!important}.scanner-frame{height:230px!important}}@media(max-width:480px){.page-content,.content,.admin-content,.cliente-main .content,.dashboard-modern,.caja-page,main{padding-left:8px!important;padding-right:8px!important}.dashboard-top-card,.page-header,.hero-card,.table-card,.chart-card,.receipt-card,.actions-panel,.status-card,.payments-card,.metric-card,.income-card,.progress-card,.stat-card,.category-summary,.filters-row,.caja-filters,.channel-card,.form-card,.search-card,.suministro-card{border-radius:18px!important;padding:14px!important}.top-left h2,.page-header h1,.page-header h2,.hero-card h1,.hero-card h2,.panel-title h3,.table-header h3,.modal-header h3{font-size:1.25rem!important}.metric-info strong,.metric-card strong,.stat-card strong,.income-card strong,.progress-title strong,.chart-data strong,.info-box.total strong{font-size:1.45rem!important}.metric-info small,.metric-card small,.stat-card small,.income-card small{font-size:.74rem!important}table{min-width:720px}}@media(max-width:768px){.table-wrapper::-webkit-scrollbar,.table-responsive::-webkit-scrollbar,.table-scroll::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-thumb,.table-responsive::-webkit-scrollbar-thumb,.table-scroll::-webkit-scrollbar-thumb{background:#2563eb59;border-radius:999px}.table-wrapper::-webkit-scrollbar-track,.table-responsive::-webkit-scrollbar-track,.table-scroll::-webkit-scrollbar-track{background:#94a3b826;border-radius:999px}}@media(max-width:768px){.mobile-card-table{min-width:0!important;width:100%!important;border-collapse:separate!important;border-spacing:0 14px!important}.mobile-card-table thead{display:none!important}.mobile-card-table tbody{display:block!important;width:100%!important}.mobile-card-table tr{display:block!important;width:100%!important;background:var(--jass-card, #ffffff)!important;border:1px solid var(--jass-border, #dbeaf2)!important;border-radius:20px!important;padding:14px!important;box-shadow:0 12px 28px #0f172a14!important;margin-bottom:14px!important}.mobile-card-table td{display:grid!important;grid-template-columns:115px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;width:100%!important;padding:10px 0!important;border-bottom:1px solid var(--jass-border, #e5eef4)!important;font-size:.9rem!important;color:var(--jass-text, #092235)!important}.mobile-card-table td:last-child{border-bottom:none!important}.mobile-card-table td:before{content:attr(data-label);color:var(--jass-muted, #64748b);font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.4px}.mobile-card-table td strong{font-weight:950!important}.mobile-card-table .actions-cell,.mobile-card-table .acciones,.mobile-card-table .action-buttons{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}.mobile-card-table button,.mobile-card-table a{width:100%!important;justify-content:center!important}.mobile-card-table .badge,.mobile-card-table .estado-chip,.mobile-card-table .tipo-chip{justify-self:start!important}}@media(max-width:480px){.mobile-card-table tr{padding:12px!important;border-radius:18px!important}.mobile-card-table td{grid-template-columns:100px minmax(0,1fr)!important;gap:8px!important;font-size:.82rem!important}.mobile-card-table td:before{font-size:.72rem!important}}@media(max-width:768px){body.jass-dark-theme .mobile-card-table tr,body[data-theme=dark] .mobile-card-table tr{background:#0b1726!important;border-color:#94a3b82e!important}body.jass-dark-theme .mobile-card-table td,body[data-theme=dark] .mobile-card-table td{color:#f8fafc!important;border-color:#94a3b82e!important}body.jass-dark-theme .mobile-card-table td:before,body[data-theme=dark] .mobile-card-table td:before{color:#94a3b8!important}}
