.submenu-sidebar{border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:240px;min-width:240px;min-height:100vh;padding:0;transition:all .3s;display:flex;overflow-y:auto;box-shadow:2px 0 8px #00000014;background:#fff!important}.submenu-header{text-transform:uppercase;letter-spacing:.12em;color:#7c3aed;background:#faf5ff;border-bottom:2px solid #ede9fe;justify-content:space-between;align-items:center;margin-bottom:0;padding:14px 18px;font-size:11px;font-weight:900;display:flex}.submenu-item{cursor:pointer;white-space:normal;text-align:left;border:none;border-left:3px solid #0000;border-radius:0;align-items:center;gap:12px;width:100%;margin:0;padding:12px 18px;font-size:13.5px;font-weight:700;transition:all .2s;display:flex;overflow:visible;color:#0f172a!important;opacity:1!important;background:0 0!important}.submenu-item:hover{border-left-color:#7c3aed;font-weight:700;color:#1e1b4b!important;background:#f1f5f9!important}.submenu-item.active{border-left:3px solid #7c3aed;font-weight:800;color:#4c1d95!important;background:#ede9fe!important}.submenu-label{white-space:normal;flex:1;font-size:13.5px;font-weight:700;line-height:1.35;color:inherit!important}.submenu-content{background:#f8fafc;border-radius:0;flex:1;padding:16px 20px;transition:all .3s}.creg-stat{text-align:center;cursor:pointer;background:linear-gradient(135deg,#f0edff 0%,#e8e4ff 100%);border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:90px;padding:22px 16px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 10px #7c3aed1a}.creg-stat:hover{border-color:#c4b5fd;transform:translateY(-3px);box-shadow:0 6px 20px #7c3aed33}.creg-stat.creg-stat-active{border-color:#7c3aed;transform:translateY(-3px);box-shadow:0 0 0 2px #7c3aed,0 6px 20px #7c3aed40}.creg-stat-val{color:#1e293b;letter-spacing:-.5px;margin-bottom:4px;font-size:clamp(24px,3vw,36px);font-weight:900;line-height:1.2;display:block}.creg-stat-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(10px,1vw,13px);font-weight:700;display:block}.creg-stat.creg-green{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#a7f3d0;box-shadow:0 2px 10px #10b9811a}.creg-stat.creg-green .creg-stat-lbl{color:#047857}.creg-stat.creg-green:hover{border-color:#6ee7b7;box-shadow:0 6px 20px #10b98133}.creg-stat.creg-green.creg-stat-active{border-color:#059669;box-shadow:0 0 0 2px #059669,0 6px 20px #10b98140}.creg-stat.creg-yellow{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-color:#fde68a;box-shadow:0 2px 10px #f59e0b1a}.creg-stat.creg-yellow .creg-stat-lbl{color:#b45309}.creg-stat.creg-yellow:hover{border-color:#fcd34d;box-shadow:0 6px 20px #f59e0b33}.creg-stat.creg-yellow.creg-stat-active{border-color:#d97706;box-shadow:0 0 0 2px #d97706,0 6px 20px #f59e0b40}.creg-stat.creg-red{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-color:#fca5a5;box-shadow:0 2px 10px #ef44441a}.creg-stat.creg-red .creg-stat-lbl{color:#b91c1c}.creg-stat.creg-red:hover{border-color:#f87171;box-shadow:0 6px 20px #ef444433}.creg-stat.creg-red.creg-stat-active{border-color:#dc2626;box-shadow:0 0 0 2px #dc2626,0 6px 20px #ef444440}.table-wrap{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;background:#fff;border:2px solid #1e293b;border-radius:4px;margin-bottom:20px;overflow:auto visible;box-shadow:0 2px 8px #0000001a}.table-wrap::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px;margin:0 4px}.table-wrap{scrollbar-width:thin;scrollbar-color:#7c3aed #f1f5f9}.table-wrap thead{z-index:2;position:sticky;top:0}.table-wrap thead tr:first-child th{text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;border:1px solid #334155;border-bottom:2px solid #000;padding:11px 12px;font-size:11px;font-weight:700;color:#fff!important;background:#0f172a!important}.table-wrap thead tr.filter-row{background:#f1f5f9}.table-wrap thead tr.filter-row th{border:1px solid #94a3b8;border-bottom:2px solid #1e293b;padding:6px;font-weight:500;color:#64748b!important;background:#f1f5f9!important}.table-wrap td{color:#0f172a;vertical-align:middle;background:inherit;white-space:nowrap;text-overflow:ellipsis;border:1px solid #cbd5e1;max-width:220px;padding:8px 10px;font-size:13px;font-weight:600;overflow:hidden}.table-wrap thead tr:first-child th:first-child,.table-wrap thead tr.filter-row th:first-child,.table-wrap tbody td:first-child,.table-wrap tfoot td:first-child{z-index:3;position:sticky;left:0}.table-wrap thead tr:first-child th:first-child{z-index:5;background:#0f172a!important}.table-wrap thead tr.filter-row th:first-child{z-index:4;background:#f1f5f9!important}.table-wrap tbody tr:nth-child(odd) td:first-child{background:#fff;border-right:2px solid #94a3b8}.table-wrap tbody tr:nth-child(2n) td:first-child{background:#f8fafc;border-right:2px solid #94a3b8}.table-wrap tbody tr:hover td:first-child{border-right:2px solid #a5b4fc;background:#eef2ff!important}.table-wrap thead tr:first-child th:first-child{border-right:2px solid #334155}.table-wrap thead tr.filter-row th:first-child{border-right:2px solid #94a3b8}.table-wrap tfoot td{color:#1e293b;background:#f1f5f9;border:1px solid #94a3b8;border-top:2px solid #1e293b;padding:10px 12px;font-size:13px;font-weight:700}.filter-row input,.filter-row select{box-sizing:border-box;color:#374151;background:#fff;border:1px solid #94a3b8;border-radius:3px;width:100%;padding:5px 8px;font-family:inherit;font-size:11px;transition:all .2s}.filter-row input[type=date]{cursor:pointer;padding:5px 8px}.filter-row input::placeholder{color:#9ca3af;font-size:10px}.filter-row input:focus,.filter-row select:focus{background:#faf5ff;border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1a}.filter-row select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 6px center;background-repeat:no-repeat;background-size:16px;padding-right:28px}@media (width<=1024px){.page-header{flex-direction:column;align-items:flex-start;gap:15px}.header-actions{width:100%}.header-actions .btn{flex:1}.creg-stats{grid-template-columns:repeat(2,1fr)}.submenu-sidebar{width:180px}.submenu-label{font-size:12px}}@media (width<=768px){.page-header>div:first-child h1{font-size:22px}.creg-stats{grid-template-columns:1fr}.submenu-sidebar{display:none}.submenu-content{padding:16px}.table-wrap{font-size:12px}.table-wrap th,.table-wrap td{padding:10px}}.crm-hcf-wrapper{flex-direction:column;align-items:stretch;gap:0;width:100%;max-width:100%;display:flex;overflow-x:hidden}.submenu-sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:240px;min-width:240px;min-height:calc(100vh - 60px);padding:0;transition:all .3s;display:flex;overflow-y:auto;box-shadow:2px 0 8px #00000014}.submenu-sidebar.collapsed{width:60px;min-width:60px}.submenu-header{text-transform:uppercase;letter-spacing:.1em;color:#1e293b;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:4px;padding:16px 18px;font-size:12px;font-weight:800;display:flex}.submenu-item{cursor:pointer;color:#475569;white-space:nowrap;text-align:left;background:0 0;border:none;border-left:3px solid #0000;border-radius:0;align-items:center;gap:12px;width:100%;margin:0;padding:12px 18px;font-size:14px;font-weight:500;transition:all .2s;display:flex;overflow:hidden}.submenu-item:hover{color:#1e293b;background:#f1f5f9;border-left-color:#cbd5e1}.submenu-item.active{color:#5b21b6;background:#ede9fe;border-left:3px solid #7c3aed;font-weight:600}.submenu-icon{text-align:center;flex-shrink:0;width:24px;font-size:18px}.submenu-label{text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.submenu-content{background:#f8fafc;border-radius:0;flex:1;min-width:0;max-width:100%;padding:24px;transition:all .3s;overflow-x:hidden}.section{margin-bottom:30px}.page-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;display:flex}.page-header>div:first-child h1{color:#1e293b;margin:0 0 8px;font-size:28px;font-weight:700}.page-header>div:first-child p{color:#64748b;margin:0;font-size:14px}.header-actions{gap:12px;display:flex}.info-box{color:#78350f;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;gap:12px;margin-bottom:25px;padding:16px;font-size:13px;display:flex}.info-icon{flex-shrink:0;font-size:18px}.info-text{flex:1}.info-text strong{color:#92400e;margin-bottom:4px;display:block}.creg-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px;display:grid}.creg-stat{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s}.creg-stat:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #00000014}.creg-stat-val{margin-bottom:8px;font-size:28px;font-weight:700;display:block}.creg-stat-lbl{color:#64748b;font-size:13px;font-weight:500;display:block}.creg-stat.creg-green .creg-stat-val{color:#10b981}.creg-stat.creg-yellow .creg-stat-val{color:#f59e0b}.creg-stat.creg-red .creg-stat-val{color:#ef4444}.table-wrap{box-shadow:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#7c3aed #f1f5f9;background:#fff;border:2px solid #0f172a;border-radius:4px;max-width:100%;margin-bottom:20px;overflow:auto visible}.table-wrap::-webkit-scrollbar{height:10px}.table-wrap::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.table-wrap::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:2px solid #f1f5f9;border-radius:5px}.table-wrap::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6)}.table-wrap table{border-collapse:collapse;width:100%;min-width:max-content;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.table-wrap thead{z-index:2;background:#1e293b;position:sticky;top:0}.table-wrap th{text-align:left;color:#fff;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;border:1px solid #334155;padding:10px 12px;font-size:12px;font-weight:700}.table-wrap th:last-child{border-right:1px solid #334155}.table-wrap td{color:#0f172a;vertical-align:middle;background:inherit;border:1px solid #cbd5e1;padding:8px 12px;font-size:13px;font-weight:600}.table-wrap td:last-child{border-right:1px solid #cbd5e1}.table-wrap tbody tr:nth-child(odd){background:#fff}.table-wrap tbody tr:nth-child(2n){background:#f8fafc}.table-wrap tbody tr{cursor:pointer;transition:background .1s}.table-wrap tbody tr:hover{background:#e0e7ff!important}.table-wrap tbody tr:hover td{color:#0f172a}.filter-row input,.filter-row select{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:4px;width:100%;padding:6px 8px;font-family:inherit;font-size:12px}.filter-row input:focus,.filter-row select:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1a}.filter-row input[type=date]{color:#374151;cursor:pointer;min-width:100px;padding:5px 8px}.filter-row input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.filter-row input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:#7c3aed}.btn-primary:hover{background:#6d28d9;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed4d}.btn-export{color:#1e293b;background:#f1f5f9;border:1px solid #e2e8f0}.btn-export:hover{background:#e2e8f0}.table-wrap tfoot td{color:#374151;background:0 0;border-top:2px solid #cbd5e1;border-right:1px solid #e2e8f0;padding:10px 16px;font-size:12px;font-weight:700}.no-data{text-align:center;color:#94a3b8;padding:40px 20px;font-size:14px}@media (width<=1024px){.page-header{flex-direction:column;align-items:flex-start;gap:15px}.header-actions{width:100%}.header-actions .btn{flex:1}.creg-stats{grid-template-columns:repeat(2,1fr)}.submenu-sidebar{width:180px}.submenu-label{font-size:12px}}@media (width<=768px){.page-header>div:first-child h1{font-size:22px}.creg-stats{grid-template-columns:1fr}.submenu-sidebar{display:none}.submenu-content{padding:16px}.table-wrap{font-size:12px}.table-wrap th,.table-wrap td{padding:10px}}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}
