@font-face{font-family:Plus Jakarta Sans;src:url("./media/PlusJakartaSans-Regular-MJLHH3MY.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url("./media/PlusJakartaSans-Medium-LPYLYPR6.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url("./media/PlusJakartaSans-SemiBold-OBMGPOFZ.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url("./media/PlusJakartaSans-Bold-6TV34UFS.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url("./media/PlusJakartaSans-ExtraBold-L37HHXWN.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}.field-hint{display:block;font-size:.72rem;font-weight:500;margin-top:4px;letter-spacing:.01em;color:var(--text-muted, #64748b)}.field-hint.error{color:#dc2626}.field-hint.success{color:#16a34a}:root{--brand-primary: #4cb4ce;--brand-primary-hover: #38a1bd;--brand-primary-light: rgba(76, 180, 206, .1);--brand-primary-alpha-10: rgba(76, 180, 206, .1);--brand-primary-alpha-20: rgba(76, 180, 206, .2);--brand-success: #28A745;--brand-warning: #FFC107;--brand-error: #dc2626;--brand-border-accent: rgba(76, 180, 206, .2);--brand-teal-tint: rgba(76, 180, 206, .1);--brand-navy: #1a4f6d;--brand-navy-dark: #0f172a;--brand-teal: #4cb4ce;--brand-mint: #51cba3;--brand-slate-text: #4a6c82;--brand-slate-light: #8babbe;--brand-gradient: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-mint) 100%);--sidebar-bg: #ffffff;--sidebar-text: #475569;--sidebar-text-hover: var(--brand-navy);--sidebar-border: #e2e8f0;--sidebar-hover-bg: #f8fafc;--sidebar-active-bg: rgba(76, 180, 206, .08);--bg-white: #ffffff;--bg-surface-light: #f8fafc;--bg-hover-subtle: #f1f5f9;--bg-disabled: #f1f5f9;--text-main: #333333;--text-secondary: #64748b;--text-muted: #777777;--text-placeholder: #94a3b8;--text-disabled: #94a3b8;--text-on-primary: #ffffff;--border-default: #E5E7EB;--border-hover: #cbd5e1;--border-light: #f1f5f9;--status-success-bg: #f0fdf4;--status-success-text: #16a34a;--status-success-border: #bbf7d0;--status-error-bg: #fef2f2;--status-error-text: #dc2626;--status-error-border: #fecaca;--status-error-hover: #fee2e2;--status-teal-bg: #f0fdfa;--status-teal-text: #0d9488;--status-teal-border: #99f6e4;--status-pending: #EA580C;--status-pending-bg: #fff7ed;--status-pending-border: #fed7aa;--status-completed: #16A34A;--status-completed-bg: #f0fdf4;--status-completed-border: #bbf7d0;--status-inprogress: #3b82f6;--status-inprogress-bg: #eff6ff;--status-inprogress-border: #dbeafe;--radius-section: 12px;--radius-pill: 50px;--radius-btn: 12px;--radius-md: 6px;--radius-lg: 12px;--grid-spacing: 16px;--form-el-height: 40px;--font-main: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fw-light: 300;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--ls-tight: -.02em;--ls-normal: .01em;--ls-wide: .04em;--shadow-elevation-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-elevation-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--page-padding-h-desktop: 24px;--page-padding-v-desktop: 20px;--section-gap-desktop: 16px;--page-padding-tablet: 16px;--section-gap-tablet: 12px;--page-padding-mobile: 12px;--section-gap-mobile: 10px;--container-max-width: 1440px;--header-item-height: 40px;--overlay-backdrop: rgba(15, 30, 42, .7);--backdrop-blur: 8px;--shadow-elevation-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--radius-sm: 4px;--brand-primary-rgb: 76, 180, 206;--brand-primary-alpha-10: rgba(var(--brand-primary-rgb), .1);--brand-primary-alpha-20: rgba(var(--brand-primary-rgb), .2);--brand-primary-alpha-30: rgba(var(--brand-primary-rgb), .3);--brand-primary-alpha-60: rgba(var(--brand-primary-rgb), .6);--brand-success-rgb: 40, 167, 69;--brand-success-alpha-10: rgba(40, 167, 69, .1);--brand-warning-rgb: 255, 193, 7;--brand-warning-alpha-10: rgba(255, 193, 7, .1);--brand-error-rgb: 220, 38, 38;--brand-error-alpha-10: rgba(220, 38, 38, .1)}body,html{margin:0;padding:0;height:100%;width:100%;box-sizing:border-box;font-family:var(--font-main);font-weight:var(--fw-normal);letter-spacing:var(--ls-normal);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#334155;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}input,button,textarea,select{font-family:inherit}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);color:#1e293b;margin-top:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.report-logo{max-height:50px;width:auto;object-fit:contain;margin-bottom:12px;display:block}@media print{.report-logo{max-height:50px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-backdrop);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));display:flex;justify-content:center;align-items:center;z-index:10000;animation:premiumFadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.dashboard-container{display:flex;width:100%;height:100vh;background-color:#f8fafc;font-family:var(--font-main);overflow:hidden;position:relative}.sidebar{width:280px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);box-shadow:4px 0 24px #00000005;display:flex;flex-direction:column;padding:10px 0;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:visible;position:relative;z-index:50}.sidebar.collapsed{width:80px;padding:16px 0}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--overlay-backdrop);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:40;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{display:block;opacity:1}@media screen and (max-width:1024px){.sidebar{width:280px}.page-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:20px}.page-title{width:100%;margin-bottom:4px;font-size:1.35rem}}app-sidebar{display:contents}.main-content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative;background:#f0f7ff}.content-area{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:var(--page-padding-v-desktop) var(--page-padding-h-desktop);-webkit-overflow-scrolling:touch;background:#f8fbfc;min-height:0;position:relative}@media screen and (max-width:768px){.content-area{padding:16px}}.mobile-menu-trigger{display:none;background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-md);width:44px;height:44px;align-items:center;justify-content:center;color:var(--text-main);box-shadow:var(--shadow-elevation-md);cursor:pointer;z-index:30}@media screen and (max-width:768px){.mobile-menu-trigger{display:flex}}.content-area>*{display:block;width:100%}.content-area>app-hc360-champ{display:flex;flex:1;min-height:0;height:100%}.content-area:has(>app-hc360-champ){padding:0;overflow:hidden}.toggle-btn{position:absolute;top:28px;right:-14px;width:28px;height:28px;background:#fff;border:1px solid var(--sidebar-border);color:var(--brand-slate-text);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:60;transition:all .3s ease}.toggle-btn:hover{background:var(--sidebar-hover-bg);color:var(--brand-navy);transform:scale(1.1)}.sidebar.collapsed .toggle-btn{transform:rotate(180deg)}.sidebar.collapsed .toggle-btn:hover{transform:rotate(180deg) scale(1.1)}.sidebar.collapsed .logo-area h2,.sidebar.collapsed .nav-links a span.label,.sidebar.collapsed .nav-group-header .label,.sidebar.collapsed .user-info{display:none}.logo-area{display:flex;align-items:center;justify-content:left;gap:12px;margin-bottom:18px;color:var(--brand-navy);white-space:nowrap;overflow:hidden;min-height:40px;flex-shrink:0;margin-left:24px}.logo-circle{width:44px;height:44px;background:var(--brand-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #4cb4ce4d;color:#fff}.logo-circle svg{width:24px;height:24px}.logo-area h2{font-size:20px;font-weight:700;margin:0;color:var(--brand-navy-dark);letter-spacing:-.025em}.nav-links{display:block;flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:20px}.nav-links::-webkit-scrollbar{width:6px}.nav-links::-webkit-scrollbar-track{background:transparent}.nav-links::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.nav-links::-webkit-scrollbar-thumb:hover{background:#94a3b8}.nav-links>.nav-item,.nav-links>.nav-group{margin-bottom:4px}.nav-item,.nav-group-header{display:flex;align-items:center;gap:12px;padding:10px 16px;color:var(--sidebar-text);text-decoration:none;font-weight:500;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:8px;margin:0 16px;cursor:pointer;border-left:3px solid transparent}.nav-item:hover,.nav-group-header:hover{background-color:var(--sidebar-hover-bg);color:var(--sidebar-text-hover);transform:translate(4px)}.nav-links>.nav-item.active,.nav-group-header.active-group{background:linear-gradient(90deg,#4cb4ce1f,#51cba314);color:var(--brand-teal);font-weight:600;border-left:none;margin:4px 12px;padding-left:12px;position:relative}.nav-links>.nav-item.active:before,.nav-group-header.active-group:before{content:"";position:absolute;left:4px;top:20%;bottom:20%;width:4px;background:var(--brand-gradient);border-radius:20px}.nav-item .icon,.nav-group-header .icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sub-item .icon{width:20px;height:20px}.nav-item .icon svg,.nav-group-header .icon svg{width:18px;height:18px}.sub-item .icon svg{width:16px;height:16px}.nav-group-header .chevron{margin-left:auto;transition:transform .2s;display:flex;align-items:center;opacity:.6}.nav-group-header.expanded .chevron{transform:rotate(180deg)}.sub-menu{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.sub-menu.expanded{max-height:600px;transition:max-height .3s ease-in}.sub-item{padding:8px 16px 8px 48px;margin:0 16px;font-size:14px;font-weight:500;color:var(--brand-slate-text);background:transparent!important;box-shadow:none!important;border:none!important;transform:none!important}.sub-item.active{color:var(--brand-teal);font-weight:700;background:transparent!important}.sub-item.active .icon{color:var(--brand-teal)}.sub-item:hover{background-color:transparent;color:var(--sidebar-text-hover);transform:translate(4px)!important}.sidebar.collapsed .logo-area{margin-bottom:24px;padding:0;margin-left:12px}.sidebar.collapsed .nav-item,.sidebar.collapsed .nav-group-header{justify-content:center;padding:14px;margin:0 12px}.sidebar.collapsed .nav-group-header .chevron{display:none}.sidebar.collapsed .sub-menu{display:none!important}.user-profile-wrapper{padding:16px;margin-top:auto;border-top:1px solid rgba(0,0,0,.04)}.user-profile{display:flex;flex-direction:column;gap:12px;background:#f8fafc;padding:12px;border-radius:12px;border:1px solid #f1f5f9;box-shadow:0 4px 6px -1px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-card-main{display:flex;align-items:center;gap:12px}.avatar-container{position:relative;flex-shrink:0}.avatar-pill{width:38px;height:38px;background:var(--brand-gradient);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;box-shadow:0 4px 10px #4cb4ce40}.status-indicator{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;background:#22c55e;border:2px solid #ffffff;border-radius:50%}.user-info{display:flex;flex-direction:column;overflow:hidden}.user-info .username{font-weight:600;font-size:14px;color:var(--brand-navy-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info .role{font-size:11px;font-weight:500;padding-top:6px;color:var(--brand-slate-light);text-transform:uppercase;letter-spacing:.025em}.logout-pill{width:100%;height:38px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#ef4444;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.logout-pill:hover{background:#fef2f2;border-color:#fee2e2;transform:translateY(-1px);box-shadow:0 4px 8px #ef44441a}.logout-pill svg{width:16px;height:16px}.sidebar.collapsed .user-profile-wrapper{padding:16px 8px}.sidebar.collapsed .user-profile{padding:8px;align-items:center;background:transparent;border:none;box-shadow:none}.sidebar.collapsed .logout-pill{width:38px;height:38px;padding:0;background:#fef2f2;border:none}.main-content-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:#f8fafc}.desktop-header{height:64px;padding:0 32px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:none;box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a08;z-index:40;flex-shrink:0}.header-left{display:flex;flex-direction:column;gap:4px}.greeting{font-size:18px;font-weight:700;color:var(--brand-navy-dark);margin:0;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.header-right{display:flex;align-items:center;gap:32px}.elite-meta{display:flex;align-items:center}.elite-date{font-size:11px;font-weight:700;color:var(--brand-slate-light);text-transform:uppercase;letter-spacing:.12em}.elite-avatar-container{display:flex;align-items:center}.avatar-ring-slim{width:36px;height:36px;padding:2px;background:#fff;border:1.5px solid rgba(76,180,206,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.avatar-ring-slim:hover{transform:scale(1.05);border-color:var(--brand-teal)}.avatar-core-elite{width:100%;height:100%;background:var(--brand-gradient);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:inset 0 2px 4px #00000014}@media(min-width:768px){.desktop-hidden{display:none!important}}@media(max-width:767px){.mobile-hidden{display:none!important}}.search-bar input{padding:.75rem 1rem;border:1px solid #ddd;border-radius:8px;width:300px;outline:none;transition:box-shadow .2s}.search-bar input:focus{box-shadow:0 0 0 2px #e0e7ff;border-color:#4f46e5}.header{margin-bottom:2rem}.header h1,.page-title{font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0;letter-spacing:-.02em;white-space:nowrap}.layout-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.page-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:24px;flex-shrink:0}@media screen and (max-width:767px){.header h1,.page-title{font-size:20px}}@media screen and (max-width:600px){.page-toolbar{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px}.page-title{font-size:1.2rem}}@media screen and (max-width:480px){.page-title{font-size:1.1rem}}.tabs{display:flex;gap:1rem;margin-bottom:1rem;border-bottom:1px solid #e5e7eb;padding-bottom:1px}.tab-btn{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:500;color:#6b7280;font-size:1rem;transition:all .2s}.tab-btn:hover{color:#4f46e5}.tab-btn.active{color:#4f46e5;border-bottom-color:#4f46e5}.table-container{background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:12px;overflow:hidden}.master-table,.user-table{width:100%;border-collapse:collapse;background:#fff}.master-table th,.user-table th,.master-table td,.user-table td{padding:8px 12px;text-align:left;border-bottom:1px solid #eee;font-size:.875rem}.master-table th,.user-table th{background-color:#e0f2fe;font-weight:600;color:#0369a1;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding-top:.75rem;padding-bottom:.75rem}.master-table tr,.user-table tr{transition:background-color .1s}.master-table tr:hover,.user-table tr:hover{background-color:#eef2ff}.action-buttons{margin-top:40px;display:flex;justify-content:flex-end;gap:12px}.btn{padding:10px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:600;transition:all .2s;font-size:.875rem;display:inline-block;text-decoration:none;text-align:center}.master-table .btn,.user-table .btn{padding:5px 10px;font-size:.8rem}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#fff;border-color:#d1d5db;color:#374151}.btn-secondary:hover{background:#f9fafb}.btn-danger{color:red;border-color:red;background:#fff}.btn-danger:hover{background:#fee2e2}.btn-link{background:none;color:#4f46e5;padding:0;border:none}.btn-link:hover{text-decoration:underline}.icon-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#64748b;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{background-color:#f1f5f9;color:#3b82f6}.icon-btn.danger:hover{background-color:#fee2e2;color:#ef4444}.icon-btn svg{width:20px;height:20px}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#374151}.form-control{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem}.form-control:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}textarea.form-control{resize:vertical}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#fff;padding:2rem;border-radius:.5rem;width:500px;max-width:90%;will-change:transform;transform:translateZ(0);box-shadow:0 12px 28px #00000026}.modal h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#111827;margin-top:0}.loader-container{display:flex;justify-content:center;align-items:center;padding:2rem;width:100%}.loader{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-loader{position:relative;width:60px;height:60px;display:inline-block}.app-loader div{position:absolute;width:100%;height:100%;border:4px solid var(--brand-primary);border-radius:50%;animation:pulse-ring 1.5s cubic-bezier(0,.2,.8,1) infinite;opacity:1;box-sizing:border-box}.app-loader div:nth-child(2){animation-delay:-.5s}@keyframes pulse-ring{0%{top:28px;left:28px;width:0;height:0;opacity:1}to{top:-1px;left:-1px;width:60px;height:60px;opacity:0}}.app-loader.small{width:24px;height:24px}.app-loader.small div{border-width:2px}@keyframes pulse-ring-small{0%{top:10px;left:10px;width:0;height:0;opacity:1}to{top:-1px;left:-1px;width:24px;height:24px;opacity:0}}.app-loader.small div{animation-name:pulse-ring-small}.loader-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;width:100%;min-height:200px}.loader-text{color:#64748b;font-weight:500;font-size:.95rem;animation:fade-pulse 1.5s infinite ease-in-out}@keyframes fade-pulse{0%,to{opacity:1}50%{opacity:.6}}.app-loader.white div{border-color:#fff}.toolbar{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.pagination-footer{background:#fff;border:1px solid #e5e7eb;border-top:1px solid #e2e8f0;border-radius:0 0 8px 8px;padding:12px 24px;display:flex;justify-content:flex-end;flex-shrink:0;z-index:20;margin-top:-1px}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-red-500{color:#ef4444}.mt-1{margin-top:.25rem}.mobile-top-bar{display:none;height:64px;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a08;position:sticky;top:0;z-index:40}.mobile-header-left{display:flex;align-items:center;gap:12px}.mobile-header-left .greeting{font-size:16px;font-weight:700;color:var(--brand-navy-dark);margin:0;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.menu-btn{background:none;border:none;padding:8px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center}.sidebar-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1111}@media screen and (max-width:767px){.dashboard-container{flex-direction:column;height:100vh;width:100%;overflow:hidden;display:flex!important}app-sidebar{display:contents!important}.mobile-top-bar{display:flex;flex-shrink:0}.sidebar{position:fixed;left:-280px;top:0;height:100%;width:280px;z-index:9999;transition:left .3s ease;box-shadow:8px 0 24px #0000001a}.sidebar.mobile-open{left:0;transform:none}.sidebar.collapsed,.sidebar .toggle-btn{display:none}.sidebar-backdrop.show{display:block}.content-area{padding:var(--page-padding-mobile);width:100%}.toolbar{flex-direction:column;gap:12px;align-items:stretch}.toolbar .search-bar,.toolbar .search-bar input,.btn{width:100%}.tab-btn{padding:10px;font-size:.9rem}}@media screen and (min-width:768px)and (max-width:1150px){.sidebar{width:280px}.sidebar.collapsed{width:80px}.content-area{padding:var(--page-padding-tablet)}.desktop-header{padding:0 24px}}.responsive-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;box-shadow:inset 0 0 10px #00000005;margin-bottom:1rem;position:relative}.responsive-table-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(to right,transparent,rgba(0,0,0,.05));pointer-events:none;opacity:0;transition:opacity .3s}.responsive-table-wrapper table{min-width:900px;margin-bottom:0}@media screen and (max-width:767px){.master-table th,.master-table td{padding:8px 12px;font-size:.8rem}.responsive-table-wrapper:after{opacity:1}}.cl-control{height:var(--form-el-height);padding:0 14px;border:1px solid var(--border-default)!important;border-radius:var(--radius-md, 8px)!important;font-size:.875rem!important;font-weight:500!important;color:var(--text-main)!important;background:var(--bg-white)!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;outline:none!important;box-sizing:border-box}.cl-control:hover{border-color:var(--border-hover)!important}.cl-control:focus{border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px var(--brand-primary-alpha-10)!important;background:var(--bg-white)!important}.cl-search-group{position:relative;display:flex;align-items:center;flex:1}.cl-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;width:16px;height:16px;z-index:10}.cl-search-input{padding-left:40px!important;width:100%!important}.cl-date-picker{width:160px;cursor:pointer;min-width:160px}.cl-select-trigger{height:var(--form-el-height);padding:0 16px;display:flex;justify-content:space-between;align-items:center;background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:500;color:var(--text-main)}.cl-select-trigger:hover{border-color:var(--border-hover);background:var(--bg-hover-subtle)}.cl-select-trigger.active{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-alpha-10)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:none}