/* ClubFlex CSS Bundle (v2+v3) - 2026-07-11 07:41:44 */
 @font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-display:swap;font-weight:400;src:url('../../fonts/plus-jakarta-sans/plus-jakarta-sans-latin-400-normal.woff2') format('woff2')}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-display:swap;font-weight:500;src:url('../../fonts/plus-jakarta-sans/plus-jakarta-sans-latin-500-normal.woff2') format('woff2')}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-display:swap;font-weight:600;src:url('../../fonts/plus-jakarta-sans/plus-jakarta-sans-latin-600-normal.woff2') format('woff2')}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-display:swap;font-weight:700;src:url('../../fonts/plus-jakarta-sans/plus-jakarta-sans-latin-700-normal.woff2') format('woff2')}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-display:swap;font-weight:800;src:url('../../fonts/plus-jakarta-sans/plus-jakarta-sans-latin-800-normal.woff2') format('woff2')}
:root{--cf-primary:var(--color-brand-600,#4F46E5);--cf-primary-dark:#3730A3;--cf-primary-light:#818CF8;--cf-primary-alpha:rgba(79,70,229,0.13);--cf-primary-glow:rgba(79,70,229,0.35);--cf-accent:var(--color-info-500,#0EA5E9);--cf-accent-alpha:rgba(14,165,233,0.13);--cf-bg-body:var(--color-slate-100,#F1F5F9);--cf-bg-card:#FFFFFF;--cf-bg-sidebar:#FFFFFF;--cf-bg-sidebar-hover:#F1F5F9;--cf-bg-sidebar-active:rgba(79,70,229,0.08);--cf-bg-topbar:rgba(255,255,255,0.85);--cf-bg-input:#F1F5F9;--cf-text-primary:var(--color-slate-900,#0F172A);--cf-text-secondary:var(--color-slate-500,#64748B);--cf-text-muted:var(--color-slate-500,#64748B);--cf-text-inverse:#FFFFFF;--cf-text-sidebar:#64748B;--cf-text-sidebar-active:var(--color-brand-600,#4F46E5);--cf-border:var(--color-slate-300,#CBD5E1);--cf-border-focus:var(--color-brand-600,#4F46E5);--cf-success:var(--color-success-500,#10B981);--cf-success-light:#D1FAE5;--cf-warning:var(--color-warning-500,#F59E0B);--cf-warning-light:#FEF3C7;--cf-danger:var(--color-danger-500,#EF4444);--cf-danger-light:#FEE2E2;--cf-info:#3B82F6;--cf-info-light:#DBEAFE;--cf-type-display:30px;--cf-type-title:24px;--cf-type-section:16px;--cf-type-body-lg:14px;--cf-type-body:13px;--cf-type-caption:12px;--cf-type-meta:11px;--cf-type-micro:10px;--cf-radius-xs:var(--radius-sm);--cf-radius-sm:var(--radius-md);--cf-radius:var(--radius-xl);--cf-radius-lg:var(--radius-2xl);--cf-radius-xl:var(--radius-3xl);--cf-radius-full:var(--radius-pill);--cf-shadow-xs:0 1px 2px rgba(0,0,0,0.05);--cf-shadow-sm:0 4px 12px rgba(0,0,0,0.06);--cf-shadow:0 10px 30px rgba(0,0,0,0.08);--cf-shadow-lg:0 20px 40px rgba(0,0,0,0.12);--cf-shadow-modal:0 32px 80px rgba(0,0,0,0.18);--cf-shadow-primary:0 8px 24px rgba(79,70,229,0.3);--cf-shadow-focus:0 0 0 3px var(--cf-primary-alpha);--cf-topbar-height:72px;--cf-rail-width:60px;--cf-panel-width:240px;--cf-sidebar-total:300px;--cf-sidebar-current:var(--cf-sidebar-total);--cf-rail-bg:#111827;--cf-rail-border:#1F2937;--cf-rail-icon:#6B7280;--cf-rail-icon-hover:#D1D5DB;--cf-rail-icon-hover-bg:rgba(255,255,255,0.06);--cf-rail-icon-active:var(--cf-primary);--cf-rail-icon-active-bg:rgba(79,70,229,0.15);--cf-rail-divider:#1F2937;--cf-rail-toggle-bg:#1F2937;--cf-rail-badge-dot:#EF4444;--cf-panel-bg:#1A2332;--cf-panel-border:#243044;--cf-panel-header-color:#F3F4F6;--cf-panel-section-label:#6B7280;--cf-panel-link:#9CA3AF;--cf-panel-link-hover:#E5E7EB;--cf-panel-link-hover-bg:rgba(255,255,255,0.04);--cf-panel-link-active:var(--cf-primary);--cf-panel-link-active-bg:rgba(79,70,229,0.10);--cf-panel-scrollbar:rgba(255,255,255,0.08);--cf-panel-search-bg:#243044;--cf-panel-search-border:#2D3B50;--cf-panel-search-text:#E5E7EB;--cf-panel-search-placeholder:#6B7280;--cf-sidebar-v2-transition:250ms cubic-bezier(0.4,0,0.2,1);--cf-transition:0.25s cubic-bezier(0.4,0,0.2,1);--cf-transition-slow:0.4s cubic-bezier(0.4,0,0.2,1)}body.sidebar-panel-closed,body.sidebar-collapsed{--cf-sidebar-current:var(--cf-rail-width)}body:not(.sidebar-compact):has(.cf-sidebar-v2.panel-closed){--cf-sidebar-current:var(--cf-rail-width)}body.sidebar-compact:has(.cf-sidebar-v2.panel-closed){--cf-sidebar-current:0px}.no-transition,.no-transition *{transition:none !important}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6;color:var(--cf-text-primary);background:var(--cf-bg-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--cf-primary);text-decoration:none;transition:color var(--cf-transition)}a:hover{color:var(--cf-primary-dark);text-decoration:underline;text-underline-offset:3px}img{max-width:100%;display:block}ul,ol{list-style:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;color:var(--cf-text-primary);letter-spacing:-0.4px}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}p{margin-bottom:1em}p:last-child{margin-bottom:0}body.density-compact{--cf-topbar-height:60px}body.density-compact .cf-content{padding:16px 20px;margin-top:calc(var(--cf-topbar-height) + 28px)}body.density-compact .cf-card-header{padding:12px 20px}body.density-compact .cf-card-body{padding:16px 20px}body.density-compact .cf-form-group{margin-bottom:12px}body.density-compact .cf-input,body.density-compact .cf-select{padding:8px 12px}body.density-compact .cf-page-header{margin-bottom:16px;padding-bottom:12px}
html,body{max-width:100%;overflow-x:hidden}.cf-page-header{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap;gap:16px;padding:22px 24px;border:1px solid color-mix(in srgb,var(--cf-primary) 12%,var(--cf-border));border-radius:var(--cf-radius-lg);background:radial-gradient(circle at top right,color-mix(in srgb,var(--cf-primary) 9%,transparent),transparent 38%),linear-gradient(180deg,var(--cf-bg-card) 0%,color-mix(in srgb,var(--cf-bg-card) 96%,var(--cf-primary) 4%) 100%);box-shadow:var(--cf-shadow-sm)}.cf-page-header::after{content:"";position:absolute;right:-80px;bottom:-100px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cf-primary) 10%,transparent),transparent 72%);pointer-events:none}.cf-page-header>*{position:relative;z-index:1}.cf-page-header-text{display:flex;flex-direction:column;gap:2px}.cf-page-title{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:-0.6px;color:var(--cf-text-primary);margin:0;line-height:1.2}.cf-page-title .cf-title-icon{width:36px;height:36px;border-radius:10px;background:var(--cf-primary-alpha);color:var(--cf-primary);display:inline-flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.cf-page-title>i:first-child{width:36px;height:36px;border-radius:10px;background:var(--cf-primary-alpha);color:var(--cf-primary);display:inline-flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.cf-page-subtitle{font-size:13.5px;color:var(--cf-text-secondary);margin:5px 0 0 0;line-height:1.5;padding-left:46px}.cf-page-header-actions,.cf-page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}.cf-page-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--cf-text-muted);margin-bottom:6px;text-decoration:none;transition:color 0.15s}.cf-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:18px;padding:8px 12px;background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius);font-size:12.5px}.cf-breadcrumbs-item{display:flex;align-items:center;gap:4px;color:var(--cf-text-secondary);text-decoration:none;font-weight:500;padding:2px 6px;border-radius:5px;transition:background 0.15s,color 0.15s;white-space:nowrap}a.cf-breadcrumbs-item:hover{background:var(--cf-primary-alpha);color:var(--cf-primary)}.cf-breadcrumbs-item i{font-size:11px;opacity:0.7}.cf-breadcrumbs-item.active{color:var(--cf-text-primary);font-weight:700;cursor:default;background:var(--cf-bg-body)}.cf-breadcrumbs-sep{color:var(--cf-text-muted);font-size:10px;user-select:none;flex-shrink:0}.cf-breadcrumbs-item.home{color:var(--cf-primary)}.cf-welcome-banner{background:linear-gradient(135deg,var(--cf-primary),var(--cf-primary-dark));border-radius:var(--cf-radius-lg);padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden;box-shadow:var(--cf-shadow);color:#fff;margin-bottom:24px}.cf-welcome-banner-shape-1{position:absolute;right:-5%;top:-40%;width:300px;height:300px;background:rgba(255,255,255,0.08);border-radius:50%}.cf-welcome-banner-shape-2{position:absolute;right:15%;bottom:-40%;width:150px;height:150px;background:rgba(255,255,255,0.05);border-radius:50%}.cf-welcome-banner-content{display:flex;align-items:center;gap:24px;position:relative;z-index:1}.cf-welcome-banner-text h1{font-size:28px;font-weight:800;margin-bottom:4px;letter-spacing:-0.5px;color:#fff}.cf-welcome-banner-text p{font-size:15px;opacity:0.9;margin:0}.cf-welcome-banner-actions{position:relative;z-index:1}@media (max-width:768px){.cf-welcome-banner{flex-direction:column;align-items:flex-start;padding:24px}}.cf-app-layout{display:flex;min-height:100vh;width:100%;max-width:100%;overflow-x:clip}.cf-main{flex:1;min-width:0;margin-left:var(--cf-sidebar-current);display:flex;flex-direction:column;transition:margin-left var(--cf-sidebar-v2-transition);overflow-x:clip}.cf-content{flex:1;min-width:0;width:100%;max-width:100%;padding:30px 24px;padding-top:calc(var(--cf-topbar-height) + 0px);overflow-x:clip}.cf-app-footer{padding:18px 24px 22px;border-top:1px solid var(--cf-border);margin-top:auto}body.has-sidebar .cf-app-footer{margin-left:var(--cf-sidebar-current);transition:margin-left var(--cf-sidebar-v2-transition)}.cf-app-footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;font-size:12.5px;color:var(--cf-text-muted)}.cf-app-footer__brand{display:inline-flex;align-items:center;gap:9px;font-weight:600;letter-spacing:0.01em;white-space:nowrap}.cf-app-footer__mark{width:8px;height:8px;border-radius:3px;background:var(--cf-primary);opacity:0.85;flex-shrink:0}.cf-app-footer__links{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px}.cf-app-footer__link{color:var(--cf-text-muted);text-decoration:none;border:0;background:none;font:inherit;cursor:pointer;padding:4px 8px;border-radius:7px;transition:color var(--cf-transition),background var(--cf-transition)}.cf-app-footer__link:hover{color:var(--cf-text-primary);background:color-mix(in srgb,var(--cf-border) 45%,transparent)}.cf-app-footer__link:focus-visible{outline:2px solid var(--cf-primary);outline-offset:2px}@media (max-width:768px){body.has-sidebar .cf-app-footer{margin-left:0}.cf-app-footer{padding:16px 16px calc(20px + env(safe-area-inset-bottom,0px))}.cf-app-footer__inner{flex-direction:column;justify-content:center}.cf-app-footer__links{justify-content:center}}
.d-none{display:none !important}.d-flex{display:flex}.d-grid{display:grid}.d-block{display:block}.flex-1{flex:1}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--cf-text-muted)}.text-secondary{color:var(--cf-text-secondary)}.text-primary{color:var(--cf-primary)}.text-success{color:var(--cf-success)}.text-danger{color:var(--cf-danger)}.text-warning{color:var(--cf-warning)}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.font-sm{font-size:12px}.font-xs{font-size:11px}.w-100{width:100%}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.p-0{padding:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:var(--cf-radius)}.rounded-full{border-radius:var(--cf-radius-full)}.separator{height:1px;background:var(--cf-border);margin:20px 0}.cf-surface{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius);padding:20px}.cf-content,.cf-app-layout{min-width:0;max-width:100%;overflow-x:clip}
@keyframes cf-fade-in{from{opacity:0}to{opacity:1}}@keyframes cf-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cf-spin{to{transform:rotate(360deg)}}@keyframes cf-pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes cf-skeleton-wave{0%{background-position:200% center}100%{background-position:-200% center}}@keyframes cf-glow-pulse{0%,100%{box-shadow:0 0 0 0 var(--cf-primary-glow)}50%{box-shadow:0 0 0 8px transparent}}.cf-animate-fade-in{animation:cf-fade-in .3s ease}.cf-animate-slide-up{animation:cf-slide-up .3s ease}.cf-skeleton{background:linear-gradient(90deg,var(--cf-border) 25%,var(--cf-bg-body) 50%,var(--cf-border) 75%);background-size:200%;animation:cf-skeleton-wave 1.4s infinite;border-radius:var(--cf-radius-sm)}.cf-swal-dark{background:#13141F !important}@keyframes slideInDown{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes cf-fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cf-fade-in{animation:cf-fade-in 0.3s var(--cf-transition,ease) both}.cf-stat{animation:cf-fade-in 0.3s ease both}
.cf-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:299;transition:opacity .2s ease}#cf-sidebar-overlay.show{display:block !important}.cf-sidebar-v2{position:fixed;top:0;left:0;bottom:0;width:calc(var(--cf-rail-width) + var(--cf-panel-width));display:flex;z-index:200}.cf-sidebar-v2.panel-closed{width:var(--cf-rail-width)}.cf-rail{width:var(--cf-rail-width);min-width:var(--cf-rail-width);height:100%;background:var(--cf-rail-bg);border-right:1px solid var(--cf-rail-border);display:flex;flex-direction:column;align-items:center;flex-shrink:0;z-index:2}.cf-rail-logo{display:flex;align-items:center;justify-content:center;padding:14px 0 6px;flex-shrink:0}.cf-rail-logo-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--cf-primary),var(--cf-primary-dark));box-shadow:0 4px 12px var(--cf-primary-glow);display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;overflow:hidden;text-decoration:none}.cf-rail-logo-icon img{width:100%;height:100%;object-fit:cover}.cf-rail-toggle{display:flex;align-items:center;justify-content:center;gap:0;width:44px;height:24px;border-radius:12px;background:var(--cf-rail-toggle-bg);margin:6px 0;padding:2px;flex-shrink:0;text-decoration:none;border:none;cursor:pointer}.cf-rail-toggle-side{width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--cf-rail-icon);transition:background var(--cf-sidebar-v2-transition),color var(--cf-sidebar-v2-transition)}.cf-rail-toggle-side.active{background:var(--cf-primary);color:#fff}.cf-rail-toggle-side:not(.active):hover{color:var(--cf-rail-icon-hover)}.cf-rail-divider{width:32px;height:1px;background:var(--cf-rail-divider);margin:4px 0;flex-shrink:0}.cf-rail-nav{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;overflow-y:auto;overflow-x:clip;scrollbar-width:none}.cf-rail-nav::-webkit-scrollbar{display:none}.cf-rail-btn{position:relative;width:40px;height:40px;border-radius:10px;border:none;background:transparent;color:var(--cf-rail-icon);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;flex-shrink:0;transition:background var(--cf-sidebar-v2-transition),color var(--cf-sidebar-v2-transition)}.cf-rail-btn:hover{background:var(--cf-rail-icon-hover-bg);color:var(--cf-rail-icon-hover);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08)}.cf-rail-btn.active{background:var(--cf-rail-icon-active-bg);color:var(--cf-rail-icon-active)}.cf-rail-btn.active::before{content:'';position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 2px 2px 0;background:var(--cf-primary)}.cf-rail-badge-dot{position:absolute;top:3px;right:3px;min-width:16px;height:16px;border-radius:8px;background:var(--cf-rail-badge-dot);box-shadow:0 0 0 2px var(--cf-rail-bg);display:none;font-size:10px;font-weight:700;color:#fff;line-height:16px;padding:0 4px;text-align:center;box-sizing:border-box}.cf-rail-btn.has-badge .cf-rail-badge-dot{display:block}.cf-rail-tip{position:fixed;z-index:1000;background:var(--cf-panel-bg,#1A2332);color:#F9FAFB;font-size:12.5px;font-weight:600;line-height:1;padding:8px 11px;border-radius:8px;white-space:nowrap;pointer-events:none;box-shadow:0 8px 24px rgba(2,6,23,0.35);border:1px solid var(--cf-panel-border,#243044);opacity:0;transform:translateY(-50%) translateX(-4px);transition:opacity 0.12s ease,transform 0.12s ease}.cf-rail-tip.show{opacity:1;transform:translateY(-50%) translateX(0)}.cf-rail-tip::before{content:'';position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--cf-panel-bg,#1A2332)}.cf-rail-bottom{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0 14px;flex-shrink:0}.cf-rail-search-btn{position:relative;width:40px;height:40px;border-radius:10px;border:none;background:transparent;color:var(--cf-rail-icon);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;transition:background var(--cf-sidebar-v2-transition),color var(--cf-sidebar-v2-transition)}.cf-rail-search-btn:hover{background:var(--cf-rail-icon-hover-bg);color:var(--cf-rail-icon-hover)}.cf-sidebar-v2.search-active .cf-rail-search-btn{background:var(--cf-rail-icon-active-bg);color:var(--cf-rail-icon-active)}@property --cf-user-ring-progress{syntax:'<angle>';inherits:false;initial-value:0deg}.cf-rail-user-btn{position:relative;isolation:isolate;width:34px;height:34px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--cf-primary),var(--cf-accent));color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:visible;margin-top:4px;flex-shrink:0;transition:box-shadow var(--cf-sidebar-v2-transition)}.cf-rail-user-btn::after{content:"";position:absolute;inset:-4px;border-radius:50%;pointer-events:none;opacity:0;background:conic-gradient( from -90deg,var(--cf-primary) 0deg,var(--cf-primary) var(--cf-user-ring-progress,0deg),transparent var(--cf-user-ring-progress,0deg),transparent 360deg );-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px))}.cf-rail-user-btn:hover{box-shadow:0 0 0 2px var(--cf-rail-bg)}.cf-rail-user-btn:hover::after{opacity:1;animation:cf-user-ring-draw 520ms linear 1 both}@keyframes cf-user-ring-draw{from{--cf-user-ring-progress:0deg}to{--cf-user-ring-progress:360deg}}@media (prefers-reduced-motion:reduce){.cf-rail-user-btn:hover::after{animation:none;--cf-user-ring-progress:360deg}}.cf-rail-user-btn img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.cf-panel{width:var(--cf-panel-width);height:100%;background:var(--cf-panel-bg);border-right:1px solid var(--cf-panel-border);display:flex;flex-direction:column;transition:transform var(--cf-sidebar-v2-transition);overflow:hidden;z-index:1}.cf-sidebar-v2.panel-closed .cf-panel{transform:translateX(-100%);pointer-events:none}.cf-sidebar-v2.panel-open .cf-panel{transform:translateX(0)}.cf-panel-header{display:flex;align-items:center;gap:10px;padding:18px 16px 14px;flex-shrink:0;border-bottom:1px solid var(--cf-panel-border)}.cf-panel-header-icon{font-size:14px;color:var(--cf-panel-header-color);width:18px;text-align:center;flex-shrink:0}.cf-panel-header-label{font-size:14px;font-weight:700;color:var(--cf-panel-header-color);letter-spacing:-0.2px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-panel-close-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--cf-panel-section-label);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;flex-shrink:0;transition:background var(--cf-sidebar-v2-transition),color var(--cf-sidebar-v2-transition)}.cf-panel-close-btn:hover{background:var(--cf-panel-link-hover-bg);color:var(--cf-panel-link-hover)}.cf-panel-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 10px;scrollbar-width:thin;scrollbar-color:var(--cf-panel-scrollbar) transparent}.cf-panel-nav::-webkit-scrollbar{width:4px}.cf-panel-nav::-webkit-scrollbar-thumb{background:var(--cf-panel-scrollbar);border-radius:999px}.cf-panel-category{display:none}.cf-panel-category.active{display:block}.cf-panel-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--cf-panel-section-label);padding:14px 12px 6px;margin:0}.cf-panel-section-label:first-child{padding-top:4px}.cf-panel-link{display:flex;align-items:center;padding:7px 12px;border-radius:6px;color:var(--cf-panel-link);font-size:13px;font-weight:500;text-decoration:none;position:relative;transition:background var(--cf-sidebar-v2-transition),color var(--cf-sidebar-v2-transition);margin-bottom:1px}.cf-panel-link:hover{background:var(--cf-panel-link-hover-bg);color:var(--cf-panel-link-hover)}.cf-panel-link.active{background:var(--cf-panel-link-active-bg);color:var(--cf-panel-link-active);font-weight:600}.cf-panel-link-accent{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;border-radius:0 2px 2px 0;background:var(--cf-primary);transition:height var(--cf-sidebar-v2-transition);pointer-events:none}.cf-panel-link.active .cf-panel-link-accent{height:16px}.cf-panel-link-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-panel-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:9999px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.cf-panel-badge--danger{background:var(--cf-danger);color:#fff}.cf-panel-badge--info{background:var(--cf-info);color:#fff}.cf-panel-badge--warning{background:var(--cf-warning);color:#fff}.cf-panel-badge:empty{display:none}.cf-panel-search{display:none}.cf-sidebar-v2.search-active .cf-panel-search{display:flex;flex-direction:column;height:100%}.cf-sidebar-v2.search-active .cf-panel-category,.cf-sidebar-v2.search-active .cf-panel-header{display:none !important}.cf-panel-search-header{padding:14px 12px 10px;flex-shrink:0}.cf-panel-search-input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--cf-panel-search-border);background:var(--cf-panel-search-bg);color:var(--cf-panel-search-text);font-size:13px;font-family:inherit;outline:none;transition:border-color var(--cf-sidebar-v2-transition)}.cf-panel-search-input::placeholder{color:var(--cf-panel-search-placeholder)}.cf-panel-search-input:focus{border-color:var(--cf-primary)}.cf-panel-search-results{flex:1;overflow-y:auto;padding:4px 10px 12px;scrollbar-width:thin;scrollbar-color:var(--cf-panel-scrollbar) transparent}.cf-panel-search-results::-webkit-scrollbar{width:4px}.cf-panel-search-results::-webkit-scrollbar-thumb{background:var(--cf-panel-scrollbar);border-radius:999px}.cf-panel-search-empty{padding:24px 12px;text-align:center;color:var(--cf-panel-section-label);font-size:13px}.cf-panel-search-results .cf-panel-link.focused{background:var(--cf-panel-link-hover-bg);color:var(--cf-panel-link-hover)}.cf-compact-brand,.cf-compact-nav,.cf-compact-footer{display:none}body.sidebar-compact .cf-sidebar-v2{width:var(--cf-sidebar-total)}body.sidebar-compact .cf-sidebar-v2.panel-closed{width:0;pointer-events:none}body.sidebar-compact .cf-sidebar-v2 .cf-rail{display:none}body.sidebar-compact .cf-sidebar-v2 .cf-panel{width:var(--cf-sidebar-total);border-right:1px solid var(--cf-panel-border);box-shadow:14px 0 34px rgba(15,23,42,0.16)}body.sidebar-compact .cf-sidebar-v2.panel-closed .cf-panel{transform:translateX(-100%);pointer-events:none}body.sidebar-compact .cf-sidebar-v2.panel-open .cf-panel{transform:translateX(0);pointer-events:auto}body.sidebar-compact .cf-panel-header{min-height:74px;padding:14px 14px;gap:12px}body.sidebar-compact .cf-panel-header-icon,body.sidebar-compact .cf-panel-header-label{display:none}body.sidebar-compact .cf-compact-brand{flex:1;min-width:0;display:flex;align-items:center;gap:12px;color:var(--cf-panel-header-color);text-decoration:none}.cf-compact-brand-logo{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--cf-primary),var(--cf-accent));box-shadow:0 8px 18px var(--cf-primary-glow);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.cf-compact-brand-logo img{width:100%;height:100%;object-fit:cover}.cf-compact-brand-copy{min-width:0;display:flex;flex-direction:column;line-height:1.2}.cf-compact-brand-name{font-size:14px;font-weight:800;color:var(--cf-panel-header-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-compact-brand-kicker{margin-top:3px;font-size:11px;font-weight:700;color:var(--cf-panel-section-label);letter-spacing:0.04em;text-transform:uppercase}body.sidebar-compact .cf-panel-nav{display:none}body.sidebar-compact .cf-compact-nav{flex:1;display:block;overflow-y:auto;overflow-x:hidden;padding:10px 12px 12px;scrollbar-width:thin;scrollbar-color:var(--cf-panel-scrollbar) transparent}body.sidebar-compact .cf-compact-nav::-webkit-scrollbar{width:4px}body.sidebar-compact .cf-compact-nav::-webkit-scrollbar-thumb{background:var(--cf-panel-scrollbar);border-radius:999px}.cf-compact-group{padding:8px 0 10px;border-bottom:1px solid rgba(148,163,184,0.12)}.cf-compact-group:last-child{border-bottom:none}.cf-compact-title{display:flex;align-items:center;gap:10px;padding:7px 10px;margin-bottom:3px;color:var(--cf-panel-header-color);font-size:12px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;text-decoration:none}.cf-compact-title-icon{width:26px;height:26px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.06);color:var(--cf-primary);flex-shrink:0}.cf-compact-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-compact-direct{border-radius:10px;margin-bottom:0;transition:background var(--cf-sidebar-v2-transition),color var(--cf-sidebar-v2-transition)}.cf-compact-direct:hover{background:var(--cf-panel-link-hover-bg);color:var(--cf-panel-link-hover)}.cf-compact-direct.active{background:var(--cf-panel-link-active-bg);color:var(--cf-panel-link-active)}body.sidebar-compact .cf-panel-link{padding:8px 11px 8px 46px;border-radius:10px;font-size:13px}body.sidebar-compact .cf-panel-section-label{padding:8px 12px 5px 46px}body.sidebar-compact .cf-panel-link-accent{left:34px}body.sidebar-compact .cf-sidebar-v2.search-active .cf-panel-header,body.sidebar-compact .cf-sidebar-v2.search-active .cf-compact-nav,body.sidebar-compact .cf-sidebar-v2.search-active .cf-compact-footer{display:none !important}body.sidebar-compact .cf-compact-footer{display:flex;align-items:center;gap:8px;padding:10px 12px 14px;border-top:1px solid var(--cf-panel-border);background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.05))}.cf-compact-footer-btn{width:42px;height:42px;border-radius:13px;border:1px solid rgba(148,163,184,0.16);background:rgba(255,255,255,0.04);color:var(--cf-panel-link);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--cf-sidebar-v2-transition),color var(--cf-sidebar-v2-transition)}.cf-compact-footer-btn span{display:none}.cf-compact-footer-btn:hover{background:var(--cf-panel-link-hover-bg);color:var(--cf-panel-link-hover)}.cf-compact-user-btn{min-width:0;flex:1;height:46px;border-radius:15px;border:1px solid rgba(148,163,184,0.16);background:rgba(255,255,255,0.04);color:var(--cf-panel-header-color);display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;text-align:left}.cf-compact-user-btn:hover{background:var(--cf-panel-link-hover-bg)}.cf-compact-user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--cf-primary),var(--cf-accent));color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.cf-compact-user-avatar img{width:100%;height:100%;object-fit:cover}.cf-compact-user-copy{min-width:0;flex:1;display:flex;flex-direction:column;line-height:1.2}.cf-compact-user-name{font-size:12.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-compact-user-role{margin-top:2px;font-size:10.5px;color:var(--cf-panel-section-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.sidebar-compact .cf-rail-user-menu{left:12px;bottom:76px}.cf-rail-user-menu{display:none;position:fixed;bottom:16px;left:calc(var(--cf-rail-width) + 8px);min-width:220px;background:var(--cf-panel-bg);border:1px solid var(--cf-panel-border);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.3);z-index:210;padding:6px}.cf-rail-user-menu.show{display:block}.cf-rail-user-menu-header{padding:10px 12px;border-bottom:1px solid var(--cf-panel-border);margin-bottom:4px}.cf-rail-user-menu-name{font-weight:700;font-size:13px;color:var(--cf-panel-header-color)}.cf-rail-user-menu-email{font-size:11.5px;color:var(--cf-panel-section-label);margin-top:1px}.cf-rail-user-menu-role{margin-top:6px}.cf-rail-user-menu-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;color:var(--cf-panel-link);font-size:13px;font-weight:500;text-decoration:none;transition:background var(--cf-sidebar-v2-transition),color var(--cf-sidebar-v2-transition);cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.cf-rail-user-menu-item:hover{background:var(--cf-panel-link-hover-bg);color:var(--cf-panel-link-hover)}.cf-rail-user-menu-item.danger{color:var(--cf-danger)}.cf-rail-user-menu-item.danger:hover{background:rgba(239,68,68,0.1)}.cf-rail-user-menu-divider{height:1px;background:var(--cf-panel-border);margin:4px 0}.cf-rail-user-menu-item i{width:16px;text-align:center;font-size:13px}.cf-panel-bottom{padding:10px 10px 14px;flex-shrink:0;border-top:1px solid var(--cf-panel-border)}.cf-panel-bottom-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;transition:background var(--cf-sidebar-v2-transition);cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.cf-panel-bottom-user:hover{background:var(--cf-panel-link-hover-bg)}.cf-panel-bottom-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--cf-primary),var(--cf-accent));display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.cf-panel-bottom-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.cf-panel-bottom-info{flex:1;min-width:0}.cf-panel-bottom-name{font-size:12px;font-weight:600;color:var(--cf-panel-header-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-panel-bottom-role{font-size:10px;color:var(--cf-panel-section-label)}.cf-panel-bottom-chevron{font-size:11px;color:var(--cf-panel-section-label);flex-shrink:0}.cf-mobile-header,.cf-mobile-tabs,.cf-mobile-menu-nav,.cf-mobile-bottom{display:none}body.dark-mode .cf-rail{--cf-rail-bg:#0A0F1A;--cf-rail-border:#151D2B;background:var(--cf-rail-bg);border-color:var(--cf-rail-border)}body.dark-mode .cf-panel{--cf-panel-bg:#111827;--cf-panel-border:#1A2332;background:var(--cf-panel-bg);border-color:var(--cf-panel-border)}body.dark-mode .cf-rail-badge-dot{box-shadow:0 0 0 2px #0A0F1A}body.dark-mode .cf-rail-user-menu{background:#111827;border-color:#1A2332}body.dark-mode .cf-rail-btn:hover{background:rgba(148,163,184,0.16);color:#F8FAFC;box-shadow:inset 0 0 0 1px rgba(148,163,184,0.28)}@media (max-width:768px){.cf-sidebar-v2{position:fixed;inset:0;width:100% !important;height:100vh;transform:translateX(-100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);z-index:300;flex-direction:column;background:radial-gradient(circle at 18% 0%,rgba(249,115,22,0.18),transparent 34%),linear-gradient(180deg,#070C16 0%,#0F172A 100%)}.cf-sidebar-v2.mobile-open{transform:translateX(0)}.cf-sidebar-v2 .cf-rail{display:none}.cf-sidebar-v2 .cf-panel{position:static;width:100%;height:auto;flex:1;transform:none !important;pointer-events:auto !important;border-right:none;background:var(--cf-panel-bg);display:none}.cf-sidebar-v2.search-active .cf-panel{display:flex}.cf-sidebar-v2 .cf-panel-header{display:none !important}.cf-mobile-header{display:flex !important;align-items:center;gap:12px;padding:14px 16px;background:var(--cf-rail-bg);flex-shrink:0;border-bottom:1px solid var(--cf-rail-border)}.cf-mobile-close{width:36px;height:36px;border-radius:10px;border:none;background:var(--cf-rail-icon-hover-bg);color:var(--cf-panel-header-color);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;flex-shrink:0}.cf-mobile-title{flex:1;text-align:center;font-size:15px;font-weight:700;color:var(--cf-panel-header-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-mobile-search-btn{width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:var(--cf-rail-icon);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;flex-shrink:0}.cf-mobile-tabs{display:none !important}.cf-mobile-menu-nav{display:block;flex:1;overflow-y:auto;overflow-x:hidden;padding:18px 16px 28px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,0.28) transparent}.cf-mobile-menu-nav::-webkit-scrollbar{width:4px}.cf-mobile-menu-nav::-webkit-scrollbar-thumb{background:rgba(148,163,184,0.3);border-radius:999px}.cf-sidebar-v2.search-active .cf-mobile-menu-nav{display:none !important}.cf-mobile-menu-group{margin-bottom:12px;padding:8px;border:1px solid rgba(148,163,184,0.16);border-radius:20px;background:rgba(15,23,42,0.7);box-shadow:0 14px 36px rgba(2,6,23,0.24)}.cf-mobile-menu-group.active{border-color:rgba(249,115,22,0.55);background:rgba(30,41,59,0.72)}.cf-mobile-menu-title{display:flex;align-items:center;gap:12px;min-height:50px;padding:8px 10px;border-radius:16px;color:#F8FAFC;text-decoration:none}.cf-mobile-menu-direct{transition:background var(--cf-sidebar-v2-transition),color var(--cf-sidebar-v2-transition)}.cf-mobile-menu-direct:hover,.cf-mobile-menu-direct.active{background:rgba(249,115,22,0.12);color:#FDBA74}.cf-mobile-menu-icon{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#F97316;background:rgba(249,115,22,0.14)}.cf-mobile-menu-title-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:850;letter-spacing:-0.02em}.cf-mobile-menu-arrow{color:rgba(226,232,240,0.52);font-size:12px}.cf-mobile-menu-dot{width:8px;height:8px;border-radius:50%;background:#EF4444;box-shadow:0 0 0 4px rgba(239,68,68,0.14);display:none}.cf-mobile-menu-group.has-badge .cf-mobile-menu-dot{display:inline-block}.cf-mobile-menu-toggle{width:100%;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}.cf-mobile-menu-chevron{color:rgba(226,232,240,0.52);font-size:12px;flex-shrink:0;transition:transform 0.18s ease}.cf-mobile-menu-group.open>.cf-mobile-menu-title .cf-mobile-menu-chevron{transform:rotate(180deg)}.cf-mobile-menu-group.is-collapsible:not(.open)>:not(.cf-mobile-menu-title){display:none !important}.cf-mobile-area-switch{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;border:1px dashed rgba(249,115,22,0.5);border-radius:18px;background:rgba(249,115,22,0.1);color:#F8FAFC;text-decoration:none}.cf-mobile-area-switch-copy{flex:1;min-width:0}.cf-mobile-area-switch small{display:block;font-size:11px;color:rgba(226,232,240,0.62)}.cf-mobile-area-switch strong{display:block;font-size:14px;font-weight:850;letter-spacing:-0.01em}.cf-mobile-area-switch>i{color:#FDBA74;flex-shrink:0}.cf-mobile-menu-nav .cf-panel-link{padding:11px 12px 11px 56px;border-radius:14px;font-size:14px;color:#CBD5E1;margin-bottom:2px}.cf-mobile-menu-nav .cf-panel-link:hover{background:rgba(255,255,255,0.07);color:#F8FAFC}.cf-mobile-menu-nav .cf-panel-link.active{background:rgba(249,115,22,0.14);color:#FDBA74}.cf-mobile-menu-nav .cf-panel-link-accent{left:42px;background:#F97316}.cf-mobile-menu-nav .cf-panel-section-label{padding:12px 12px 6px 56px;font-size:11px;color:#64748B}.cf-mobile-bottom{display:flex !important;align-items:center;gap:12px;padding:12px 16px;background:var(--cf-rail-bg);border-top:1px solid var(--cf-rail-border);flex-shrink:0}.cf-mobile-bottom-toggle{flex-shrink:0}.cf-mobile-bottom-user{flex:1;display:flex;align-items:center;gap:10px;min-width:0;border:none;background:transparent;cursor:pointer;padding:0}.cf-mobile-bottom-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--cf-primary),var(--cf-accent));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.cf-mobile-bottom-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.cf-mobile-bottom-info{flex:1;min-width:0;text-align:left}.cf-mobile-bottom-name{font-size:12px;font-weight:600;color:var(--cf-panel-header-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-mobile-bottom-role{font-size:10px;color:var(--cf-panel-section-label)}.cf-rail-user-menu{left:16px;right:16px;bottom:72px;min-width:auto}.cf-sidebar-v2.search-active .cf-mobile-tabs{display:none !important}}
.cf-topbar{position:fixed;top:0;right:0;left:var(--cf-sidebar-current);height:var(--cf-topbar-height);background:var(--cf-bg-card);border-bottom:1px solid var(--cf-border);display:flex;align-items:center;gap:16px;padding:0 24px;z-index:201;transition:left var(--cf-sidebar-v2-transition);box-shadow:var(--cf-shadow-sm)}.cf-topbar-toggle{background:none;border:none;width:36px;height:36px;border-radius:var(--cf-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--cf-text-secondary);font-size:18px;transition:background var(--cf-transition),color var(--cf-transition);flex-shrink:0}.cf-topbar-toggle:hover{background:var(--cf-bg-input);color:var(--cf-text-primary)}.cf-topbar-search{flex:1;max-width:380px;position:relative}.cf-topbar-search input{width:100%;padding:8px 16px 8px 40px;border:1.5px solid var(--cf-border);border-radius:var(--cf-radius-full);background:var(--cf-bg-input);color:var(--cf-text-primary);font-size:13px;outline:none;transition:border-color var(--cf-transition),box-shadow var(--cf-transition),background var(--cf-transition)}.cf-topbar-search input:focus{border-color:var(--cf-border-focus);box-shadow:var(--cf-shadow-focus);background:var(--cf-bg-card)}.cf-topbar-search input::placeholder{color:var(--cf-text-muted)}.cf-topbar-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--cf-text-muted);font-size:13px;pointer-events:none}.cf-global-search-preview{position:absolute;top:calc(100% + 10px);left:0;width:min(720px,100vw - 32px);max-height:min(70vh,620px);overflow:auto;background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,0.18);padding:12px;z-index:1200}.cf-global-search-preview[hidden]{display:none}.cf-global-search-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 8px 12px}.cf-global-search-preview-title{font-size:12px;font-weight:800;color:var(--cf-text-muted);letter-spacing:0.04em;text-transform:uppercase}.cf-global-search-preview-hint{font-size:12px;color:var(--cf-text-muted)}.cf-global-search-preview-groups{display:flex;flex-direction:column;gap:10px}.cf-global-search-preview-group{border:1px solid var(--cf-border);border-radius:14px;overflow:hidden}.cf-global-search-preview-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:rgba(15,23,42,0.03);font-size:12px;font-weight:800;color:var(--cf-text-secondary)}.cf-global-search-preview-item{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding:12px;text-decoration:none;color:inherit;border-top:1px solid var(--cf-border)}.cf-global-search-preview-item:first-of-type{border-top:none}.cf-global-search-preview-item:hover,.cf-global-search-preview-item.is-active{background:rgba(249,115,22,0.10)}.cf-global-search-preview-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(249,115,22,0.12);color:var(--cf-primary)}.cf-global-search-preview-copy{min-width:0}.cf-global-search-preview-item-title{font-size:13px;font-weight:800;color:var(--cf-text-primary)}.cf-global-search-preview-item-subtitle{margin-top:4px;font-size:12px;color:var(--cf-text-secondary)}.cf-global-search-preview-item-meta{margin-top:6px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cf-global-search-preview-meta{font-size:11px;color:var(--cf-text-muted)}.cf-global-search-preview-pill{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:rgba(249,115,22,0.12);color:var(--cf-primary);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.02em}.cf-global-search-preview-footer{margin-top:12px;display:flex;justify-content:center}.cf-global-search-preview-empty{padding:18px 14px;text-align:center;font-size:13px;color:var(--cf-text-muted)}@media (max-width:768px){.cf-global-search-preview{left:50%;transform:translateX(-50%);width:calc(100vw - 24px)}}.cf-topbar-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.cf-topbar-dropdown-wrap{position:relative;display:flex;align-items:center}.cf-topbar-btn{width:38px;height:38px;border:none;background:var(--cf-bg-input,#F1F5F9);border-radius:var(--cf-radius-sm,10px);display:flex;align-items:center;justify-content:center;color:var(--cf-text-secondary);font-size:16px;position:relative;cursor:pointer;transition:all var(--cf-transition)}.cf-topbar-btn:hover{background:var(--cf-primary-alpha,rgba(79,70,229,0.12));color:var(--cf-primary);transform:translateY(-1px)}.cf-topbar-btn .badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--cf-danger,#EF4444);color:#fff;font-size:10px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid var(--cf-bg-card,#fff);box-shadow:0 2px 6px rgba(239,68,68,0.3);transition:transform 0.2s cubic-bezier(0.175,0.885,0.32,1.275)}.cf-topbar-btn:hover .badge{transform:scale(1.1)}.cf-topbar-profile{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border:1.5px solid var(--cf-border);border-radius:var(--cf-radius-full);cursor:pointer;transition:all var(--cf-transition);position:relative;background:var(--cf-bg-card)}.cf-topbar-profile:hover{border-color:var(--cf-primary);box-shadow:var(--cf-shadow-focus)}.cf-topbar-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--cf-primary),var(--cf-accent));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;overflow:hidden;flex-shrink:0}.cf-topbar-avatar img{width:100%;height:100%;object-fit:cover}.cf-topbar-username{font-size:13px;font-weight:600;color:var(--cf-text-primary);white-space:nowrap}.cf-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-lg);min-width:210px;display:none;z-index:200;overflow:hidden;animation:cf-dropdown-in .15s cubic-bezier(.4,0,.2,1)}.cf-dropdown.show{display:block}@keyframes cf-dropdown-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cf-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13.5px;color:var(--cf-text-primary);cursor:pointer;transition:background var(--cf-transition);text-decoration:none}.cf-dropdown-item:hover{background:var(--cf-bg-body)}.cf-dropdown-item.danger{color:var(--cf-danger)}.cf-dropdown-divider{height:1px;background:var(--cf-border);margin:4px 0}.cf-dropdown-header{padding:14px 16px 10px;border-bottom:1px solid var(--cf-border)}.cf-topbar-club-meta{display:flex;align-items:center;gap:8px;margin-left:4px;flex-shrink:0}.cf-topbar-club-dot{width:6px;height:6px;border-radius:50%;background:var(--cf-success);box-shadow:0 0 0 3px rgba(16,185,129,.2)}.cf-topbar-club-name{font-size:12.5px;color:var(--cf-text-secondary);font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-plan-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--cf-radius-full);font-size:9.5px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;line-height:1.4;flex-shrink:0;border:1px solid var(--cf-border);color:var(--cf-text-secondary);background:var(--cf-bg-input)}.cf-plan-badge--pro{color:var(--cf-primary);border-color:color-mix(in srgb,var(--cf-primary) 35%,transparent);background:color-mix(in srgb,var(--cf-primary) 10%,transparent)}.cf-plan-badge--premium{color:#7C3AED;border-color:rgba(124,58,237,0.35);background:rgba(124,58,237,0.10)}.cf-plan-badge--enterprise{color:#B45309;border-color:rgba(245,158,11,0.45);background:linear-gradient(135deg,rgba(251,191,36,0.18),rgba(245,158,11,0.08))}body.dark-mode .cf-plan-badge--premium{color:#A78BFA}body.dark-mode .cf-plan-badge--enterprise{color:#FBBF24}.cf-topbar-divider{width:1px;height:24px;background:var(--cf-border);margin:0 4px;flex-shrink:0}.cf-topbar-profile-info{display:flex;flex-direction:column;line-height:1.25}.cf-topbar-profile-name{font-size:13px;font-weight:600;color:var(--cf-text-primary)}.cf-topbar-profile-role{font-size:10.5px;color:var(--cf-text-muted)}.cf-topbar-profile-chevron{font-size:9px;color:var(--cf-text-muted);margin-left:2px}.cf-dropdown-size-330{width:330px}.cf-dropdown-size-320{width:320px}@media (max-width:768px){.cf-dropdown-size-320,.cf-dropdown-size-330{position:fixed;left:12px;right:12px;top:64px;width:auto;max-width:none;max-height:calc(100dvh - 88px);overflow-y:auto}body:has(.cf-demo-banner) .cf-dropdown-size-320,body:has(.cf-demo-banner) .cf-dropdown-size-330{top:116px}}.cf-dropdown-head-row{padding:16px 18px;border-bottom:1px solid var(--cf-border);display:flex;align-items:center;justify-content:space-between}.cf-dropdown-head-row.sm{padding:14px 18px}.cf-dropdown-title{font-weight:700;font-size:14px}.cf-dropdown-text-btn{font-size:11px;color:var(--cf-primary)}.cf-notif-list{display:flex;flex-direction:column;max-height:320px;overflow-y:auto}.cf-notif-list.sm{max-height:300px}.cf-notif-empty{padding:32px 20px;text-align:center;color:var(--cf-text-muted);font-size:13px}.cf-notif-empty.sm{padding:28px 20px}.cf-notif-empty-icon{width:52px;height:52px;background:var(--cf-bg-body);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.cf-notif-empty-icon.sm{width:48px;height:48px;margin-bottom:10px}.cf-notif-empty-icon i{font-size:20px}.cf-notif-empty-icon.sm i{font-size:18px}.cf-dropdown-foot-link{padding:12px 18px;border-top:1px solid var(--cf-border);text-align:center}.cf-dropdown-foot-link a{font-size:12.5px;color:var(--cf-primary);font-weight:600}.cf-topbar-notif-item{display:flex;align-items:flex-start;gap:10px;width:100%;box-sizing:border-box;padding:10px 16px;text-decoration:none;color:var(--cf-text-primary,#1a1a2e);border-bottom:1px solid var(--cf-border,#e2e8f0);transition:background 0.15s ease}.cf-topbar-notif-item:last-child{border-bottom:none}.cf-topbar-notif-item:hover{background:var(--cf-bg-input,#f1f5f9)}.cf-topbar-notif-item.unread{background:rgba(30,111,217,0.04);border-left:3px solid var(--cf-primary,#1E6FD9)}.cf-topbar-notif-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px}.cf-topbar-notif-body{flex:1;min-width:0;overflow:hidden;display:grid;gap:2px}.cf-topbar-notif-title{display:block;font-size:13px;font-weight:500;color:var(--cf-text-primary,#1a1a2e) !important;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.4}.cf-topbar-notif-item.unread .cf-topbar-notif-title{font-weight:600}.cf-topbar-notif-time{display:block;font-size:11px;line-height:1.35;color:var(--cf-text-secondary,#64748b) !important}.cf-topbar-notif-item .cf-topbar-notif-title,.cf-topbar-notif-item .cf-topbar-notif-time,.cf-topbar-notif-item .cf-topbar-notif-body,.cf-topbar-notif-item .cf-topbar-notif-icon{text-decoration:none}.cf-dropdown-headline{font-weight:700;font-size:13.5px}.cf-dropdown-subline{font-size:12px;color:var(--cf-text-muted);margin-top:2px}.cf-dropdown-role-wrap{margin-top:6px}.cf-area-pill{appearance:none;font:inherit;text-align:left}.cf-area-pill--trainer{--cf-area-color:#0EA5E9;--cf-area-color-2:#0284C7}.cf-area-pill--admin{--cf-area-color:#6366F1;--cf-area-color-2:#4338CA}.cf-area-pill .cf-area-pill-icon{background:linear-gradient(135deg,var(--cf-area-color),var(--cf-area-color-2));font-size:12px}.cf-area-pill:hover,.cf-area-pill[aria-expanded="true"],.cf-area-pill.open{border-color:var(--cf-area-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--cf-area-color) 18%,transparent)}.cf-area-dropdown{width:280px;padding:6px}.cf-area-dropdown .cf-dropdown-header{padding:8px 10px 9px}.cf-area-option{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:9px 10px;border-radius:12px}.cf-area-option.active{background:color-mix(in srgb,var(--cf-primary) 12%,transparent)}.cf-area-option-icon{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:13px;box-shadow:0 6px 14px rgba(15,23,42,0.12)}.cf-area-option-icon.is-trainer{background:linear-gradient(135deg,#0EA5E9,#0284C7)}.cf-area-option-icon.is-admin{background:linear-gradient(135deg,#6366F1,#4338CA)}.cf-area-option strong{display:block;font-size:12.5px;line-height:1.2;color:var(--cf-text-primary)}.cf-area-option small{display:block;margin-top:2px;font-size:11px;line-height:1.35;color:var(--cf-text-secondary)}body.dark-mode .cf-area-option.active{background:color-mix(in srgb,var(--cf-primary) 18%,transparent)}.cf-hidden{display:none !important}@media (max-width:768px){.cf-hide-mobile{display:none !important}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border:none;border-radius:var(--cf-radius-sm);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--cf-transition);white-space:nowrap;text-decoration:none;line-height:1.4;position:relative;overflow:hidden;letter-spacing:0.2px}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--cf-primary);color:#fff;box-shadow:var(--cf-shadow-xs),0 2px 8px var(--cf-primary-glow)}.btn-primary:hover:not(:disabled){background:var(--cf-primary-dark);box-shadow:var(--cf-shadow-sm),0 4px 16px var(--cf-primary-glow)}.btn-primary:active:not(:disabled){}.btn-secondary{background:var(--cf-bg-card);color:var(--cf-text-primary);border:1px solid var(--cf-border);box-shadow:var(--cf-shadow-xs)}.btn-secondary:hover:not(:disabled){border-color:var(--cf-border-focus);background:var(--cf-bg-body);color:var(--cf-primary);box-shadow:var(--cf-shadow-sm)}.btn-success{background:var(--cf-success);color:#fff;box-shadow:var(--cf-shadow-xs),0 2px 8px rgba(16,185,129,.25)}.btn-success:hover:not(:disabled){background:#059669;box-shadow:var(--cf-shadow-sm),0 4px 16px rgba(16,185,129,.35)}.btn-danger{background:var(--cf-danger);color:#fff;box-shadow:var(--cf-shadow-xs),0 2px 8px rgba(239,68,68,.25)}.btn-danger:hover:not(:disabled){background:#DC2626;box-shadow:var(--cf-shadow-sm),0 4px 16px rgba(239,68,68,.35)}.btn-warning{background:var(--cf-warning);color:#fff}.btn-warning:hover:not(:disabled){background:#D97706}.btn-outline{background:transparent;border:1.5px solid var(--cf-border);color:var(--cf-text-primary)}.btn-outline:hover:not(:disabled){border-color:var(--cf-primary);color:var(--cf-primary);background:var(--cf-primary-alpha)}.btn-ghost{background:transparent;color:var(--cf-text-secondary);border:none}.btn-ghost:hover:not(:disabled){background:var(--cf-bg-input);color:var(--cf-text-primary)}.btn-accent{background:var(--cf-accent);color:#fff;box-shadow:var(--cf-shadow-xs),0 2px 8px var(--cf-accent-alpha)}.btn-accent:hover:not(:disabled){background:#0284C7;box-shadow:var(--cf-shadow-sm),0 4px 16px var(--cf-accent-alpha)}.btn-sm{padding:5px 12px;font-size:12px;border-radius:var(--cf-radius-xs)}.btn-lg{padding:12px 28px;font-size:15px}.btn-xl{padding:14px 36px;font-size:16px;border-radius:var(--cf-radius)}.btn-icon{padding:9px;aspect-ratio:1}.btn-icon.btn-sm{padding:6px}.btn.loading::after{content:'';width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:cf-spin .7s linear infinite;margin-left:4px}@media (pointer:coarse){.btn-icon{min-width:44px;min-height:44px}}
.cf-form-group{margin-bottom:20px}.cf-form-label{display:block;font-size:13px;font-weight:600;color:var(--cf-text-primary);margin-bottom:7px}.cf-form-label .req{color:var(--cf-danger);margin-left:2px}.cf-form-hint{font-size:var(--cf-type-caption);color:var(--cf-text-muted);margin-top:5px}.cf-input,.cf-select,.cf-textarea{width:100%;padding:12px 16px;border:1.5px solid var(--cf-border);border-radius:var(--cf-radius-sm);background:var(--cf-bg-card);color:var(--cf-text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color var(--cf-transition),box-shadow var(--cf-transition)}select.cf-input,select.cf-form-control{height:auto;padding-top:9px;padding-bottom:9px;line-height:1.25;min-height:42px}.cf-input:focus,.cf-select:focus,.cf-textarea:focus{border-color:var(--cf-border-focus);box-shadow:var(--cf-shadow-focus)}.cf-input::placeholder,.cf-textarea::placeholder{color:var(--cf-text-muted)}.cf-input.error,.cf-select.error{border-color:var(--cf-danger);box-shadow:0 0 0 3px rgba(239,68,68,.12)}.cf-textarea{min-height:100px;resize:vertical}.cf-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236B7280'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}.cf-input-icon{position:relative}.cf-input-icon .cf-input{padding-left:40px}.cf-input-icon .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--cf-text-muted);font-size:15px;pointer-events:none}.cf-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cf-form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cf-input-group{display:flex;align-items:stretch}.cf-input-group .cf-input{border-radius:var(--cf-radius-sm) 0 0 var(--cf-radius-sm);border-right:none}.cf-input-group .btn{border-radius:0 var(--cf-radius-sm) var(--cf-radius-sm) 0}.cf-checkbox-label,.cf-radio-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}.cf-checkbox-label input[type="checkbox"],.cf-radio-label input[type="radio"]{width:17px;height:17px;accent-color:var(--cf-primary)}.cf-field-error{font-size:var(--cf-type-caption);color:var(--cf-danger);margin-top:4px;display:flex;align-items:center;gap:4px}.cf-help{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:4px;padding:0;border:none;border-radius:50%;background:var(--cf-bg-input);color:var(--cf-text-secondary);font-size:10px;font-weight:700;line-height:1;cursor:help;vertical-align:middle;transition:background .15s,color .15s}.cf-help::before{content:"?"}.cf-help:hover{background:var(--cf-primary);color:#fff}@media (pointer:coarse){.cf-help{position:relative}.cf-help::after{content:"";position:absolute;inset:-12px}}.cf-help-pop{position:absolute;z-index:1200;max-width:280px;padding:12px 32px 12px 14px;border-radius:10px;background:var(--cf-bg-card);border:1px solid var(--cf-border);box-shadow:var(--cf-shadow-lg);font-size:var(--cf-type-caption);line-height:1.5;color:var(--cf-text-secondary)}.cf-help-pop-x{position:absolute;top:6px;right:6px;width:22px;height:22px;border:none;background:transparent;color:var(--cf-text-muted);cursor:pointer;border-radius:6px}.cf-help-pop-x:hover{background:var(--cf-bg-input);color:var(--cf-text-primary)}.cf-input.is-invalid,.cf-select.is-invalid,.cf-textarea.is-invalid,input.is-invalid,select.is-invalid,textarea.is-invalid,[aria-invalid="true"]{border-color:var(--cf-danger) !important;box-shadow:0 0 0 3px var(--cf-danger-light) !important}select.cf-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px !important;border:1px solid rgba(148,163,184,.34);background-color:var(--cf-bg-card);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2394A3B8%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:10px auto}select.cf-input:hover,select.cf-input:focus{border-color:rgba(37,99,235,.52);box-shadow:0 0 0 3px rgba(37,99,235,.14);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%232563EB%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E")}select.cf-input option{font-weight:600;color:#0F172A;background:#FFFFFF}select.cf-input.is-empty{color:var(--cf-text-muted)}body.dark-mode select.cf-input{background-color:#0B1220;border-color:rgba(148,163,184,.45)}body.dark-mode select.cf-input option,body.dark-mode select.cf-input.is-empty{color:#E2E8F0;background:#0F172A}body.dark-mode select.cf-input.is-empty{color:#94A3B8}.cf-input.has-error{border-color:#ef4444 !important;background:rgba(239,68,68,.02) !important}.btn.is-loading{pointer-events:none;opacity:.75}.btn.is-loading i:not(.fa-spin){display:none}
.cf-card{background:var(--cf-bg-card);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-sm);border:1px solid var(--cf-border);overflow:hidden;transition:box-shadow var(--cf-transition)}.cf-card:hover{box-shadow:var(--cf-shadow)}.cf-stat-card{background:var(--cf-bg-card);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-sm);border:1px solid var(--cf-border);padding:22px;display:flex;align-items:flex-start;gap:16px;transition:all var(--cf-transition);position:relative;overflow:hidden}.cf-stat-card::after{content:'';position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity var(--cf-transition)}.cf-stat-card:hover{transform:translateY(-3px);box-shadow:var(--cf-shadow)}.cf-stat-icon{width:48px;height:48px;border-radius:var(--cf-radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.cf-stat-icon.blue{background:linear-gradient(135deg,#DBEAFE,#BFDBFE);color:#1D4ED8}.cf-stat-icon.green{background:linear-gradient(135deg,#D1FAE5,#A7F3D0);color:#065F46}.cf-stat-icon.yellow{background:linear-gradient(135deg,#FEF3C7,#FDE68A);color:#92400E}.cf-stat-icon.red{background:linear-gradient(135deg,#FEE2E2,#FECACA);color:#991B1B}.cf-stat-icon.purple{background:linear-gradient(135deg,#EDE9FE,#DDD6FE);color:#5B21B6}.cf-stat-icon.cyan{background:linear-gradient(135deg,#CFFAFE,#A5F3FC);color:#0E7490}.cf-stat-value{font-size:30px;font-weight:800;line-height:1.1;letter-spacing:-1px}.cf-stat-label{font-size:12.5px;color:var(--cf-text-secondary);margin-top:2px}.cf-stat-trend{font-size:11.5px;margin-top:6px;font-weight:600}.cf-stat-trend.up{color:var(--cf-success)}.cf-stat-trend.down{color:var(--cf-danger)}.dashboard-main-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.cf-grid,.cf-grid-4,.cf-grid-3,.cf-grid-2{display:grid;gap:24px}.cf-grid-4{grid-template-columns:repeat(4,1fr)}.cf-grid-3{grid-template-columns:repeat(3,1fr)}.cf-grid-2{grid-template-columns:repeat(2,1fr)}.cf-stat-card--compact{padding:14px 16px;display:block}.cf-stat-card--compact .cf-stat-label{margin-top:0;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;font-size:11.5px;color:var(--cf-text-muted)}.cf-stat-card--compact .cf-stat-value{font-size:22px;margin-top:4px;letter-spacing:-0.5px}.cf-stat-value,.cf-stat__value,.cf-stat-card .cf-stat-value,.av2-amount-big,.av2-stmt-amount,.cf-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.cf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:48px 24px}.cf-empty--compact{padding:28px 16px}.cf-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--cf-bg-input);color:var(--cf-primary);font-size:22px}.cf-empty--compact .cf-empty-icon{width:44px;height:44px;font-size:18px}.cf-empty-title{font-size:var(--cf-type-section);font-weight:600;color:var(--cf-text-primary)}.cf-empty-text{margin:0;max-width:360px;font-size:var(--cf-type-body);color:var(--cf-text-muted);line-height:1.5}@media (max-width:768px){.cf-table.cf-table--cards tbody td[colspan]{display:block;text-align:center;justify-content:center}.cf-table.cf-table--cards tbody td[colspan]::before{content:none}}.cf-nextsteps{margin-bottom:16px}.cf-nextsteps .cf-empty{padding:8px 16px;gap:6px}.cf-nextsteps .cf-empty-icon{width:36px;height:36px;font-size:15px}.cf-nextsteps .cf-empty-text{font-size:var(--cf-type-meta)}.cf-nextsteps-list{display:flex;flex-direction:column;gap:6px}.cf-nextsteps-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-sm);background:var(--cf-bg-card);color:var(--cf-text-primary);text-decoration:none;transition:border-color .15s,background .15s,transform .15s}.cf-nextsteps-item:hover{border-color:var(--cf-primary);background:var(--cf-primary-alpha);transform:translateX(2px)}.cf-nextsteps-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:15px;background:var(--cf-info-light);color:var(--cf-info)}.cf-nextsteps-icon--warning{background:var(--cf-warning-light);color:var(--cf-warning)}.cf-nextsteps-icon--danger{background:var(--cf-danger-light);color:var(--cf-danger)}.cf-nextsteps-icon--success{background:var(--cf-success-light);color:var(--cf-success)}.cf-nextsteps-label{flex:1;font-weight:600;font-size:var(--cf-type-body)}.cf-nextsteps-count{flex-shrink:0;min-width:24px;padding:2px 8px;border-radius:var(--cf-radius-full);background:var(--cf-primary);color:#fff;font-size:var(--cf-type-caption);font-weight:700;text-align:center}.cf-nextsteps-arrow{color:var(--cf-text-muted);font-size:12px}
.cf-modal{display:none;position:fixed;inset:0;z-index:500;align-items:center;justify-content:center;padding:16px}.cf-modal.show{display:flex}.cf-modal-backdrop{position:absolute;inset:0;background:rgba(10,12,28,.6);animation:cf-fade-in .2s ease}.cf-modal-container{position:relative;background:var(--cf-bg-card);border-radius:var(--cf-radius-lg);box-shadow:var(--cf-shadow-modal);width:100%;max-width:540px;max-height:90vh;display:flex;flex-direction:column;animation:cf-slide-up .25s cubic-bezier(.4,0,.2,1);overflow:hidden;border:1px solid var(--cf-border)}.cf-modal-container.modal-sm{max-width:420px}.cf-modal-container.modal-lg{max-width:760px}.cf-modal-container.modal-xl{max-width:1000px}.cf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--cf-border);flex-shrink:0}.cf-modal-title{font-size:16px;font-weight:700}.cf-modal-close{background:none;border:none;width:32px;height:32px;border-radius:var(--cf-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--cf-text-muted);font-size:18px;cursor:pointer;transition:all var(--cf-transition)}.cf-modal-close:hover{background:var(--cf-bg-body);color:var(--cf-text-primary)}.cf-modal-body{padding:24px;overflow-y:auto;flex:1}.cf-modal-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:16px 24px;border-top:1px solid var(--cf-border);background:var(--cf-bg-body);flex-shrink:0}.cf-modal-footer.space-between{justify-content:space-between}.cf-help-modal-popup{border-radius:18px;padding:0 !important;overflow:hidden;border:1px solid rgba(148,163,184,.25)}.cf-help-modal{text-align:left}.cf-help-hero{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding:18px 20px;background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(37,99,235,.08));border-bottom:1px solid var(--cf-border)}.cf-help-hero-icon{width:44px;height:44px;border-radius:12px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:18px;background:linear-gradient(135deg,#0EA5E9,#2563EB);box-shadow:0 10px 22px rgba(37,99,235,.28)}.cf-help-hero h3{margin:0;font-size:20px;letter-spacing:-.01em}.cf-help-hero p{margin:6px 0 0 0;color:var(--cf-text-secondary);font-size:13px;line-height:1.55}.cf-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 20px 10px 20px}.cf-help-item{border:1px solid var(--cf-border);border-radius:12px;padding:11px 12px;background:var(--cf-bg-card)}.cf-help-item-head{display:flex;align-items:center;gap:8px;margin-bottom:5px}.cf-help-item-icon{width:24px;height:24px;border-radius:8px;color:#2563EB;background:rgba(37,99,235,.11);display:inline-flex;align-items:center;justify-content:center;font-size:12px}.cf-help-item-title{margin:0;font-size:14px;font-weight:800;color:var(--cf-text-primary)}.cf-help-item p{margin:0;font-size:12px;color:var(--cf-text-secondary);line-height:1.5}.cf-help-note{margin:0 20px 18px 20px;padding:10px 12px;border:1px dashed rgba(37,99,235,.35);border-radius:12px;background:rgba(37,99,235,.06);color:var(--cf-text-primary);font-size:12px;display:flex;align-items:flex-start;gap:8px}.cf-help-note i{margin-top:1px;color:#1D4ED8}.swal2-popup.cf-help-modal-popup .swal2-confirm.cf-help-modal-confirm{border-radius:10px;font-weight:700;padding:10px 16px;background:linear-gradient(135deg,#0EA5E9,#2563EB) !important}body.dark-mode .swal2-popup.cf-help-modal-popup{background:#0F172A;border-color:rgba(148,163,184,.24)}body.dark-mode .cf-help-hero{background:linear-gradient(135deg,rgba(30,64,175,.3),rgba(2,6,23,.45));border-bottom-color:rgba(148,163,184,.24)}body.dark-mode .cf-help-item{background:#111827;border-color:rgba(148,163,184,.24)}body.dark-mode .cf-help-item-icon{background:rgba(37,99,235,.22);color:#BFDBFE}body.dark-mode .cf-help-note{background:rgba(30,64,175,.2);border-color:rgba(96,165,250,.35)}body.dark-mode .cf-help-note i{color:#BFDBFE}@media (max-width:920px){.cf-help-grid{grid-template-columns:1fr}}
.cf-table-wrapper{overflow-x:auto;border-radius:var(--cf-radius);border:1px solid var(--cf-border);background:var(--cf-bg-card)}.cf-table{width:100%;border-collapse:collapse;font-size:13.5px}.cf-table thead th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--cf-text-muted);background:var(--cf-bg-body);border-bottom:1px solid var(--cf-border);white-space:nowrap}.cf-table tbody td{padding:13px 16px;border-bottom:1px solid var(--cf-border);color:var(--cf-text-primary);vertical-align:middle;font-variant-numeric:tabular-nums}body.cf-tables-compact .cf-table thead th{padding:7px 12px}body.cf-tables-compact .cf-table tbody td{padding:6px 12px}body.cf-tables-compact .cf-table tbody tr{line-height:1.3}.cf-table .cf-num{text-align:right;font-variant-numeric:tabular-nums}.cf-table--sticky thead th{position:sticky;top:0;z-index:2;box-shadow:0 1px 0 var(--cf-border)}.cf-table--sticky-page thead th{position:sticky;top:var(--cf-topbar-height,64px);z-index:2;box-shadow:0 1px 0 var(--cf-border)}.cf-table tbody tr:last-child td{border-bottom:none}.cf-table tbody tr{transition:background var(--cf-transition)}.cf-table tbody tr:hover{background:var(--cf-bg-body)}.cf-table-actions{display:flex;gap:6px;align-items:center}.cf-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--cf-border);background:var(--cf-bg-card)}.cf-table-search{display:flex;align-items:center;gap:8px;background:var(--cf-bg-body);border:1px solid var(--cf-border);border-radius:var(--cf-radius);padding:7px 12px;font-size:13px;color:var(--cf-text-secondary);transition:border-color 0.15s;flex:1;min-width:180px;max-width:320px}.cf-table-search:focus-within{border-color:var(--cf-primary)}.cf-table-search input{border:none;background:transparent;outline:none;font-size:13px;color:var(--cf-text-primary);width:100%}.cf-table-search input::placeholder{color:var(--cf-text-muted)}.cf-table-search-icon{color:var(--cf-text-muted);font-size:12px;flex-shrink:0}.cf-table-per-page{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--cf-text-secondary);flex-shrink:0}.cf-table-per-page select{border:1px solid var(--cf-border);background:var(--cf-bg-body);color:var(--cf-text-primary);border-radius:var(--cf-radius);padding:5px 10px;font-size:12.5px;cursor:pointer;outline:none;transition:border-color 0.15s}.cf-table-per-page select:focus{border-color:var(--cf-primary)}.cf-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--cf-border);background:var(--cf-bg-card);font-size:12.5px;color:var(--cf-text-muted)}.cf-pagination{display:flex;align-items:center;gap:4px;flex-shrink:0}.cf-pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border-radius:var(--cf-radius);border:1px solid var(--cf-border);background:var(--cf-bg-card);color:var(--cf-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all 0.15s;text-decoration:none;font-family:inherit;line-height:1}.cf-pagination-btn:hover:not(:disabled):not(.active){background:var(--cf-bg-body);border-color:var(--cf-primary);color:var(--cf-primary)}.cf-pagination-btn.active{background:var(--cf-primary);border-color:var(--cf-primary);color:#ffffff;font-weight:700;box-shadow:0 2px 8px var(--cf-primary-glow)}.cf-pagination-btn:disabled{opacity:0.35;cursor:not-allowed}.cf-pagination-ellipsis{color:var(--cf-text-muted);padding:0 4px;font-size:13px;user-select:none;line-height:32px}.cf-bulk-toolbar{display:none;background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:12px;padding:12px 20px;margin-bottom:16px;align-items:center;gap:16px;box-shadow:0 4px 12px rgba(0,0,0,.05);animation:slideInDown 0.3s ease}.cf-bulk-toolbar.show{display:flex}.cf-bulk-count{font-size:13px;font-weight:700;color:var(--cf-text-primary)}.cf-badge-status{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;min-width:110px;justify-content:center}.cf-badge-status i{font-size:10px}.cf-status-draft{background:rgba(148,163,184,.18);color:#334155;border:1px solid rgba(148,163,184,.22)}.cf-status-submitted{background:rgba(59,130,246,.08);color:#1D4ED8;border:1px solid rgba(59,130,246,.15)}.cf-status-approved{background:rgba(16,185,129,.08);color:#047857;border:1px solid rgba(16,185,129,.15)}.cf-status-rejected{background:rgba(239,68,68,.08);color:#B91C1C;border:1px solid rgba(239,68,68,.15)}.cf-status-billed{background:rgba(16,185,129,.16);color:#047857;border:1px solid rgba(16,185,129,.2)}body.dark-mode .cf-status-billed{background:rgba(6,95,70,.3);color:#A7F3D0;border-color:rgba(16,185,129,.28)}.cf-status-paid{background:rgba(16,185,129,.08);color:#047857;border:1px solid rgba(16,185,129,.15)}.cf-badge-status.draft{background:rgba(148,163,184,.18);color:#334155}.cf-badge-status.submitted{background:rgba(59,130,246,.15);color:#1D4ED8}.cf-badge-status.approved{background:rgba(16,185,129,.16);color:#047857}.cf-badge-status.rejected{background:rgba(239,68,68,.14);color:#B91C1C}.cf-badge-status.billed{background:rgba(16,185,129,.16);color:#047857}.cf-badge-status.paid{background:rgba(16,185,129,.16);color:#047857}@media (max-width:768px){.cf-table.cf-table--cards{min-width:0}.cf-table.cf-table--cards thead{display:none}.cf-table.cf-table--cards,.cf-table.cf-table--cards tbody,.cf-table.cf-table--cards tbody tr,.cf-table.cf-table--cards tbody td{display:block;width:100%}.cf-table.cf-table--cards tbody tr{margin-bottom:12px;padding:6px 2px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-sm);background:var(--cf-bg-card);box-shadow:var(--cf-shadow-xs)}.cf-table.cf-table--cards tbody td{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid color-mix(in srgb,var(--cf-border) 55%,transparent);text-align:right;min-width:0;overflow-wrap:anywhere}.cf-table.cf-table--cards tbody tr td:last-child{border-bottom:none}.cf-table.cf-table--cards tbody td::before{content:attr(data-th);flex-shrink:0;font-size:11.5px;font-weight:600;letter-spacing:0.02em;color:var(--cf-text-muted);text-align:left}.cf-table.cf-table--cards tbody td:not([data-th]),.cf-table.cf-table--cards tbody td[data-th=""]{justify-content:flex-start;text-align:left}.cf-table.cf-table--cards.cf-table--sticky th,.cf-table.cf-table--cards.cf-table--sticky-page th{position:static}}.cf-skeleton-tr td{padding:13px 14px;border-bottom:1px solid color-mix(in srgb,var(--cf-border) 55%,transparent)}.cf-skeleton--bar{height:14px;width:72%}.cf-skeleton-tr:nth-child(2n) .cf-skeleton--bar{width:58%}.cf-skeleton-tr:nth-child(3n) .cf-skeleton--bar{width:84%}.cf-skeleton-tr:nth-child(5n) .cf-skeleton--bar{width:46%}.cf-pagination-twin{margin-bottom:10px}.cf-pagination-twin:empty{display:none}.cf-pagination-bar--top{padding-bottom:0}.cf-pagination-size{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--cf-text-secondary);white-space:nowrap}.cf-pagination-size select{padding:5px 26px 5px 9px;border:1px solid var(--cf-border);border-radius:8px;background:var(--cf-bg-card);color:var(--cf-text-primary);font-size:12.5px;font-family:inherit;line-height:1.3}.cf-act-view:hover,.cf-act-view:focus-visible{color:var(--cf-text-primary);background:color-mix(in srgb,var(--cf-border) 45%,transparent)}.cf-act-edit:hover,.cf-act-edit:focus-visible{color:var(--cf-primary);background:color-mix(in srgb,var(--cf-primary) 12%,transparent)}.cf-act-danger:hover,.cf-act-danger:focus-visible{color:var(--cf-danger);background:color-mix(in srgb,var(--cf-danger) 12%,transparent)}body.dark-mode .cf-act-view:hover{background:rgba(148,163,184,0.16)}body.dark-mode .cf-act-edit:hover{background:rgba(99,102,241,0.18)}body.dark-mode .cf-act-danger:hover{background:rgba(239,68,68,0.18)}@media (max-width:600px){.cf-pagination-bar{flex-wrap:wrap;gap:8px}}
.cf-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--cf-radius-full);font-size:11.5px;font-weight:600;line-height:1.5;white-space:nowrap}.cf-badge-primary{background:var(--cf-primary-alpha);color:var(--cf-primary)}.cf-badge-success{background:var(--cf-success-light);color:#065F46}.cf-badge-warning{background:var(--cf-warning-light);color:#92400E}.cf-badge-danger{background:var(--cf-danger-light);color:#991B1B}.cf-badge-info{background:var(--cf-info-light);color:#1E40AF}.cf-badge-neutral{background:#F1F3F9;color:var(--cf-text-secondary)}.cf-badge-accent{background:var(--cf-accent-alpha);color:#0E7490}.cf-badge-dot::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.cf-submitted-overview{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}.cf-submitted-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;border:1px solid var(--cf-border);background:var(--cf-bg-body);font-size:10px;font-weight:700;color:var(--cf-text-secondary)}.cf-submitted-pill i{font-size:10px}.cf-submitted-pill.total{color:var(--cf-text-primary)}.cf-submitted-pill.in-review{color:#1D4ED8;border-color:rgba(59,130,246,.25);background:rgba(59,130,246,.08)}.cf-submitted-pill.approved{color:#047857;border-color:rgba(16,185,129,.25);background:rgba(16,185,129,.08)}.cf-submitted-pill.rejected{color:#B91C1C;border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.08)}.cf-submitted-overview-wrap{padding:12px 16px;border-bottom:1px solid var(--cf-border);background:var(--cf-bg-card)}.cf-submitted-overview-wrap .cf-submitted-overview{margin-top:0}.cf-submitted-head{display:flex;justify-content:space-between;align-items:center;gap:10px}body.dark-mode .cf-submitted-pill{background:rgba(15,23,42,.72);border-color:rgba(148,163,184,.24)}body.dark-mode .cf-submitted-pill.in-review{background:rgba(30,64,175,.24);color:#BFDBFE}body.dark-mode .cf-submitted-pill.approved{background:rgba(6,95,70,.30);color:#A7F3D0}body.dark-mode .cf-submitted-pill.rejected{background:rgba(127,29,29,.34);color:#FECACA}
.cf-alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--cf-radius-sm);font-size:13.5px;margin-bottom:16px}.cf-alert-success{background:var(--cf-success-light);color:#065F46;border-left:3px solid var(--cf-success)}.cf-alert-danger{background:var(--cf-danger-light);color:#991B1B;border-left:3px solid var(--cf-danger)}.cf-alert-warning{background:var(--cf-warning-light);color:#92400E;border-left:3px solid var(--cf-warning)}.cf-alert-info{background:var(--cf-info-light);color:#1E40AF;border-left:3px solid var(--cf-info)}.cf-tooltip{position:relative;display:inline-flex;cursor:help}.cf-tooltip::before,.cf-tooltip::after{position:absolute;visibility:hidden;opacity:0;pointer-events:none;transition:all 0.2s ease;z-index:1000}.cf-tooltip::before{content:'';border:5px solid transparent;bottom:100%;left:50%;transform:translateX(-50%) translateY(4px);border-top-color:#1E293B}.cf-tooltip::after{content:attr(data-tooltip);bottom:calc(100% + 5px);left:50%;transform:translateX(-50%) translateY(4px);background:#1E293B;color:#fff;padding:6px 12px;font-size:11px;font-weight:500;border-radius:var(--cf-radius-xs);white-space:nowrap;box-shadow:var(--cf-shadow-sm)}.cf-tooltip:hover::before,.cf-tooltip:hover::after{visibility:visible;opacity:1;transform:translateX(-50%) translateY(0)}
.cf-checkbox-wrap{display:flex;align-items:center;gap:12px;cursor:pointer}.cf-checkbox{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--cf-border);border-radius:6px;background-color:var(--cf-bg-input);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;position:relative;flex-shrink:0}.cf-checkbox:checked{background-color:var(--cf-primary);border-color:var(--cf-primary)}.cf-checkbox:checked::after{content:'';width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);position:absolute;top:2px}.cf-checkbox:focus{outline:none;box-shadow:var(--cf-shadow-focus);border-color:var(--cf-border-focus)}.cf-task-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--cf-bg-body);border-radius:var(--cf-radius-sm);margin-bottom:8px;transition:transform 0.2s ease,opacity 0.2s ease;border:1px solid var(--cf-border)}.cf-task-item:hover{transform:translateX(4px);border-color:var(--cf-border-focus)}.cf-task-item.completed{opacity:0.5;text-decoration:line-through;background:rgba(0,0,0,0.02)}body.dark-mode .cf-task-item.completed{background:rgba(255,255,255,0.02)}.cf-task-text{font-size:13.5px;color:var(--cf-text-primary);font-weight:500;flex:1}.cf-checkbox-inline{display:inline-flex;align-items:center;gap:8px;font-size:var(--cf-type-body);font-weight:600;color:var(--cf-text-secondary);cursor:pointer;white-space:nowrap}.cf-checkbox-inline input[type="checkbox"]{accent-color:var(--cf-primary);width:15px;height:15px}
.cf-drawer-overlay{position:fixed;inset:0;background:rgba(15,23,42,.32);opacity:0;visibility:hidden;transition:all .2s ease;z-index:1050}.cf-drawer-overlay.show,.cf-drawer-overlay.open{opacity:1;visibility:visible}.cf-drawer{position:fixed;top:0;right:0;height:100vh;height:100dvh;max-height:100dvh;width:min(560px,92vw);background:var(--cf-bg-card);border-left:1px solid var(--cf-border);box-shadow:-20px 0 50px rgba(15,23,42,.16);transform:translateX(105%);transition:transform .22s ease;z-index:1060;display:flex;flex-direction:column;visibility:hidden;pointer-events:none}.cf-drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto}.cf-drawer-header{flex:0 0 auto;padding:16px 20px;border-bottom:1px solid rgba(148,163,184,.22);display:flex;justify-content:space-between;align-items:flex-start;gap:10px;background:var(--cf-bg-card)}.cf-drawer-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px;padding-bottom:28px;display:flex;flex-direction:column;gap:16px}.cf-drawer-footer{flex:0 0 auto;border-top:1px solid var(--cf-border);padding:16px 24px calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;background:linear-gradient(to top,var(--cf-bg-card) 60%,transparent);background:var(--cf-bg-card);box-shadow:0 -4px 20px rgba(15,23,42,0.08),0 -1px 3px rgba(15,23,42,0.04);width:100%;position:relative;z-index:2}.cf-drawer-footer>.btn,.cf-drawer-footer>button,.cf-drawer-footer>div{flex:0 0 auto}.cf-drawer-footer>div{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.cf-drawer-footer .btn{min-height:42px;padding:10px 20px;font-weight:600;border-radius:10px;font-size:13.5px}.cf-drawer-section-title{margin:0 0 12px 0;font-size:13px;font-weight:700;color:var(--cf-text-secondary);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:8px}.cf-drawer-section-title i{font-size:12px;color:var(--cf-primary)}body.dark-mode .cf-drawer-overlay{background:rgba(2,6,23,.62)}body.dark-mode .cf-drawer{background:linear-gradient(180deg,#0F172A 0%,#0B1324 100%);border-left-color:rgba(148,163,184,.24);box-shadow:-24px 0 64px rgba(0,0,0,.55)}body.dark-mode .cf-drawer-header,body.dark-mode .cf-drawer-footer{background:rgba(15,23,42,0.95);border-color:rgba(148,163,184,0.15)}body.dark-mode .cf-drawer-footer{box-shadow:0 -6px 24px rgba(0,0,0,0.5),0 -1px 3px rgba(0,0,0,0.3)}body.dark-mode .cf-drawer-body>div{border-color:rgba(148,163,184,.22) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}@media (max-width:920px){.cf-drawer{width:100% !important;max-width:none !important}.cf-drawer-body{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}.cf-drawer-footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));align-items:stretch}.cf-drawer-footer>div{width:100%;margin-left:0;justify-content:flex-start}.cf-drawer-footer .btn{flex:1 1 0;min-width:0;text-align:center;justify-content:center}}
.cf-collapse-wrapper{overflow:hidden;max-height:4200px;min-height:0;padding:0 !important;transition:max-height 0.28s cubic-bezier(0.4,0,0.2,1),opacity 0.2s ease}.cf-collapse-wrapper.is-collapsed{max-height:0;opacity:0}.cf-collapse-inner{overflow:hidden}.cf-collapse-toggle{border-radius:8px;font-weight:700;white-space:nowrap;min-width:0;padding:4px 10px;font-size:11px;gap:5px;justify-content:center;transition:all .15s ease}.cf-collapse-toggle i{font-size:10px;transition:transform .2s ease}
.cf-fab-stack{position:fixed !important;top:auto !important;left:auto !important;right:24px !important;bottom:24px !important;bottom:max(24px,calc(env(safe-area-inset-bottom,0px) + 16px)) !important;display:inline-flex;flex-direction:row-reverse;align-items:center;gap:12px;z-index:400;pointer-events:auto;transition:opacity .2s ease,transform .2s ease}body.cf-drawer-active .cf-fab-stack,body.cf-modal-active .cf-fab-stack,body:has(dialog.cf-modal[open]) .cf-fab-stack{opacity:0;transform:translateY(8px);pointer-events:none}.cf-help-fab,.cf-add-fab{width:44px;height:44px;border:none;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;padding:0;background:linear-gradient(135deg,#6366F1,#4F46E5);box-shadow:0 10px 20px rgba(79,70,229,.22);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;flex-shrink:0}.cf-add-fab{background:linear-gradient(135deg,#818CF8,#4F46E5);box-shadow:0 10px 20px rgba(79,70,229,.20)}.cf-add-fab:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(79,70,229,.28)}.cf-help-fab:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(79,70,229,.30)}.cf-help-fab:disabled,.cf-add-fab:disabled{opacity:.58;cursor:not-allowed;box-shadow:none;transform:none}.cf-help-fab:focus-visible,.cf-add-fab:focus-visible{outline:2px solid #c7d2fe;outline-offset:2px}body.dark-mode .cf-help-fab{background:linear-gradient(135deg,#4338CA,#312E81);box-shadow:0 12px 24px rgba(67,56,202,.32)}body.dark-mode .cf-add-fab{background:linear-gradient(135deg,#6366F1,#4338CA);box-shadow:0 12px 24px rgba(79,70,229,.26)}@media (max-width:920px){.cf-fab-stack{right:12px;bottom:12px;bottom:max(12px,calc(env(safe-area-inset-bottom,0px) + 8px))}}
.cf-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 24px;background:var(--cf-bg-body);border:2px dashed rgba(148,163,184,.4);border-radius:16px;cursor:pointer;transition:all .2s ease;text-align:center}.cf-upload-zone:hover,.cf-upload-zone.dragover{border-color:#2563EB;background:rgba(37,99,235,.04);transform:translateY(-1px)}.cf-upload-icon-circle{width:48px;height:48px;background:rgba(30,58,138,.05);color:#1E3A8A;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}body.dark-mode .cf-upload-icon-circle{background:rgba(96,165,250,.1);color:#60A5FA}.cf-upload-text-main{font-size:14px;color:var(--cf-text-primary);margin-bottom:6px}.cf-upload-text-main strong{font-weight:700;color:#1E3A8A}body.dark-mode .cf-upload-text-main strong{color:#60A5FA}.cf-upload-text-sub{font-size:12px;color:var(--cf-text-muted)}.cf-upload-file-list{margin-top:14px;display:grid;gap:10px}.cf-upload-file-card{padding:14px 14px 12px;background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:14px;position:relative;overflow:hidden}.cf-upload-file-card.is-uploading{background:#F8FAFC}.cf-upload-file-card.is-error{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.04)}.cf-upload-file-head{display:flex;align-items:flex-start;gap:12px}.cf-upload-file-icon{width:40px;height:40px;border-radius:10px;background:rgba(226,232,240,.55);color:#64748B;display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.cf-upload-file-icon.is-pdf{color:#EF4444}.cf-upload-file-icon.is-image{color:#2563EB}.cf-upload-file-main{flex:1;min-width:0}.cf-upload-file-name{font-size:15px;font-weight:700;color:var(--cf-text-primary);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-upload-file-meta{margin-top:4px;font-size:12px;color:var(--cf-text-secondary);display:inline-flex;align-items:center;gap:8px}.cf-upload-file-status{font-weight:700}.cf-upload-file-status.is-uploading{color:#D97706}.cf-upload-file-status.is-completed{color:#059669}.cf-upload-file-status.is-error{color:#DC2626}.cf-upload-file-remove{border:none;background:transparent;color:var(--cf-text-muted);width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.cf-upload-file-remove:hover{color:var(--cf-text-primary);background:rgba(148,163,184,.16)}.cf-upload-progress-track{margin-top:10px;height:7px;border-radius:999px;overflow:hidden;background:rgba(148,163,184,.35)}.cf-upload-progress-bar{width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563EB,#3B82F6);transition:width .15s ease}.cf-upload-file-card.is-completed .cf-upload-progress-bar{background:linear-gradient(90deg,#10B981,#34D399)}.cf-upload-file-card.is-error .cf-upload-progress-bar{background:#EF4444}
.cf-fav-menu{position:absolute;top:100%;right:0;background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:12px;box-shadow:var(--cf-shadow-md);min-width:240px;display:none;z-index:1100;padding:8px;margin-top:4px}.cf-fav-menu.show{display:block}.cf-fav-item{padding:10px 12px;border-radius:8px;cursor:pointer;font-size:13px;display:flex;flex-direction:column;gap:2px;transition:all .2s ease}.cf-fav-item:hover{background:var(--cf-bg-body)}.cf-fav-item-route{font-weight:700;color:var(--cf-text-primary)}.cf-fav-item-label{font-size:11px;color:var(--cf-text-muted)}.cf-fav-delete{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--cf-danger);opacity:.3;padding:8px}.cf-fav-item:hover .cf-fav-delete{opacity:1}body.dark-mode .cf-fav-menu{background:#0B1220;border-color:rgba(148,163,184,.28);box-shadow:0 14px 34px rgba(0,0,0,.5)}body.dark-mode .cf-fav-item:hover{background:rgba(30,41,59,.9)}body.dark-mode .cf-fav-item-label{color:#94A3B8}
.cf-toggle-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}.cf-toggle{position:relative;width:44px;height:24px;background-color:var(--cf-border);border-radius:20px;transition:background-color 0.25s ease;flex-shrink:0}.cf-toggle::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform 0.25s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 4px rgba(0,0,0,0.2)}.cf-toggle-input{display:none}.cf-toggle-input:checked+.cf-toggle{background-color:var(--cf-success)}.cf-toggle-input:checked+.cf-toggle::after{transform:translateX(20px)}.cf-range{appearance:none;-webkit-appearance:none;width:100%;height:6px;background:var(--cf-border);border-radius:3px;outline:none}.cf-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--cf-primary);cursor:pointer;box-shadow:0 0 0 3px var(--cf-bg-card),0 0 0 5px var(--cf-primary-alpha);transition:transform 0.2s}.cf-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.cf-card-ghost{background:transparent;border:1px dashed var(--cf-border);box-shadow:none;text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--cf-text-muted);transition:all var(--cf-transition)}.cf-card-ghost:hover{background:var(--cf-bg-white);border-style:solid;border-color:var(--cf-primary-light);color:var(--cf-primary);box-shadow:var(--cf-shadow-sm);cursor:pointer}.cf-card-ghost i{font-size:28px;color:inherit}.cf-card-media{overflow:hidden;padding:0}.cf-card-media-img{width:100%;height:160px;object-fit:cover;background:var(--cf-border)}.cf-card-media-content{padding:20px}.cf-trend-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--cf-radius-sm);font-size:11.5px;font-weight:700}.cf-trend-up{background:var(--cf-success-light);color:#059669}.cf-trend-down{background:var(--cf-danger-light);color:#DC2626}.cf-upload-zone{border:2px dashed var(--cf-border);border-radius:var(--cf-radius);padding:48px 24px;text-align:center;background:var(--cf-bg-input);transition:all var(--cf-transition);cursor:pointer}.cf-upload-zone:hover{border-color:var(--cf-primary);background:var(--cf-primary-alpha)}.cf-upload-zone.dragover{border-color:var(--cf-primary);background:var(--cf-primary-alpha);box-shadow:var(--cf-shadow-focus)}.cf-upload-zone i{font-size:32px;color:var(--cf-primary-light);margin-bottom:12px}body.dark-mode .cf-tooltip::after,body.dark-mode .cf-tooltip::before{background:#F8FAFC;color:#0F172A;border-top-color:#F8FAFC}body.dark-mode .cf-trend-up{color:#4ADE80}body.dark-mode .cf-trend-down{color:#F87171}body.dark-mode .cf-card-ghost:hover{background:var(--cf-bg-sidebar-hover)}.cf-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--cf-bg-input);color:var(--cf-text-secondary);font-weight:600;font-size:14px;flex-shrink:0;overflow:hidden;border:2px solid var(--cf-bg-card)}.cf-avatar img{width:100%;height:100%;object-fit:cover}.cf-avatar.sm{width:32px;height:32px;font-size:12px}.cf-avatar.lg{width:56px;height:56px;font-size:18px}.cf-avatar-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;background:var(--cf-success);border:2px solid var(--cf-bg-card)}.cf-avatar-status.offline{background:var(--cf-text-muted)}.cf-avatar-status.busy{background:var(--cf-danger)}.cf-avatar-group{display:flex;align-items:center}.cf-avatar-group .cf-avatar{margin-right:-10px;transition:transform 0.2s ease}.cf-avatar-group .cf-avatar:hover{transform:translateY(-4px);z-index:10}.cf-tabs{display:flex;gap:24px;border-bottom:1px solid var(--cf-border);margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.cf-tabs::-webkit-scrollbar{display:none}.cf-tab-item{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;flex:0 0 auto;background:transparent;border:none;padding:12px 4px;font-size:14px;font-weight:500;line-height:1.2;color:var(--cf-text-secondary);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;user-select:none;touch-action:manipulation;transition:all var(--cf-transition)}.cf-tab-item:hover{color:var(--cf-text-primary)}.cf-tab-item.active{color:var(--cf-primary);border-bottom-color:var(--cf-primary)}.cf-accordion{border:1px solid var(--cf-border);border-radius:var(--cf-radius-sm);background:var(--cf-bg-card);overflow:hidden}.cf-accordion-item{border-bottom:1px solid var(--cf-border)}.cf-accordion-item:last-child{border-bottom:none}.cf-accordion-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600;background:var(--cf-bg-card);transition:background 0.2s ease}.cf-accordion-header:hover{background:var(--cf-bg-body)}.cf-accordion-icon{transition:transform 0.3s ease;color:var(--cf-text-muted)}.cf-accordion-item.active .cf-accordion-icon{transform:rotate(180deg)}.cf-accordion-body{padding:0 20px;max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;color:var(--cf-text-secondary);font-size:14px}.cf-accordion-item.active .cf-accordion-body{padding:16px 20px;max-height:500px}.cf-timeline{position:relative;padding-left:32px}.cf-timeline::before{content:'';position:absolute;top:0;bottom:0;left:11px;width:2px;background:var(--cf-border)}.cf-timeline-item{position:relative;margin-bottom:24px}.cf-timeline-item:last-child{margin-bottom:0}.cf-timeline-marker{position:absolute;left:-32px;top:2px;width:24px;height:24px;border-radius:50%;background:var(--cf-bg-card);border:2px solid var(--cf-primary);display:flex;align-items:center;justify-content:center;z-index:1}.cf-timeline-marker i{font-size:10px;color:var(--cf-primary)}.cf-timeline-marker.success{border-color:var(--cf-success)}.cf-timeline-marker.success i{color:var(--cf-success)}.cf-timeline-marker.warning{border-color:var(--cf-warning)}.cf-timeline-marker.warning i{color:var(--cf-warning)}.cf-timeline-content{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-sm);padding:16px;box-shadow:var(--cf-shadow-xs)}.cf-timeline-time{font-size:11.5px;color:var(--cf-text-muted);margin-bottom:4px}.cf-timeline-title{font-weight:600;margin-bottom:4px}body.dark-mode .cf-avatar,body.dark-mode .cf-avatar-status{border-color:#0F172A}body.dark-mode .cf-timeline-marker{background:#0F172A}:root{--cf-topbar-height:64px;--cf-radius:14px;--cf-radius-lg:18px}body{font-size:13px;line-height:1.5}h1{font-size:24px}h2{font-size:20px}h3{font-size:17px}h4{font-size:15px}h5{font-size:13px}.cf-main{margin-left:var(--cf-sidebar-current);transition:margin-left var(--cf-sidebar-v2-transition),width var(--cf-sidebar-v2-transition)}.cf-topbar{right:0;left:var(--cf-sidebar-current);padding:0 18px;gap:12px;transition:left var(--cf-sidebar-v2-transition)}.cf-content{padding:22px 20px;margin-top:calc(var(--cf-topbar-height) + 18px)}.cf-page-title{font-size:21px;gap:8px}.cf-page-title .cf-title-icon,.cf-page-title>i:first-child{width:32px;height:32px;font-size:14px}.cf-page-subtitle{font-size:12.5px;padding-left:40px}.cf-welcome-banner{padding:20px 22px;gap:16px;margin-bottom:16px}.cf-welcome-banner-content{gap:14px}.cf-welcome-banner-text h1{font-size:22px}.cf-welcome-banner-text p{font-size:13px}.cf-sidebar{top:12px;left:12px;bottom:12px;height:calc(100vh - 24px)}.cf-sidebar-logo{padding:0 12px;min-height:58px}.cf-sidebar-logo-icon{width:32px;height:32px;font-size:15px}.cf-sidebar-logo-text{font-size:14px}.cf-sidebar-nav{padding:8px 6px;gap:2px}.cf-sidebar-section-label{padding:12px 10px 4px;font-size:10px;letter-spacing:0.4px}.cf-sidebar-link,.cf-sidebar-group-header{gap:9px;padding:7px 9px;font-size:12.5px;margin-bottom:1px;border-radius:7px}.cf-sidebar-icon{width:18px;height:18px;font-size:14px;line-height:18px}.cf-sidebar-group-items{padding-left:10px}.cf-sidebar-group-items .cf-sidebar-link{font-size:12px;padding:6px 8px}.cf-sidebar-footer{padding:8px 6px}.cf-sidebar-user{gap:8px;padding:7px 8px}.cf-sidebar-user-avatar{width:30px;height:30px;font-size:11px}.cf-sidebar-user-name{font-size:12px}.cf-sidebar-user-role{font-size:10px}.cf-sidebar.collapsed .cf-sidebar-link,.cf-sidebar.collapsed .cf-sidebar-group-header,.cf-sidebar.collapsed .cf-sidebar-user{width:40px !important;height:40px !important;min-width:40px !important;max-width:40px !important}.cf-sidebar.collapsed .cf-sidebar-logo{height:56px !important}.cf-sidebar.collapsed .cf-sidebar-logo-icon{width:32px !important;height:32px !important}.cf-topbar-toggle{width:32px;height:32px;font-size:16px}.cf-topbar-search{max-width:320px}.cf-topbar-search input{font-size:12.5px;padding:7px 14px 7px 36px}.cf-topbar-search-icon{left:12px;font-size:12px}.cf-topbar-btn{width:34px;height:34px;font-size:14px}.cf-topbar-profile{padding:4px 10px 4px 4px}.cf-topbar-avatar{width:28px;height:28px}.cf-topbar-username{font-size:12px}.btn{padding:8px 16px;font-size:13px;gap:7px}.btn-lg{padding:10px 22px;font-size:14px}.btn-xl{padding:11px 24px;font-size:14px}.cf-form-group{margin-bottom:14px}.cf-form-label{font-size:12.5px;margin-bottom:6px}.cf-input,.cf-select,.cf-textarea{padding:10px 12px;font-size:13px}.cf-select{background-size:16px;padding-right:34px}.cf-card-header{padding:14px 16px}.cf-card-title{font-size:14px}.cf-card-body{padding:16px}.cf-card-footer{padding:12px 16px}.cf-stat-card{padding:16px;gap:12px}.cf-stat-icon{width:40px;height:40px;font-size:17px}.cf-table{font-size:12.5px}.cf-table thead th{font-size:10.5px;padding:10px 12px}.cf-table tbody td{padding:10px 12px}.cf-table-toolbar{padding:10px 12px}.cf-table-search{padding:6px 10px;font-size:12px}.cf-table-search input{font-size:12px}.cf-table-footer{font-size:12px;padding:10px 12px}.cf-pagination-btn{min-width:28px;height:28px;font-size:12px}@media (max-width:768px){.cf-main,.cf-topbar,body.sidebar-panel-closed .cf-main,body.sidebar-panel-closed .cf-topbar{margin-left:0 !important;left:0 !important;right:0 !important}.cf-content{padding:14px;margin-top:calc(var(--cf-topbar-height) + 12px)}}.cf-section-title{margin:0 0 12px;font-size:var(--cf-type-section);font-weight:800;letter-spacing:-0.2px;color:var(--cf-text-primary);display:flex;align-items:center;gap:8px}.cf-section-title i{color:var(--cf-primary);font-size:var(--cf-type-body-lg)}.cf-text-display{font-size:var(--cf-type-display);font-weight:800;letter-spacing:-0.03em;line-height:1.15}.cf-text-title{font-size:var(--cf-type-title);font-weight:700;letter-spacing:-0.02em;line-height:1.2}.cf-text-section{font-size:var(--cf-type-section);font-weight:700;line-height:1.25}.cf-text-body{font-size:var(--cf-type-body);line-height:1.45}.cf-text-meta{font-size:var(--cf-type-meta);letter-spacing:0.02em;color:var(--cf-text-muted)}.cf-page-title{font-size:var(--cf-type-title)}.cf-page-subtitle{font-size:calc(var(--cf-type-body) + 0.5px)}.cf-card-title{font-size:var(--cf-type-section)}.cf-form-label{font-size:calc(var(--cf-type-body) - 0.5px)}body.density-normal{--cf-type-display:30px;--cf-type-title:24px;--cf-type-section:16px;--cf-type-body:13.5px;--cf-type-meta:11.5px;--cf-topbar-height:66px;font-size:14px}body.density-normal .cf-content{padding:24px 22px}body.density-normal .cf-sidebar-link,body.density-normal .cf-sidebar-group-header{padding:8px 10px;font-size:13px}body.density-normal .cf-sidebar-section-label{padding:14px 10px 6px;font-size:10px}body.density-compact{--cf-type-display:28px;--cf-type-title:22px;--cf-type-section:15px;--cf-type-body:13px;--cf-type-meta:11px;--cf-topbar-height:62px;font-size:13px}body.density-ultra{--cf-type-display:25px;--cf-type-title:20px;--cf-type-section:14px;--cf-type-body:12px;--cf-type-meta:10px;--cf-topbar-height:56px;font-size:12px}body.density-ultra .cf-content{padding:16px 14px;margin-top:calc(var(--cf-topbar-height) + 14px)}body.density-ultra .cf-card-header{padding:11px 12px}body.density-ultra .cf-card-body{padding:12px}body.density-ultra .cf-sidebar-logo{min-height:52px}body.density-ultra .cf-sidebar-logo-text{font-size:13px}body.density-ultra .cf-sidebar-nav{padding:6px 5px}body.density-ultra .cf-sidebar-section-label{padding:10px 8px 4px;font-size:9px}body.density-ultra .cf-sidebar-link,body.density-ultra .cf-sidebar-group-header{padding:6px 8px;font-size:11.5px;gap:8px}body.density-ultra .cf-sidebar-group-items .cf-sidebar-link{padding:5px 7px;font-size:11px}body.density-ultra .cf-sidebar-footer{padding:6px 5px}body.density-ultra .cf-sidebar-user{padding:6px 7px}body.density-ultra .cf-sidebar-user-avatar{width:26px;height:26px;font-size:10px}body.density-ultra .cf-topbar{padding:0 12px}body.density-ultra .cf-topbar-btn{width:30px;height:30px;font-size:12px}body.density-ultra .cf-topbar-toggle{width:28px;height:28px;font-size:14px}body.density-ultra .cf-input,body.density-ultra .cf-select,body.density-ultra .cf-textarea{padding:8px 10px;font-size:12px}body.density-ultra .btn{padding:7px 12px;font-size:12px}body.density-ultra .cf-table{font-size:11.5px}body.density-ultra .cf-table thead th{font-size:9.5px;padding:8px 10px}body.density-ultra .cf-table tbody td{padding:8px 10px}.cf-form-required-note{margin-top:2px;color:var(--cf-text-muted);font-size:var(--cf-type-meta)}.cf-form-label .req{color:var(--cf-danger);margin-left:3px;font-weight:700}.cf-form-adaptive{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.cf-form-adaptive .cf-form-group{margin-bottom:0}.cf-form-adaptive .span-2,.cf-form-adaptive .span-full{grid-column:1 / -1}.cf-form-adaptive .span-2 .cf-grid-2,.cf-form-adaptive .span-2 .cf-grid-3,.cf-form-adaptive .span-2 .cf-grid-4,.cf-form-adaptive .span-2 [class*="cf-grid-"]{margin-top:0}@media (max-width:1024px){.cf-form-adaptive{grid-template-columns:1fr}}.cf-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 18px;border-radius:var(--cf-radius-sm);border:1px dashed var(--cf-border);background:var(--cf-bg-body);text-align:center}.cf-state-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;background:var(--cf-bg-card);border:1px solid var(--cf-border);color:var(--cf-text-secondary)}.cf-state-title{font-size:var(--cf-type-section);font-weight:700;color:var(--cf-text-primary)}.cf-state-text{font-size:var(--cf-type-body);color:var(--cf-text-secondary);max-width:520px}.cf-state-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.cf-state.is-empty .cf-state-icon{color:var(--cf-text-muted)}.cf-state.is-loading .cf-state-icon{color:var(--cf-primary)}.cf-state.is-error .cf-state-icon{color:var(--cf-danger);border-color:rgba(239,68,68,0.35);background:rgba(239,68,68,0.08)}.cf-state.is-success .cf-state-icon{color:var(--cf-success);border-color:rgba(16,185,129,0.35);background:rgba(16,185,129,0.08)}.cf-state-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(79,70,229,0.2);border-top-color:var(--cf-primary);animation:cf-spin .7s linear infinite}.cf-sidebar-compact-nav .cf-sidebar-nav{padding:8px 8px 10px}.cf-sidebar-compact-nav .cf-sidebar-section-label{margin:8px 10px 5px;font-size:10px;letter-spacing:.08em}.cf-sidebar-nav-group{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.cf-sidebar-compact-nav .cf-sidebar-link{min-height:34px;padding:7px 10px;border-radius:10px}.cf-sidebar-compact-nav .cf-sidebar-icon{width:17px;margin-right:9px;font-size:13px}.cf-sidebar-compact-nav .cf-sidebar-link-text{font-size:12.5px;font-weight:600}.cf-sidebar-link-parent{font-weight:700}.cf-sidebar-subnav{display:flex;flex-direction:column;gap:2px;margin:1px 0 0 26px;padding-left:8px;border-left:1px solid var(--cf-border)}.cf-sidebar-link-sub{min-height:28px !important;padding:4px 8px !important;border-radius:8px !important}.cf-sidebar-link-sub .cf-sidebar-icon{width:14px;margin-right:7px;font-size:11px;color:var(--cf-text-muted)}.cf-sidebar-link-sub .cf-sidebar-link-text{font-size:12px;font-weight:500;color:var(--cf-text-secondary)}.cf-sidebar-link-sub:hover .cf-sidebar-link-text{color:var(--cf-text-primary)}.cf-sidebar-link-sub.active .cf-sidebar-link-text{color:var(--cf-text-sidebar-active);font-weight:600}.cf-sidebar-link-sub.active .cf-sidebar-icon{color:var(--cf-text-sidebar-active)}.cf-sidebar-compact-nav .cf-sidebar-footer{padding:8px 8px 10px}.cf-sidebar-compact-nav .cf-sidebar-user{padding:8px 9px}.cf-sidebar-admin-tag{display:inline-block;margin-left:4px;font-size:9px;font-weight:700;letter-spacing:.7px;opacity:.65}.cf-sidebar.collapsed .cf-sidebar-subnav{display:none}body.density-ultra .cf-sidebar-compact-nav .cf-sidebar-link{min-height:30px;padding:5px 8px}body.density-ultra .cf-sidebar-compact-nav .cf-sidebar-link-sub{min-height:24px !important;padding:3px 6px !important}body.density-ultra .cf-sidebar-compact-nav .cf-sidebar-subnav{margin-left:22px;padding-left:6px}.cf-sidebar-dual{--cf-dual-rail-width:54px;display:flex;flex-direction:row;align-items:stretch;overflow:hidden;padding:0}.cf-sidebar-dual-rail{width:54px;min-width:54px;border-right:1px solid var(--cf-border);background:rgba(2,6,23,0.02);display:flex;flex-direction:column;align-items:center;padding:8px 6px;gap:10px}.cf-sidebar-dual-logo{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b);box-shadow:0 6px 16px rgba(15,23,42,0.24);flex-shrink:0}.cf-sidebar-dual-logo i{font-size:14px}.cf-sidebar-dual-rail-nav{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center;overflow-y:auto;padding-bottom:4px}.cf-sidebar-dual-rail-nav::-webkit-scrollbar{width:4px}.cf-sidebar-rail-item{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--cf-text-sidebar);text-decoration:none;border:1px solid transparent;transition:all .18s ease}button.cf-sidebar-rail-item{padding:0;background:transparent;border:1px solid transparent;appearance:none;cursor:pointer}.cf-sidebar-rail-item:hover{background:var(--cf-bg-sidebar-hover);color:var(--cf-text-primary)}.cf-sidebar-rail-item.active{color:var(--cf-text-sidebar-active);border-color:rgba(79,70,229,.24);background:var(--cf-bg-sidebar-active);box-shadow:inset 0 0 0 1px rgba(79,70,229,.08)}.cf-sidebar-rail-item i{font-size:13px}.cf-sidebar-rail-item-toggle .cf-toggle-collapsed{display:none}.cf-sidebar-dual.collapsed .cf-sidebar-rail-item-toggle .cf-toggle-expanded{display:none}.cf-sidebar-dual.collapsed .cf-sidebar-rail-item-toggle .cf-toggle-collapsed{display:inline-block}.cf-sidebar-dual-rail-bottom{margin-top:auto;display:flex;flex-direction:column;gap:8px;align-items:center;width:100%}.cf-sidebar-rail-user-wrap{display:none;position:relative;width:100%;justify-content:center}.cf-sidebar-rail-user-trigger{width:36px;height:36px;border-radius:10px;border:1px solid transparent;background:transparent;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:all .18s ease}.cf-sidebar-rail-user-trigger:hover{background:var(--cf-bg-sidebar-hover)}.cf-sidebar-rail-user-avatar{width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,var(--cf-primary),var(--cf-accent));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:10.5px;font-weight:700}.cf-sidebar-rail-user-menu{position:absolute;left:calc(100% + 10px);right:auto;top:auto;bottom:0;min-width:240px;z-index:300}.cf-sidebar-dual-panel{min-width:0;flex:1;display:flex;flex-direction:column;height:100%}.cf-sidebar-pane-container{flex:1;min-height:0;overflow:hidden}.cf-sidebar-pane{padding:10px 10px 8px;height:100%;display:flex;flex-direction:column;min-height:0}.cf-sidebar-pane[hidden]{display:none !important}.cf-sidebar-pane-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.cf-sidebar-pane-header h3{margin:0;font-size:17px;line-height:1.2;font-weight:800;color:var(--cf-text-primary)}.cf-sidebar-pane-collapse{width:28px;height:28px;border:1px solid var(--cf-border);border-radius:8px;background:var(--cf-bg-card);color:var(--cf-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.cf-sidebar-pane-collapse:hover{color:var(--cf-text-primary);background:var(--cf-bg-sidebar-hover)}.cf-sidebar-pane-list{display:flex;flex-direction:column;gap:3px;min-height:0;overflow-y:auto;padding-right:2px}.cf-sidebar-pane-list::-webkit-scrollbar{width:4px}.cf-sidebar-pane-list::-webkit-scrollbar-thumb{background:rgba(100,116,139,.3);border-radius:6px}.cf-dual-sub-link{min-height:32px;padding:6px 9px;border-radius:9px;display:flex;align-items:center;gap:8px;color:var(--cf-text-secondary);text-decoration:none;transition:all .16s ease}.cf-dual-sub-link:hover{background:var(--cf-bg-sidebar-hover);color:var(--cf-text-primary)}.cf-dual-sub-link.active{background:#fff;color:var(--cf-text-sidebar-active);border:1px solid rgba(79,70,229,.22);box-shadow:0 4px 12px rgba(15,23,42,.08)}.cf-dual-sub-icon{width:15px;text-align:center;color:var(--cf-text-muted);font-size:12px;flex-shrink:0}.cf-dual-sub-link.active .cf-dual-sub-icon{color:var(--cf-text-sidebar-active)}.cf-dual-sub-text{font-size:12.5px;font-weight:500;line-height:1.2}.cf-sidebar-dual .cf-sidebar-footer{padding:8px;border-top:1px solid var(--cf-border);flex-shrink:0;position:relative}.cf-sidebar-dual .cf-sidebar-user-wrap{position:relative;width:100%}.cf-sidebar-dual .cf-sidebar-user{border-radius:10px;padding:8px;width:100%;border:1px solid transparent;background:transparent;text-align:left}.cf-sidebar-dual .cf-sidebar-user i.fa-ellipsis-vertical{margin-left:auto;color:var(--cf-text-muted)}.cf-sidebar-dual .cf-sidebar-user-menu{position:absolute;left:calc(-1 * (var(--cf-dual-rail-width) + 8px));right:auto;top:auto;bottom:calc(100% + 8px);width:calc(100% + var(--cf-dual-rail-width) + 8px);min-width:0;z-index:260}.cf-sidebar-dual .cf-sidebar-user-avatar{width:28px;height:28px;font-size:10.5px}.cf-sidebar-dual .cf-sidebar-user-name{font-size:12px}.cf-sidebar-dual .cf-sidebar-user-role{font-size:10.5px}.cf-sidebar-dual.collapsed{width:var(--cf-sidebar-mini);overflow:visible}.cf-sidebar-dual.collapsed .cf-sidebar-dual-panel{display:none}.cf-sidebar-dual.collapsed .cf-sidebar-dual-rail{width:100%;min-width:100%;border-right:none}.cf-sidebar-dual.collapsed .cf-sidebar-rail-user-wrap{display:flex}body.density-ultra .cf-sidebar-dual-rail{width:50px;min-width:50px;padding:7px 5px}body.density-ultra .cf-sidebar-dual{--cf-dual-rail-width:50px}body.density-ultra .cf-sidebar-rail-item{width:32px;height:32px}body.density-ultra .cf-sidebar-rail-user-trigger{width:32px;height:32px}body.density-ultra .cf-sidebar-rail-user-avatar{width:24px;height:24px;font-size:9.5px}body.density-ultra .cf-sidebar-pane{padding:8px 8px 6px}body.density-ultra .cf-sidebar-pane-header h3{font-size:15px}body.density-ultra .cf-dual-sub-link{min-height:28px;padding:4px 7px}body.density-ultra .cf-dual-sub-text{font-size:11.5px}@media (max-width:900px){.cf-sidebar-pane-collapse{display:none}}.cf-course-hint{display:none;background:rgba(37,99,235,.05);border:1px solid rgba(37,99,235,.15);border-radius:8px;padding:8px 12px;margin-top:8px;font-size:12px;color:#2563EB;cursor:pointer;align-items:center;gap:8px}.cf-course-hint:hover{background:rgba(37,99,235,.1)}body.dark-mode .cf-course-hint{background:rgba(30,58,138,.28);border-color:rgba(96,165,250,.35);color:#BFDBFE}body.dark-mode .cf-course-hint:hover{background:rgba(30,64,175,.34)}.cf-bulkbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;border:1px solid rgba(79,70,229,0.18);border-radius:var(--cf-radius-sm);background:var(--cf-primary-alpha);font-size:var(--cf-type-body);font-weight:700;color:var(--cf-primary)}.cf-bulkbar[hidden]{display:none}.cf-bulkbar__summary{color:var(--cf-text-secondary);font-weight:700}.cf-bulkbar__actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto;align-items:center}.cf-bulkbar--floating{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:60;border-radius:999px;background:var(--cf-bg-card);border-color:rgba(79,70,229,0.25);box-shadow:var(--cf-shadow-lg)}.cf-export-group{display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}
.cf-travel-filter-minimal{display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--cf-primary),var(--cf-primary-dark));border:none;border-radius:14px;padding:10px 14px;margin-top:0;margin-bottom:24px;box-shadow:var(--cf-shadow);overflow-x:hidden;scrollbar-width:none}.cf-travel-filter-minimal::before{content:'';position:absolute;right:-70px;top:-90px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,0.12);filter:blur(12px)}.cf-travel-filter-minimal::-webkit-scrollbar{display:none}.cf-filter-minimal-icon{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;position:relative;z-index:1}.cf-filter-minimal-items{display:flex;align-items:center;gap:10px;flex:1 1 420px;flex-wrap:wrap;min-width:0;position:relative;z-index:1}.cf-filter-item{display:flex;align-items:center;gap:8px;min-width:0;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:6px 10px;border-radius:999px;white-space:nowrap;transition:all .2s ease}.cf-filter-item:focus-within,.cf-filter-item:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.4);box-shadow:0 0 0 2px rgba(255,255,255,.18)}.cf-filter-item i{color:rgba(255,255,255,.82);font-size:13px}.cf-filter-item:focus-within i{color:#fff}.cf-input-minimal{border:none;background:transparent;color:#fff;font-size:13px;font-weight:700;outline:none;padding:0;cursor:pointer;height:22px;font-family:inherit;max-width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cf-input-minimal::placeholder{color:rgba(255,255,255,.78)}.cf-input-minimal:focus{outline:none}select.cf-input-minimal{min-width:150px;max-width:220px;color:#0F172A;height:32px;border-radius:10px;border:1px solid rgba(148,163,184,.3);background-color:rgba(255,255,255,.88);padding:0 34px 0 10px;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2394A3B8%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px auto;text-overflow:ellipsis}select.cf-input-minimal:hover,select.cf-input-minimal:focus{border-color:rgba(37,99,235,.52);box-shadow:0 0 0 3px rgba(37,99,235,.12);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%232563EB%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E")}select.cf-input-minimal option{font-weight:600;color:#0F172A;background:#FFFFFF}select.cf-input-minimal.is-empty{color:#64748B}select.cf-input-minimal:focus{color:#1D4ED8}.cf-input-minimal[type="date"]{font-weight:600;color:rgba(255,255,255,.9);width:110px}.cf-input-minimal[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.82;margin-left:-5px;filter:invert(1)}.cf-filter-minimal-actions{margin-left:0;position:relative;z-index:1;flex:0 0 auto;min-width:max-content}.cf-filter-minimal-actions .btn{border:none;background:rgba(255,255,255,.95);color:var(--cf-primary-dark);font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.14);white-space:nowrap}.cf-filter-minimal-actions .btn:hover{background:#fff}.cf-travel-filter-minimal:has(#btn-open-drawer){gap:8px;align-items:center;padding:8px 10px;min-height:50px}.cf-travel-filter-minimal:has(#btn-open-drawer) .cf-filter-minimal-icon{width:30px;height:30px;border-radius:9px;font-size:12px}.cf-travel-filter-minimal:has(#btn-open-drawer) .cf-filter-minimal-items{flex:1 1 auto;flex-wrap:nowrap;gap:7px;overflow:hidden}.cf-travel-filter-minimal:has(#btn-open-drawer) .cf-filter-item{flex:0 1 150px;gap:5px;min-height:32px;padding:4px 7px}.cf-travel-filter-minimal:has(#btn-open-drawer) #filter-date-row{flex:0 0 226px}.cf-travel-filter-minimal:has(#btn-open-drawer) #filter-department-row{flex-basis:148px}.cf-travel-filter-minimal:has(#btn-open-drawer) #filter-course-row{flex-basis:170px}.cf-travel-filter-minimal:has(#btn-open-drawer) #filter-status-row{flex-basis:148px}.cf-travel-filter-minimal:has(#btn-open-drawer) .cf-filter-item i{width:12px;font-size:11px;text-align:center}.cf-travel-filter-minimal:has(#btn-open-drawer) .cf-input-minimal{font-size:12px;height:20px}.cf-travel-filter-minimal:has(#btn-open-drawer) select.cf-input-minimal{width:auto;flex:1 1 auto;min-width:0;max-width:none;height:28px;padding:0 22px 0 8px;background-position:right 7px center;background-size:8px auto}.cf-travel-filter-minimal:has(#btn-open-drawer) .cf-input-minimal[type="date"]{width:88px}.cf-travel-filter-minimal:has(#btn-open-drawer) .cf-filter-minimal-actions .btn{height:30px;min-height:30px;padding:0 10px;border-radius:9px;font-size:12px}@media (min-width:921px) and (max-width:1180px){.cf-travel-filter-minimal:has(#btn-open-drawer){gap:6px;padding:7px 8px}.cf-travel-filter-minimal:has(#btn-open-drawer) .cf-filter-minimal-icon{display:none}.cf-travel-filter-minimal:has(#btn-open-drawer) .cf-filter-minimal-items{gap:6px}.cf-travel-filter-minimal:has(#btn-open-drawer) #filter-date-row{flex-basis:218px}.cf-travel-filter-minimal:has(#btn-open-drawer) #filter-department-row,.cf-travel-filter-minimal:has(#btn-open-drawer) #filter-status-row{flex-basis:132px}.cf-travel-filter-minimal:has(#btn-open-drawer) #filter-course-row{flex-basis:150px}.cf-travel-filter-minimal:has(#btn-open-drawer) .cf-input-minimal[type="date"]{width:84px}.cf-travel-filter-minimal:has(#btn-open-drawer) .cf-filter-minimal-actions .btn{padding:0 8px}}body.dark-mode .cf-travel-filter-minimal{background:linear-gradient(135deg,var(--cf-primary),var(--cf-primary-dark));border-color:transparent;box-shadow:var(--cf-shadow)}body.dark-mode .cf-filter-minimal-icon{background:rgba(255,255,255,.2);color:#fff}body.dark-mode .cf-filter-item{background:rgba(255,255,255,.16)}body.dark-mode .cf-filter-item:focus-within,body.dark-mode .cf-filter-item:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.45);box-shadow:0 0 0 2px rgba(255,255,255,.2)}body.dark-mode .cf-input-minimal{color:#F8FAFC}body.dark-mode select.cf-input-minimal{background-color:#0B1220;border-color:rgba(148,163,184,.45)}body.dark-mode select.cf-input-minimal option{color:#E2E8F0;background:#0F172A}body.dark-mode select.cf-input-minimal.is-empty{color:#94A3B8}body.dark-mode .cf-input-minimal[type="date"]{color:#CBD5E1}body.dark-mode .cf-input-minimal[type="date"]::-webkit-calendar-picker-indicator{filter:invert(.8)}@media (max-width:920px){.cf-travel-filter-minimal{display:flex !important;flex-wrap:wrap !important;gap:4px !important;padding:6px !important;border-radius:12px !important;margin-bottom:14px !important;overflow:hidden !important}.cf-travel-filter-minimal::before{display:none}.cf-filter-minimal-icon{display:none !important}.cf-filter-minimal-items,.cf-filter-minimal-actions{display:contents !important}#filter-date-row{width:100% !important;justify-content:center !important;background:rgba(255,255,255,.08) !important;padding:3px 8px !important;margin-bottom:2px !important;border-radius:8px !important;border:none !important;min-height:28px !important}.cf-filter-item{flex:1 1 calc(50% - 4px) !important;min-width:0 !important;min-height:32px !important;padding:0 8px !important;gap:4px !important;background:rgba(255,255,255,.12) !important;border-radius:8px !important;border:1px solid rgba(255,255,255,.1) !important}.cf-filter-minimal-actions{flex:1 1 calc(50% - 4px) !important}.cf-filter-minimal-actions .btn{width:100% !important;margin:0 !important;justify-content:center !important;height:32px !important;min-height:32px !important;border-radius:8px !important;font-size:11px !important;padding:0 8px !important;background:#fff;color:var(--cf-primary-dark);font-weight:800;box-shadow:none !important}.cf-filter-item i{font-size:10px !important;width:12px !important;opacity:.8}.cf-input-minimal{font-size:11px !important;height:22px !important;width:100% !important}select.cf-input-minimal{height:26px !important;padding:0 16px 0 2px !important;background-position:right 2px center !important;background-size:8px auto !important;font-weight:700 !important}.cf-input-minimal[type="date"]{width:86px !important;padding:0 !important}#filter-date-row span{margin:0 2px !important;font-size:10px !important}}@media (max-width:420px){.cf-travel-filter-minimal{padding:4px !important;gap:4px !important}.cf-filter-item{min-height:30px !important;padding:0 6px !important;flex:1 1 100% !important}.cf-filter-minimal-actions{flex:1 1 100% !important}select.cf-input-minimal{font-size:10.5px !important}}
.cf-layout-a{display:grid;grid-template-columns:1fr 420px;gap:20px;align-items:start}.cf-layout-a .cf-col-left{min-width:0}.cf-layout-a .cf-col-right{position:sticky;top:calc(var(--cf-topbar-height) + 20px)}@media (max-width:1181px){.cf-layout-a{grid-template-columns:1fr}.cf-layout-a .cf-col-right{position:static}}.cf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media (max-width:1024px){.cf-grid-2{grid-template-columns:1fr}}
.cf-route-calc{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border-radius:10px;background:rgba(37,99,235,.04);border:1px dashed rgba(37,99,235,.2);transition:all .2s ease}.cf-route-calc.has-result{background:rgba(16,185,129,.05);border-color:rgba(16,185,129,.25)}.cf-route-calc.has-error{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.2)}.cf-route-calc-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;background:rgba(37,99,235,.1);color:#2563EB;transition:all .2s ease}.cf-route-calc.has-result .cf-route-calc-icon{background:rgba(16,185,129,.12);color:#10B981}.cf-route-calc.has-error .cf-route-calc-icon{background:rgba(239,68,68,.1);color:#EF4444}.cf-route-calc-text{flex:1;font-size:12px;color:var(--cf-text-secondary);line-height:1.4}.cf-route-calc-text strong{color:var(--cf-text-primary);font-size:13px}.cf-route-calc-btn{padding:6px 14px;border-radius:8px;border:1px solid rgba(37,99,235,.25);background:var(--cf-bg-card);color:#2563EB;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:inherit}.cf-route-calc-btn:hover{background:rgba(37,99,235,.08)}.cf-route-calc-btn:disabled{opacity:.5;cursor:not-allowed}.cf-route-calc-btn.calculating{pointer-events:none;opacity:.7}body.dark-mode .cf-route-calc-btn{background:#0B1220;color:#93C5FD;border-color:rgba(96,165,250,.35)}body.dark-mode .cf-route-calc-btn:hover{background:rgba(37,99,235,.18)}.cf-km-input-wrap{position:relative}.cf-km-input-wrap .cf-input{padding-right:74px}.cf-km-round-actions{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:inline-flex;gap:6px;opacity:0;pointer-events:none;transition:opacity .15s ease}.cf-km-input-wrap.has-value .cf-km-round-actions{opacity:1;pointer-events:auto}.cf-km-round-btn{width:28px;height:28px;border-radius:8px;border:1px solid rgba(148,163,184,.45);background:#fff;color:var(--cf-text-secondary);display:inline-flex;align-items:center;justify-content:center;gap:2px;font-size:10px;font-weight:800;cursor:pointer;transition:all .15s ease}.cf-km-round-btn i{font-size:10px}.cf-km-round-btn span{line-height:1}.cf-km-round-btn:hover{border-color:rgba(37,99,235,.55);color:#1D4ED8;background:rgba(37,99,235,.08)}body.dark-mode .cf-km-round-btn{background:#0F172A;border-color:rgba(148,163,184,.5);color:#CBD5E1}body.dark-mode .cf-km-round-btn:hover{background:rgba(30,64,175,.34);border-color:rgba(96,165,250,.65);color:#DBEAFE}.cf-autocomplete-wrapper{position:relative}.cf-autocomplete-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:10px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);max-height:220px;overflow-y:auto;z-index:999;display:none;margin:0;padding:4px;list-style:none}.cf-autocomplete-list.show{display:block}.cf-autocomplete-item{padding:8px 12px;font-size:13px;color:var(--cf-text-primary);cursor:pointer;border-radius:6px;display:flex;align-items:center;gap:8px;transition:background .15s ease}.cf-autocomplete-item:hover{background:rgba(37,99,235,.08)}.cf-autocomplete-icon{color:var(--cf-text-secondary);font-size:12px}.cf-autocomplete-loading,.cf-autocomplete-empty{padding:10px 12px;font-size:12px;color:var(--cf-text-secondary);text-align:center}body.dark-mode .cf-autocomplete-list{background:#0B1220;border-color:rgba(148,163,184,.28);box-shadow:0 14px 34px rgba(0,0,0,.5)}body.dark-mode .cf-autocomplete-item:hover{background:rgba(30,41,59,.9)}body.dark-mode .cf-autocomplete-icon{color:#94A3B8}
.grid-stack{min-height:600px}.grid-stack-item{transition:none}.grid-stack-item-content{border-radius:var(--cf-radius-lg,12px);overflow:hidden;display:flex;flex-direction:column;background:var(--cf-bg-card,#fff);box-shadow:0 1px 3px rgba(15,23,42,0.04),0 4px 14px rgba(15,23,42,0.06);border:1px solid var(--cf-border,rgba(226,232,240,0.8))}.dark-mode .grid-stack-item-content{background:var(--cf-bg-card,#1E293B);box-shadow:0 1px 3px rgba(0,0,0,0.1),0 4px 14px rgba(0,0,0,0.15);border-color:rgba(255,255,255,0.06)}.grid-stack-item-content>.cf-card,.grid-stack-item-content>.cf-widget{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:0;box-shadow:none !important;border:none !important;background:transparent}.grid-stack-item-content>.cf-card>.cf-card__body,.grid-stack-item-content>.cf-widget>.cf-card__body,.grid-stack-item-content>.cf-card>.cf-card-body,.grid-stack-item-content>.cf-widget>.cf-card-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.grid-stack-item-content>.cf-card>.cf-card__body--chart,.grid-stack-item-content>.cf-widget>.cf-card__body--chart{display:flex;flex-direction:column;overflow:hidden}.cf-chart-fit{position:relative;flex:1 1 auto;min-height:170px;width:100%}.grid-stack-item-content>.cf-card>.cf-card__body,.grid-stack-item-content>.cf-widget>.cf-card__body,.grid-stack-item-content>.cf-card>.cf-card-body,.grid-stack-item-content>.cf-widget>.cf-card-body{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,0.4) transparent}.grid-stack-item-content .cf-card__body::-webkit-scrollbar,.grid-stack-item-content .cf-card-body::-webkit-scrollbar{width:8px;height:8px}.grid-stack-item-content .cf-card__body::-webkit-scrollbar-thumb,.grid-stack-item-content .cf-card-body::-webkit-scrollbar-thumb{background:rgba(148,163,184,0.38);border-radius:4px}.grid-stack-item-content .cf-card__body::-webkit-scrollbar-thumb:hover,.grid-stack-item-content .cf-card-body::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,0.6)}.grid-stack-item-content .cf-card__body::-webkit-scrollbar-track,.grid-stack-item-content .cf-card-body::-webkit-scrollbar-track{background:transparent}.grid-stack-item-content>.cf-card>.cf-card__header,.grid-stack-item-content>.cf-widget>.cf-card__header{flex-shrink:0}.grid-stack-item[gs-id="welcome"]>.grid-stack-item-content{background:none;box-shadow:none;border:none;overflow:hidden}.grid-stack-item-content>.cf-welcome-banner{height:100%;display:flex;align-items:center;border-radius:var(--cf-radius-lg,12px)}.grid-stack-item[gs-id="kpis"]>.grid-stack-item-content{background:none;box-shadow:none;border:none}.grid-stack-item-content>.cf-grid-4{height:100%;display:grid;align-content:center;margin-bottom:0 !important}.cf-dashboard-static-fallback .grid-stack{display:grid !important;grid-template-columns:repeat(12,minmax(0,1fr)) !important;gap:16px !important;min-height:0 !important;height:auto !important;position:relative !important}.cf-dashboard-static-fallback .grid-stack>.grid-stack-item{position:relative !important;inset:auto !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;width:auto !important;height:auto !important;min-height:240px;margin:0 !important;transform:none !important;grid-column:span 4}.cf-dashboard-static-fallback .grid-stack>.grid-stack-item[gs-w="12"]{grid-column:span 12}.cf-dashboard-static-fallback .grid-stack>.grid-stack-item[gs-w="8"]{grid-column:span 8}.cf-dashboard-static-fallback .grid-stack>.grid-stack-item[gs-w="6"]{grid-column:span 6}.cf-dashboard-static-fallback .grid-stack>.grid-stack-item[gs-w="4"]{grid-column:span 4}.cf-dashboard-static-fallback .grid-stack>.grid-stack-item[gs-w="3"]{grid-column:span 3}.cf-dashboard-static-fallback .grid-stack>.grid-stack-item[gs-h="1"]{min-height:96px}.cf-dashboard-static-fallback .grid-stack>.grid-stack-item[gs-h="2"]{min-height:168px}.cf-dashboard-static-fallback .grid-stack>.grid-stack-item[gs-h="3"]{min-height:240px}.cf-dashboard-static-fallback .grid-stack>.grid-stack-item[gs-h="4"]{min-height:312px}.cf-dashboard-static-fallback .grid-stack>.grid-stack-item[gs-h="5"]{min-height:384px}.cf-dashboard-static-fallback .grid-stack>.grid-stack-item[gs-h="6"]{min-height:456px}.cf-dashboard-static-fallback .grid-stack-item-content{position:relative !important;inset:auto !important;width:100% !important;height:auto !important;min-height:inherit}@media (max-width:1100px){.cf-dashboard-static-fallback .grid-stack{grid-template-columns:repeat(6,minmax(0,1fr)) !important}.cf-dashboard-static-fallback .grid-stack>.grid-stack-item,.cf-dashboard-static-fallback .grid-stack>.grid-stack-item[gs-w]{grid-column:span 6}}@media (max-width:720px){.cf-dashboard-static-fallback .grid-stack{grid-template-columns:1fr !important}.cf-dashboard-static-fallback .grid-stack>.grid-stack-item,.cf-dashboard-static-fallback .grid-stack>.grid-stack-item[gs-w]{grid-column:1 / -1}}.cf-dashboard-editing .grid-stack-item-content{outline:2px dashed var(--cf-primary,#4F46E5);outline-offset:-2px;cursor:move}.cf-dashboard-editing .grid-stack-item-content::after{content:'';position:absolute;inset:0;background:rgba(79,70,229,0.03);pointer-events:none;border-radius:inherit;z-index:1}.cf-dashboard-editing .grid-stack-item>.ui-resizable-se{width:24px !important;height:24px !important;right:4px !important;bottom:4px !important;background:var(--cf-primary,#4F46E5);border-radius:6px;z-index:10;cursor:se-resize;display:flex !important;align-items:center;justify-content:center}.cf-dashboard-editing .grid-stack-item>.ui-resizable-se::after{content:'\f424';font-family:'Font Awesome 6 Free';font-weight:900;font-size:10px;color:#fff}.grid-stack-placeholder>.placeholder-content{border:2px dashed var(--cf-primary,#4F46E5) !important;background:var(--cf-primary-alpha,rgba(79,70,229,0.06)) !important;border-radius:var(--cf-radius-lg,12px) !important}.cf-dashboard-editing .grid-stack-item[gs-locked="true"] .grid-stack-item-content{outline-color:var(--cf-text-muted);outline-style:solid;cursor:default}.cf-edit-toolbar{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:1000;display:none;justify-content:center}.cf-edit-toolbar-inner{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--cf-bg-card,#fff);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.18),0 0 0 1px rgba(0,0,0,0.06)}.dark-mode .cf-edit-toolbar-inner{background:#1E293B;box-shadow:0 8px 32px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.08)}.cf-edit-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.15s ease;font-family:inherit;white-space:nowrap}.cf-edit-btn-widget{background:var(--cf-primary-alpha,rgba(79,70,229,0.08));color:var(--cf-primary,#4F46E5)}.cf-edit-btn-widget:hover{background:var(--cf-primary,#4F46E5);color:#fff}.cf-edit-btn-links{background:rgba(16,185,129,0.08);color:var(--cf-success,#10B981)}.cf-edit-btn-links:hover{background:var(--cf-success,#10B981);color:#fff}.cf-edit-btn-done{background:var(--cf-primary,#4F46E5);color:#fff}.cf-edit-btn-done:hover{background:var(--cf-primary-dark,#4338CA);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,0.3)}.cf-edit-btn-reset{background:rgba(239,68,68,0.1);color:var(--cf-danger,#EF4444);border:1px solid rgba(239,68,68,0.25)}.cf-edit-btn-reset:hover{background:var(--cf-danger,#EF4444);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,0.3)}.cf-widget-gallery{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto;padding:4px 0}.cf-widget-gallery-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;transition:background 0.15s}.cf-widget-gallery-item:hover{background:var(--cf-bg-body,#F8FAFC)}.cf-widget-gallery-item.is-hidden{opacity:0.5}.cf-widget-gallery-icon{width:36px;height:36px;border-radius:10px;background:var(--cf-primary-alpha,rgba(79,70,229,0.08));color:var(--cf-primary,#4F46E5);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.cf-widget-gallery-info{flex:1;min-width:0}.cf-widget-gallery-title{font-size:13.5px;font-weight:600;color:var(--cf-text-primary)}.cf-toggle-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.cf-toggle-switch input{opacity:0;width:0;height:0}.cf-toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--cf-border,#E2E8F0);transition:0.2s;border-radius:22px}.cf-toggle-slider::before{content:'';position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;transition:0.2s;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.15)}.cf-toggle-switch input:checked + .cf-toggle-slider{background:var(--cf-primary,#4F46E5)}.cf-toggle-switch input:checked + .cf-toggle-slider::before{transform:translateX(18px)}.cf-quick-link-editor{text-align:left}.cf-qle-current{display:flex;flex-direction:column;gap:4px;min-height:40px}.cf-qle-link-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--cf-bg-body,#F8FAFC);border-radius:8px;transition:background 0.15s}.cf-qle-link-row:hover{background:var(--cf-bg-input,#F1F5F9)}.cf-qle-add{margin-top:8px;text-align:center}.cf-qle-page{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;transition:background 0.15s}.cf-qle-page:hover{background:var(--cf-bg-body,#F8FAFC)}.cf-qle-page.is-used{opacity:0.4}.cf-qle-page .cf-qle-add-btn{margin-left:auto}.cf-quick-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@keyframes cf-skeleton-pulse{0%,100%{opacity:0.4}50%{opacity:1}}.cf-skeleton{background:var(--cf-bg-input);border-radius:var(--cf-radius-xs);animation:cf-skeleton-pulse 1.5s ease-in-out infinite}.cf-skeleton-text{height:14px;margin-bottom:8px;width:100%}.cf-skeleton-text.short{width:60%}.cf-skeleton-text.xs{width:40%}.cf-skeleton-heading{height:28px;width:80px;margin-bottom:4px}.cf-skeleton-circle{border-radius:50%}.cf-skeleton-card{padding:20px}.cf-skeleton-row{display:flex;align-items:center;gap:12px;padding:12px 0}.cf-skeleton-bar{height:8px;border-radius:4px}.cf-card-header .cf-widget-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.cf-widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:26px 18px;text-align:center;color:var(--cf-text-muted)}.cf-widget-empty i{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;border-radius:12px;background:var(--cf-primary-alpha);color:var(--cf-primary);border:1px solid var(--cf-border);color:var(--cf-text-secondary);margin-bottom:2px}.cf-widget-empty p{font-size:13px;margin:0;color:var(--cf-text-secondary);max-width:420px}.cf-billing-banner{background:linear-gradient(135deg,var(--cf-warning),#D97706);border-radius:var(--cf-radius-lg);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff;position:relative;overflow:hidden}.cf-billing-banner-icon{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.cf-billing-banner-text{flex:1;min-width:0}.cf-billing-banner-text h4{font-size:15px;font-weight:700;margin:0 0 2px;color:#fff}.cf-billing-banner-text p{font-size:13px;margin:0;color:rgba(255,255,255,0.85)}.cf-billing-banner .btn{background:rgba(255,255,255,0.2);color:#fff;font-weight:600;border:none;white-space:nowrap;font-size:13px}.cf-billing-banner .btn:hover{background:rgba(255,255,255,0.3)}.cf-birthday-item{display:flex;align-items:center;gap:12px;padding:10px 24px;border-bottom:1px solid var(--cf-border);transition:background 0.15s}.cf-birthday-item:last-child{border-bottom:none}.cf-birthday-item:hover{background:var(--cf-bg-body)}.cf-birthday-icon{width:36px;height:36px;border-radius:10px;background:#FEF3C7;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.dark-mode .cf-birthday-icon{background:rgba(251,191,36,0.15)}.cf-birthday-info{flex:1;min-width:0}.cf-birthday-name{font-size:13.5px;font-weight:600;color:var(--cf-text-primary)}.cf-birthday-date{font-size:12px;color:var(--cf-text-muted)}.cf-birthday-age{font-size:12px;font-weight:600;color:var(--cf-text-secondary);background:var(--cf-bg-input);padding:2px 8px;border-radius:var(--cf-radius-full)}.cf-attendance-item{display:flex;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid var(--cf-border)}.cf-attendance-item:last-child{border-bottom:none}.cf-attendance-info{flex:1;min-width:0}.cf-attendance-title{font-size:13.5px;font-weight:600;color:var(--cf-text-primary);margin-bottom:2px}.cf-attendance-meta{font-size:12px;color:var(--cf-text-muted)}.cf-attendance-bar-wrap{width:100px;display:flex;align-items:center;gap:8px;flex-shrink:0}.cf-attendance-bar{flex:1;height:6px;background:var(--cf-bg-input);border-radius:3px;overflow:hidden}.cf-attendance-bar-fill{height:100%;border-radius:3px;transition:width 0.6s ease}.cf-attendance-bar-fill.green{background:var(--cf-success)}.cf-attendance-bar-fill.yellow{background:var(--cf-warning)}.cf-attendance-bar-fill.red{background:var(--cf-danger)}.cf-attendance-pct{font-size:12px;font-weight:700;min-width:32px;text-align:right}.cf-attendance-pct.green{color:var(--cf-success)}.cf-attendance-pct.yellow{color:var(--cf-warning)}.cf-attendance-pct.red{color:var(--cf-danger)}.cf-approval-item{display:flex;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid var(--cf-border);transition:background 0.15s}.cf-approval-item:last-child{border-bottom:none}.cf-approval-item:hover{background:var(--cf-bg-body)}.cf-approval-urgency{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cf-approval-urgency.green{background:var(--cf-success)}.cf-approval-urgency.yellow{background:var(--cf-warning)}.cf-approval-urgency.red{background:var(--cf-danger)}.cf-approval-info{flex:1;min-width:0}.cf-approval-title{font-size:13.5px;font-weight:600;color:var(--cf-text-primary)}.cf-approval-meta{font-size:12px;color:var(--cf-text-muted)}.cf-approval-amount{font-size:13px;font-weight:700;color:var(--cf-text-primary);white-space:nowrap}.cf-new-member-item{display:flex;align-items:center;gap:12px;padding:10px 24px;border-bottom:1px solid var(--cf-border);transition:background 0.15s}.cf-new-member-item:last-child{border-bottom:none}.cf-new-member-item:hover{background:var(--cf-bg-body)}.cf-new-member-avatar{width:36px;height:36px;border-radius:50%;background:var(--cf-primary-alpha);color:var(--cf-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.cf-new-member-info{flex:1;min-width:0}.cf-new-member-name{font-size:13.5px;font-weight:600;color:var(--cf-text-primary)}.cf-new-member-dept{font-size:12px;color:var(--cf-text-muted)}.cf-new-member-date{font-size:11px;color:var(--cf-text-muted);white-space:nowrap}.cf-finance-kpis{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px}.cf-finance-kpi{text-align:center;padding:12px 8px;background:var(--cf-bg-body);border-radius:var(--cf-radius-sm)}.cf-finance-kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--cf-text-muted);margin-bottom:4px}.cf-finance-kpi-value{font-size:18px;font-weight:800;letter-spacing:-0.3px}.cf-finance-kpi-value.income{color:var(--cf-success)}.cf-finance-kpi-value.expense{color:var(--cf-danger)}.cf-finance-kpi-value.balance{color:var(--cf-primary)}.cf-fee-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--cf-border);font-size:13px}.cf-fee-item:last-child{border-bottom:none}.cf-fee-name{flex:1;min-width:0;color:var(--cf-text-primary);font-weight:500}.cf-fee-dunning{font-size:10px;font-weight:700;padding:2px 6px;border-radius:var(--cf-radius-full)}.cf-fee-dunning.level-0{background:var(--cf-bg-input);color:var(--cf-text-muted)}.cf-fee-dunning.level-1{background:#FEF3C7;color:#92400E}.cf-fee-dunning.level-2{background:#FEE2E2;color:#991B1B}.cf-fee-dunning.level-3{background:#991B1B;color:#fff}.dark-mode .cf-fee-dunning.level-1{background:rgba(251,191,36,0.15);color:#FBBF24}.dark-mode .cf-fee-dunning.level-2{background:rgba(239,68,68,0.15);color:#F87171}.cf-fee-amount{font-weight:700;color:var(--cf-danger);white-space:nowrap}.cf-weather-card{display:flex;align-items:center;gap:16px;padding:4px 0}.cf-weather-icon{width:56px;height:56px;border-radius:14px;background:var(--cf-bg-body);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.cf-weather-info{flex:1}.cf-weather-temp{font-size:24px;font-weight:800;letter-spacing:-0.5px;color:var(--cf-text-primary)}.cf-weather-desc{font-size:13px;color:var(--cf-text-secondary);margin-top:1px}.cf-weather-detail{font-size:11.5px;color:var(--cf-text-muted);margin-top:3px}.cf-mini-calendar{width:100%}.cf-mini-calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cf-mini-calendar-nav button{background:none;border:none;color:var(--cf-text-muted);cursor:pointer;padding:4px 8px;border-radius:var(--cf-radius-xs);font-size:14px;transition:color 0.15s,background 0.15s}.cf-mini-calendar-nav button:hover{color:var(--cf-primary);background:var(--cf-primary-alpha)}.cf-mini-calendar-nav .cf-cal-month-label{font-size:14px;font-weight:700;color:var(--cf-text-primary)}.cf-mini-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.cf-mini-calendar-grid .cf-cal-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--cf-text-muted);padding:4px 0}.cf-cal-day{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--cf-text-primary);border-radius:var(--cf-radius-xs);cursor:default;transition:background 0.15s}.cf-cal-day.other-month{color:var(--cf-text-muted);opacity:0.4}.cf-cal-day.today{background:var(--cf-primary);color:#fff;font-weight:700;border-radius:50%}.cf-cal-day.has-training::after{content:'';position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background:var(--cf-primary)}.cf-cal-day.today.has-training::after{background:rgba(255,255,255,0.8)}.cf-cal-day.is-holiday{color:var(--cf-danger)}.cf-cal-day.weekend{color:var(--cf-text-muted)}.cf-personal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cf-personal-stat{text-align:center;padding:14px 8px;background:var(--cf-bg-body);border-radius:var(--cf-radius-sm)}.cf-personal-stat-value{font-size:22px;font-weight:800;letter-spacing:-0.5px;color:var(--cf-text-primary);line-height:1.1}.cf-personal-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--cf-text-muted);margin-top:4px}.cf-personal-stat-value.accent{color:var(--cf-primary)}.cf-personal-stat-value.success{color:var(--cf-success)}.cf-personal-stat-value.warning{color:var(--cf-warning)}.cf-streak-badge{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;background:linear-gradient(135deg,#F59E0B,#D97706);color:#fff;font-size:13px;font-weight:700;border-radius:var(--cf-radius-full)}.cf-quick-attendance-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--cf-border);margin-bottom:12px}.cf-quick-attendance-header .cf-qa-icon{width:40px;height:40px;border-radius:10px;background:var(--cf-primary-alpha);color:var(--cf-primary);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.cf-quick-attendance-header .cf-qa-info{flex:1}.cf-quick-attendance-header .cf-qa-title{font-size:14px;font-weight:700;color:var(--cf-text-primary)}.cf-quick-attendance-header .cf-qa-meta{font-size:12px;color:var(--cf-text-muted)}.cf-qa-member-list{max-height:220px;overflow-y:auto}.cf-qa-member{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--cf-border)}.cf-qa-member:last-child{border-bottom:none}.cf-qa-member-name{flex:1;font-size:13px;font-weight:500;color:var(--cf-text-primary)}.cf-qa-btns{display:flex;gap:4px}.cf-qa-btn{width:28px;height:28px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-xs);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--cf-text-muted);transition:all 0.15s}.cf-qa-btn:hover{border-color:var(--cf-primary);color:var(--cf-primary)}.cf-qa-btn.active-present{background:var(--cf-success);color:#fff;border-color:var(--cf-success)}.cf-qa-btn.active-absent{background:var(--cf-danger);color:#fff;border-color:var(--cf-danger)}.cf-qa-btn.active-excused{background:var(--cf-warning);color:#fff;border-color:var(--cf-warning)}.cf-fluctuation-summary{display:flex;gap:16px;margin-bottom:12px}.cf-fluctuation-stat{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.cf-fluctuation-dot{width:8px;height:8px;border-radius:50%}.cf-fluctuation-dot.entries{background:var(--cf-success)}.cf-fluctuation-dot.exits{background:var(--cf-danger)}.cf-fluctuation-dot.net{background:var(--cf-primary)}.cf-sepa-countdown{display:flex;align-items:center;gap:16px;padding:16px;background:var(--cf-bg-body);border-radius:var(--cf-radius-sm);margin-bottom:12px}.cf-sepa-days{width:56px;height:56px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.cf-sepa-days.green{background:rgba(16,185,129,0.1);color:var(--cf-success)}.cf-sepa-days.yellow{background:rgba(245,158,11,0.1);color:var(--cf-warning)}.cf-sepa-days.red{background:rgba(239,68,68,0.1);color:var(--cf-danger)}.cf-sepa-days-num{font-size:22px;font-weight:800;line-height:1}.cf-sepa-days-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}.cf-sepa-info{flex:1}.cf-sepa-title{font-size:14px;font-weight:700;color:var(--cf-text-primary)}.cf-sepa-meta{font-size:12px;color:var(--cf-text-muted);margin-top:2px}.cf-sepa-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cf-sepa-stat{padding:10px;background:var(--cf-bg-body);border-radius:var(--cf-radius-xs);text-align:center}.cf-sepa-stat-value{font-size:16px;font-weight:700;color:var(--cf-text-primary)}.cf-sepa-stat-label{font-size:10px;color:var(--cf-text-muted);text-transform:uppercase;letter-spacing:0.3px;margin-top:2px}.cf-milestone-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--cf-border)}.cf-milestone-item:last-child{border-bottom:none}.cf-milestone-icon{width:36px;height:36px;border-radius:10px;background:var(--cf-bg-body);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.cf-milestone-info{flex:1;min-width:0}.cf-milestone-title{font-size:13px;font-weight:600;color:var(--cf-text-primary)}.cf-milestone-desc{font-size:11px;color:var(--cf-text-muted)}.cf-milestone-next{padding:14px;background:linear-gradient(135deg,var(--cf-primary-alpha),transparent);border:1px solid var(--cf-primary-alpha);border-radius:var(--cf-radius-sm);margin-top:12px}.cf-milestone-next-title{font-size:13px;font-weight:700;color:var(--cf-primary);margin-bottom:6px}.cf-milestone-next-bar{height:6px;background:var(--cf-bg-input);border-radius:3px;overflow:hidden;margin-top:8px}.cf-milestone-next-fill{height:100%;background:var(--cf-primary);border-radius:3px;transition:width 0.6s ease}.cf-milestone-next-progress{font-size:11px;color:var(--cf-text-muted);margin-top:4px;text-align:right}.cf-demographics-row{display:flex;gap:16px;margin-bottom:12px}.cf-demographics-stat{text-align:center;flex:1}.cf-demographics-stat-value{font-size:20px;font-weight:800;color:var(--cf-text-primary)}.cf-demographics-stat-label{font-size:10px;color:var(--cf-text-muted);text-transform:uppercase;letter-spacing:0.5px}.cf-comms-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.cf-comms-stat{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--cf-bg-body);border-radius:var(--cf-radius-xs)}.cf-comms-stat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.cf-comms-stat-icon.notifications{background:rgba(245,158,11,0.1);color:var(--cf-warning)}.cf-comms-stat-icon.messages{background:rgba(79,70,229,0.1);color:var(--cf-primary)}.cf-comms-stat-value{font-size:18px;font-weight:800;color:var(--cf-text-primary);line-height:1}.cf-comms-stat-label{font-size:10px;color:var(--cf-text-muted)}.cf-comms-notification{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--cf-border)}.cf-comms-notification:last-child{border-bottom:none}.cf-comms-notification-dot{width:6px;height:6px;border-radius:50%;margin-top:6px;flex-shrink:0}.cf-comms-notification-dot.info{background:var(--cf-info)}.cf-comms-notification-dot.warning{background:var(--cf-warning)}.cf-comms-notification-dot.error{background:var(--cf-danger)}.cf-comms-notification-text{flex:1;min-width:0}.cf-comms-notification-title{font-size:13px;font-weight:600;color:var(--cf-text-primary)}.cf-comms-notification-time{font-size:11px;color:var(--cf-text-muted)}@media (max-width:992px){.grid-stack{min-height:auto}.grid-stack-item-content{border-radius:var(--cf-radius-md,10px)}}@media (max-width:768px){.grid-stack.gs-1{display:flex;flex-direction:column;gap:10px;min-height:0 !important}.grid-stack.gs-1>.grid-stack-item{position:relative !important;inset:auto !important;top:auto !important;left:auto !important;width:100% !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:0 !important}.grid-stack.gs-1>.grid-stack-item>.grid-stack-item-content{position:relative !important;height:auto !important;min-height:60px}.grid-stack.gs-1>.grid-stack-item>.grid-stack-item-content .cf-card__body[style*="height"],.grid-stack.gs-1>.grid-stack-item>.grid-stack-item-content .cf-card-body[style*="height"]{height:200px !important}.grid-stack-item-content{border-radius:var(--cf-radius-md,10px)}.cf-welcome-banner{padding:16px !important;flex-direction:column;text-align:center;gap:12px !important}.cf-welcome-banner-content{flex-direction:column;align-items:center;gap:8px !important}.cf-welcome-banner-text h1{font-size:18px !important}.cf-welcome-banner-text p{font-size:12px !important}.cf-welcome-banner-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.cf-welcome-banner-actions .btn{padding:6px 10px !important;font-size:11px !important}.cf-dashboard-avatar{width:44px !important;height:44px !important;font-size:15px !important}.cf-grid-4{grid-template-columns:1fr 1fr !important;gap:8px !important}.cf-stat-card{padding:10px !important}.cf-stat-value{font-size:18px !important}.cf-stat-icon{width:32px !important;height:32px !important;font-size:13px !important}.cf-billing-banner{flex-direction:column;text-align:center;padding:16px}.cf-finance-kpis{grid-template-columns:1fr;gap:8px}.cf-attendance-bar-wrap{width:80px}.cf-quick-links-grid{grid-template-columns:1fr !important;gap:8px}.cf-demographics-row{flex-wrap:wrap;gap:8px}.cf-demographics-stat{min-width:45%}.cf-comms-stats{grid-template-columns:1fr;gap:6px}.cf-personal-stats{grid-template-columns:repeat(3,1fr);gap:6px}.cf-personal-stat{padding:10px 4px}.cf-personal-stat-value{font-size:18px}.cf-sepa-countdown{flex-direction:column;text-align:center;padding:12px;gap:10px}.cf-sepa-stats{grid-template-columns:1fr 1fr;gap:6px}.cf-card__header,.cf-card-header{padding:10px 12px !important}.cf-card__body,.cf-card-body{padding:10px 12px !important}.cf-card--flush>.cf-card__body{padding:0 !important}.cf-card__title,.cf-card-title{font-size:13px !important}.cf-fluctuation-summary{flex-wrap:wrap;gap:8px}.cf-edit-toolbar{bottom:12px;left:8px;right:8px;transform:none}.cf-edit-toolbar-inner{flex-direction:column;gap:6px;padding:12px;width:100%}.cf-edit-btn{width:100%;justify-content:center;padding:10px 14px;font-size:12px}}@media (max-width:480px){.cf-dashboard-content{padding:8px 8px 16px !important}.cf-welcome-banner-actions{flex-direction:column;width:100%}.cf-welcome-banner-actions .btn{width:100%}.cf-grid-4{grid-template-columns:1fr !important}.cf-personal-stats{grid-template-columns:1fr 1fr 1fr;gap:4px}.cf-personal-stat-value{font-size:16px}.cf-personal-stat-label{font-size:9px}}body.dark-mode .swal2-popup.cf-swal-widgets{background:#1E293B;color:var(--cf-text-primary,#F8FAFC);border:1px solid rgba(148,163,184,0.18)}body.dark-mode .swal2-popup.cf-swal-widgets .swal2-title,body.dark-mode .swal2-popup.cf-swal-widgets .swal2-html-container{color:var(--cf-text-primary,#F8FAFC)}body.dark-mode .swal2-popup.cf-swal-widgets .cf-widget-gallery-item:hover{background:rgba(148,163,184,0.12)}body.dark-mode .swal2-popup.cf-swal-widgets .cf-widget-gallery-title{color:var(--cf-text-primary,#F8FAFC)}body.dark-mode .swal2-popup.cf-swal-widgets .cf-qle-link-row{background:rgba(148,163,184,0.08)}body.dark-mode .swal2-popup.cf-swal-widgets .cf-qle-link-row:hover{background:rgba(148,163,184,0.16)}body.dark-mode .swal2-popup.cf-swal-widgets .cf-qle-page:hover{background:rgba(148,163,184,0.12)}body.dark-mode .swal2-popup.cf-swal-widgets .cf-toggle-slider{background:rgba(148,163,184,0.35)}@media (max-width:768px){.grid-stack{height:auto !important}.grid-stack>.grid-stack-item{position:static !important;width:100% !important;min-height:0 !important;height:auto !important;left:auto !important;top:auto !important;transform:none !important;margin:0 0 16px 0 !important}.grid-stack>.grid-stack-item>.grid-stack-item-content{position:static !important;inset:auto !important;height:auto !important;overflow:visible !important}}
.cf-tm-toolbar{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--cf-border);background:var(--cf-bg-card);flex-wrap:wrap}.cf-tm-search{position:relative;flex:1;min-width:180px;max-width:380px}.cf-tm-search .cf-input{padding-left:36px;font-size:13px;height:36px}.cf-tm-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--cf-text-muted);font-size:13px;pointer-events:none}.cf-tm-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cf-tm-btn-reset{color:var(--cf-danger) !important}.cf-tm-btn-reset:hover{background:rgba(239,68,68,.08) !important}.cf-tm-chips{display:flex;gap:8px;padding:10px 16px;flex-wrap:wrap;border-bottom:1px solid var(--cf-border);background:var(--cf-bg-card)}.cf-tm-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--cf-primary-alpha,rgba(79,70,229,.08));color:var(--cf-primary);border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;user-select:none;white-space:nowrap}.cf-tm-chip:hover{background:var(--cf-primary);color:#fff}.cf-tm-chip i:first-child{font-size:10px;opacity:.7}.cf-tm-chip-x{font-size:10px;opacity:.6;margin-left:2px}.cf-tm-chip:hover .cf-tm-chip-x{opacity:1}.cf-tm-sortable{cursor:pointer;user-select:none;white-space:nowrap;transition:color .15s}.cf-tm-sortable:hover{color:var(--cf-primary)}.cf-tm-sort-icon{margin-left:4px;font-size:11px;opacity:.35;transition:opacity .15s,color .15s}.cf-tm-sort-icon.active{opacity:1;color:var(--cf-primary)}.cf-tm-state-cell{text-align:center;padding:60px 20px !important}.cf-tm-spinner{font-size:24px;color:var(--cf-text-muted)}.cf-tm-state-text{margin-top:12px;color:var(--cf-text-muted);font-size:14px}.cf-tm-empty-icon{font-size:32px;color:var(--cf-text-muted);display:block;margin-bottom:4px}.cf-tm-filter-group{margin-bottom:20px}.cf-tm-filter-group:last-of-type{margin-bottom:0}.cf-tm-filter-label{font-weight:600;font-size:13px;margin-bottom:10px;color:var(--cf-text-primary)}.cf-tm-filter-options{display:flex;flex-wrap:wrap;gap:8px}.cf-tm-filter-pill{display:inline-flex;align-items:center;gap:4px;padding:7px 14px;border:1.5px solid var(--cf-border);border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;background:transparent;color:var(--cf-text-primary);line-height:1.3;font-family:inherit}.cf-tm-filter-pill:hover{border-color:var(--cf-primary);color:var(--cf-primary)}.cf-tm-filter-pill.selected{background:var(--cf-primary);color:#fff;border-color:var(--cf-primary)}.cf-tm-filter-count{text-align:center;padding:14px 0 4px;font-size:13px;color:var(--cf-text-secondary);border-top:1px solid var(--cf-border);margin-top:20px}.cf-tm-filter-count strong{color:var(--cf-primary);font-weight:700}.cf-tm-view-section{margin-bottom:22px}.cf-tm-view-section:last-child{margin-bottom:0}.cf-tm-view-label{font-weight:600;font-size:13px;margin-bottom:10px;color:var(--cf-text-primary)}.cf-tm-view-row{display:flex;gap:10px}.cf-tm-view-half{flex:1}.cf-tm-view-half .cf-input{width:100%;font-size:13px}.cf-tm-perpage-options{display:flex;gap:8px;flex-wrap:wrap}.cf-tm-columns-list{border:1px solid var(--cf-border);border-radius:var(--cf-radius);overflow:hidden}.cf-tm-column-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--cf-border);cursor:pointer;transition:background .1s;margin:0}.cf-tm-column-toggle:last-child{border-bottom:none}.cf-tm-column-toggle:hover{background:var(--cf-bg-body)}.cf-tm-column-toggle input[type="checkbox"]{accent-color:var(--cf-primary);width:18px;height:18px;cursor:pointer;flex-shrink:0}body.dark-mode .cf-tm-chip{background:rgba(129,140,248,.12)}body.dark-mode .cf-tm-chip:hover{background:var(--cf-primary);color:#fff}body.dark-mode .cf-tm-filter-pill{border-color:var(--cf-border);color:var(--cf-text-primary)}body.dark-mode .cf-tm-filter-pill.selected{background:var(--cf-primary);border-color:var(--cf-primary);color:#fff}body.dark-mode .cf-tm-column-toggle:hover{background:rgba(255,255,255,.04)}body.dark-mode .cf-tm-btn-reset{color:#f87171 !important}body.dark-mode .cf-tm-btn-reset:hover{background:rgba(248,113,113,.1) !important}@media (max-width:768px){.cf-tm-toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.cf-tm-search{max-width:100%;min-width:100%}.cf-tm-actions{justify-content:flex-end}.cf-tm-btn-text{display:none}.cf-tm-chips{padding:8px 12px;gap:6px}.cf-tm-chip{font-size:11px;padding:4px 10px}.cf-tm-view-row{flex-direction:column}.cf-tm-filter-pill{font-size:12px;padding:6px 12px}}
.cf-psteps{display:flex;align-items:flex-start;gap:0;margin:0;padding:0;list-style:none}.cf-psteps__step{position:relative;flex:1 1 0;min-width:0;text-align:center;padding-top:26px}.cf-psteps__step::before{content:"";position:absolute;top:9px;left:-50%;width:100%;height:2px;background:var(--cf-border)}.cf-psteps__step:first-child::before{display:none}.cf-psteps__step.is-done::before,.cf-psteps__step.is-active::before{background:var(--cf-primary)}.cf-psteps__step.is-attention::before{background:var(--cf-warning)}.cf-psteps__step::after{content:"";position:absolute;top:4px;left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:var(--cf-bg-card);border:2px solid var(--cf-border);box-sizing:border-box}.cf-psteps__step.is-done::after{background:var(--cf-primary);border-color:var(--cf-primary)}.cf-psteps__step.is-active::after{border-color:var(--cf-primary);box-shadow:var(--cf-shadow-focus)}.cf-psteps__step.is-attention::after{background:var(--cf-warning);border-color:var(--cf-warning)}.cf-psteps__label{display:block;font-size:var(--cf-type-caption);font-weight:700;color:var(--cf-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.cf-psteps__step.is-done .cf-psteps__label,.cf-psteps__step.is-active .cf-psteps__label{color:var(--cf-text-primary)}.cf-psteps__step.is-attention .cf-psteps__label{color:var(--cf-warning)}@media (max-width:640px){.cf-psteps__label{font-size:var(--cf-type-micro)}}.cf-pstage{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:var(--cf-type-caption);font-weight:700;white-space:nowrap}.cf-pstage--draft{background:rgba(148,163,184,0.16);color:#334155}.cf-pstage--muted{background:rgba(148,163,184,0.16);color:#64748B}.cf-pstage--review{background:rgba(59,130,246,0.14);color:#1D4ED8}.cf-pstage--warning{background:rgba(245,158,11,0.16);color:#B45309}.cf-pstage--success{background:rgba(16,185,129,0.15);color:#047857}.cf-pstage--done{background:rgba(5,150,105,0.18);color:#065F46}.cf-pstage--danger{background:rgba(239,68,68,0.14);color:#B91C1C}body.dark-mode .cf-pstage--draft{background:rgba(148,163,184,0.2);color:#CBD5E1}body.dark-mode .cf-pstage--muted{background:rgba(148,163,184,0.2);color:#94A3B8}body.dark-mode .cf-pstage--review{background:rgba(96,165,250,0.18);color:#93C5FD}body.dark-mode .cf-pstage--warning{background:rgba(251,191,36,0.18);color:#FCD34D}body.dark-mode .cf-pstage--success{background:rgba(16,185,129,0.2);color:#6EE7B7}body.dark-mode .cf-pstage--done{background:rgba(5,150,105,0.24);color:#6EE7B7}body.dark-mode .cf-pstage--danger{background:rgba(248,113,113,0.18);color:#FCA5A5}.cf-akte{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,0.6fr);gap:20px;align-items:start}@media (max-width:900px){.cf-akte{grid-template-columns:1fr}}.cf-akte__section{margin-bottom:16px}.cf-akte__positions{border:1px solid var(--cf-border);border-radius:var(--cf-radius-sm);overflow:hidden}.cf-akte__position{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid color-mix(in srgb,var(--cf-border) 55%,transparent);font-size:var(--cf-type-body)}.cf-akte__position:last-child{border-bottom:none}.cf-akte__position.is-rejected{background:rgba(239,68,68,0.05)}.cf-akte__position-date{flex-shrink:0;color:var(--cf-text-muted);font-size:var(--cf-type-caption)}.cf-akte__position-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-akte__position-amount{flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:600}.cf-akte__timeline{list-style:none;margin:0;padding:0;position:relative}.cf-akte__timeline::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--cf-border)}.cf-akte__event{position:relative;padding:0 0 14px 22px}.cf-akte__event::before{content:"";position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:50%;background:var(--cf-bg-card);border:2px solid var(--cf-text-muted);box-sizing:border-box}.cf-akte__event--info::before{border-color:var(--cf-info)}.cf-akte__event--success::before{border-color:var(--cf-success);background:var(--cf-success)}.cf-akte__event--danger::before{border-color:var(--cf-danger);background:var(--cf-danger)}.cf-akte__event-title{font-size:var(--cf-type-body);font-weight:600;color:var(--cf-text-primary)}.cf-akte__event-time{font-size:var(--cf-type-caption);color:var(--cf-text-muted)}.cf-next-hint{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--cf-radius-sm);border:1px solid var(--cf-border);background:var(--cf-bg-card);font-size:var(--cf-type-body);font-weight:600}.cf-next-hint__icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--cf-primary-alpha);color:var(--cf-primary)}.cf-next-hint--warning{border-color:rgba(245,158,11,0.35);background:rgba(245,158,11,0.07)}.cf-next-hint--warning .cf-next-hint__icon{background:rgba(245,158,11,0.15);color:#B45309}
body.dark-mode{--cf-bg-body:#020617;--cf-bg-card:#0F172A;--cf-bg-sidebar:#020617;--cf-bg-sidebar-hover:#1E293B;--cf-bg-sidebar-active:rgba(79,70,229,0.2);--cf-bg-topbar:rgba(15,23,42,0.9);--cf-bg-input:#1E293B;--cf-text-primary:#F8FAFC;--cf-text-secondary:#CBD5E1;--cf-text-muted:#94A3B8;--cf-text-sidebar:#94A3B8;--cf-text-sidebar-active:var(--cf-primary-light);--cf-border:#334155;--cf-border-focus:#818CF8;--cf-shadow-sm:0 4px 12px rgba(0,0,0,0.4);--cf-shadow:0 10px 30px rgba(0,0,0,0.5);--cf-shadow-lg:0 20px 40px rgba(0,0,0,0.6);--cf-shadow-modal:0 32px 80px rgba(0,0,0,0.8);--cf-success-light:rgba(16,185,129,0.15);--cf-warning-light:rgba(245,158,11,0.15);--cf-danger-light:rgba(239,68,68,0.15);--cf-info-light:rgba(59,130,246,0.15);--cf-primary-alpha:rgba(79,70,229,0.18);--cf-primary-glow:rgba(79,70,229,0.4);--cf-rail-bg:#0A0F1A;--cf-rail-border:#151D2B;--cf-panel-bg:#111827;--cf-panel-border:#1A2332;--cf-panel-search-bg:#1A2332;--cf-panel-search-border:#243044}body.dark-mode .cf-input,body.dark-mode .cf-select,body.dark-mode .cf-textarea{background:var(--cf-bg-input);border-color:var(--cf-border);color:var(--cf-text-primary)}body.dark-mode .cf-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238B93B8'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E")}body.dark-mode .cf-badge-neutral{background:#1C1D2C}body.dark-mode .cf-table thead th{background:#0C0D15;border-bottom-color:var(--cf-border)}body.dark-mode .cf-table tbody tr:hover{background:#1C1D2C}body.dark-mode .btn-secondary{background:#1C1D2C;border-color:var(--cf-border);color:var(--cf-text-primary)}body.dark-mode .cf-card-footer,body.dark-mode .cf-modal-footer{background:#0C0D15}body.dark-mode .cf-auth-right{background:#0C0D15}body.dark-mode .cf-welcome-card{background:linear-gradient(135deg,#1a1040,#4F46E5,#6366F1)}body.dark-mode .cf-topbar-profile{background:var(--cf-bg-card)}body.dark-mode .cf-page-header{border-color:color-mix(in srgb,var(--cf-primary) 24%,var(--cf-border));background:radial-gradient(circle at top right,color-mix(in srgb,var(--cf-primary) 14%,transparent),transparent 40%),var(--cf-bg-card);box-shadow:none}body.dark-mode .cf-page-header::after{background:radial-gradient(circle,color-mix(in srgb,var(--cf-primary) 12%,transparent),transparent 72%)}
@media (max-width:1280px){.cf-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.dashboard-main-grid{grid-template-columns:1fr}}@media (max-width:900px){.cf-auth-wrap{grid-template-columns:1fr}.cf-auth-left{display:none}.cf-auth-right{padding:32px 20px}.cf-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cf-main,.cf-topbar,body.sidebar-panel-closed .cf-main,body.sidebar-panel-closed .cf-topbar{margin-left:0 !important;left:0 !important;right:0 !important;top:0 !important;border-radius:0 !important;width:100% !important}.dashboard-main-grid,.cf-grid-2,.cf-grid-3,.cf-grid-4{grid-template-columns:1fr}.cf-page-header{flex-direction:column;align-items:flex-start;padding:18px 16px;margin-bottom:18px}.cf-form-row,.cf-form-row-3{grid-template-columns:1fr}.cf-content{padding:16px;margin-top:calc(var(--cf-topbar-height) + 16px)}.cf-topbar{padding:0 16px}.cf-topbar-search{display:none}#sidebar-toggle-btn{display:none !important}#mobile-menu-btn{display:flex !important}.cf-modal-container{max-width:100%;margin:0;border-radius:var(--cf-radius) var(--cf-radius) 0 0}.cf-modal{align-items:flex-end;padding:0}}@media (max-width:480px){h1{font-size:22px}h2{font-size:18px}.cf-welcome-card{flex-direction:column;align-items:flex-start}}@media (max-width:768px){.cf-btn--icon,.btn-icon,.cf-icon-btn{min-width:44px;min-height:44px}.cf-table-wrap,.cf-table-wrapper,.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.cf-table-wrap .cf-table:not(.cf-table--cards),.cf-table-wrapper .cf-table:not(.cf-table--cards){min-width:560px}}@media (max-width:768px){.cf-modal__body [style*="grid-template-columns"],.cf-modal__body .cf-grid-2,.cf-modal__body .cf-grid-3,.cf-modal__body .cf-grid-4,.cf-modal__body .cf-grid-5,.cf-modal-body [style*="grid-template-columns"],.cf-modal-body .cf-grid-2,.cf-modal-body .cf-grid-3,.cf-modal-body .cf-grid-4,.cf-modal-body .cf-grid-5{grid-template-columns:1fr !important}}.cf-settings-shell{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}@media (max-width:768px){.cf-settings-shell{grid-template-columns:1fr}.cf-settings-shell>.cf-card[style*="sticky"]{position:static !important}}.cf-settings-kicker{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--cf-text-muted,#64748b);margin-bottom:4px}.cf-settings-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.cf-settings-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--cf-border,#e2e8f0);background:var(--cf-bg-card,#fff);color:var(--cf-text-secondary,var(--cf-text-muted,#64748b));font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease}.cf-settings-chip i{font-size:13px}.cf-settings-chip:hover{background:var(--cf-bg-input,#f1f5f9);color:var(--cf-text-primary,#0f172a);border-color:var(--cf-primary,#4f46e5)}.cf-settings-chip.is-active{background:var(--cf-primary,#4f46e5);border-color:var(--cf-primary,#4f46e5);color:#fff}.cf-settings-chip.is-active:hover{color:#fff}@media (max-width:768px){.cf-settings-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-left:-4px;margin-right:-4px;padding:0 4px 4px}.cf-settings-chip{flex:0 0 auto}}@media (max-width:768px){.cf-card__body[style*="overflow-x"]>.cf-table:not(.cf-table--cards){min-width:560px}}body.cf-drawer-active{overflow:hidden}@media (max-width:768px){.dashboard-main-grid,.cf-grid-2,.cf-grid-3,.cf-grid-4,.cf-grid-5{grid-template-columns:1fr !important}.cf-content [style*="grid-template-columns"]:not([style*="auto-fit"]):not([style*="auto-fill"]){grid-template-columns:1fr !important}.cf-drawer-body [style*="grid-template-columns"]:not([style*="auto-fit"]):not([style*="auto-fill"]),.cf-drawer-body .cf-grid-2,.cf-drawer-body .cf-grid-3,.cf-drawer-body .cf-grid-4,.cf-drawer-body .cf-grid-5{grid-template-columns:1fr !important}.cf-card__body:has(>.cf-table:not(.cf-table--cards)),.cf-card__body:has(>table:not(.cf-table)){overflow-x:auto;-webkit-overflow-scrolling:touch}.cf-card__body:has(>.cf-table:not(.cf-table--cards))>.cf-table{min-width:600px}.cf-content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),.cf-content select,.cf-content textarea,dialog.cf-modal input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),dialog.cf-modal select,dialog.cf-modal textarea,.cf-modal-container input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),.cf-modal-container select,.cf-modal-container textarea,.cf-drawer input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),.cf-drawer select,.cf-drawer textarea{font-size:16px}}
/* === Design-System v3 === */
:root{--color-brand-50:#EEF2FF;--color-brand-100:#E0E7FF;--color-brand-200:#C7D2FE;--color-brand-300:#A5B4FC;--color-brand-400:#818CF8;--color-brand-500:#6366F1;--color-brand-600:#4F46E5;--color-brand-700:#4338CA;--color-brand-800:#3730A3;--color-brand-900:#312E81;--color-slate-50:#F8FAFC;--color-slate-100:#F1F5F9;--color-slate-200:#E2E8F0;--color-slate-300:#CBD5E1;--color-slate-400:#94A3B8;--color-slate-500:#64748B;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1E293B;--color-slate-900:#0F172A;--color-success-500:#10B981;--color-success-700:#047857;--color-success-soft:#ECFDF5;--color-warning-500:#F59E0B;--color-warning-700:#B45309;--color-warning-soft:#FFFBEB;--color-danger-500:#EF4444;--color-danger-700:#B91C1C;--color-danger-soft:#FEF2F2;--color-info-500:#0EA5E9;--color-info-700:#0369A1;--color-info-soft:#F0F9FF;--bg-page:var(--color-slate-100);--bg-surface:#FFFFFF;--bg-subtle:var(--color-slate-100);--bg-muted:var(--color-slate-200);--bg-inverse:var(--color-slate-900);--bg-overlay:rgba(15,23,42,0.5);--fg-default:var(--color-slate-900);--fg-strong:#000000;--fg-muted:var(--color-slate-500);--fg-subtle:var(--color-slate-400);--fg-on-brand:#FFFFFF;--fg-inverse:#FFFFFF;--fg-link:var(--color-brand-600);--fg-link-hover:var(--color-brand-700);--border-default:var(--color-slate-300);--border-strong:var(--color-slate-400);--border-subtle:var(--color-slate-100);--border-focus:var(--color-brand-600);--border-inverse:var(--color-slate-700);--action-primary:var(--color-brand-600);--action-primary-hover:var(--color-brand-500);--action-primary-active:var(--color-brand-700);--action-primary-soft:var(--color-brand-50);--fg-success:var(--color-success-700);--bg-success:var(--color-success-soft);--bd-success:rgba(16,185,129,0.25);--fg-warning:var(--color-warning-700);--bg-warning:var(--color-warning-soft);--bd-warning:rgba(245,158,11,0.25);--fg-danger:var(--color-danger-700);--bg-danger:var(--color-danger-soft);--bd-danger:rgba(239,68,68,0.25);--fg-info:var(--color-info-700);--bg-info:var(--color-info-soft);--bd-info:rgba(14,165,233,0.25);--focus-ring:0 0 0 3px rgba(79,70,229,0.25)}
:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px}
:root{--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:28px;--radius-pill:9999px}
:root{--shadow-1:0 1px 2px 0 rgba(15,23,42,0.04);--shadow-2:0 1px 2px 0 rgba(15,23,42,0.04),0 1px 3px 0 rgba(15,23,42,0.06);--shadow-3:0 4px 6px -1px rgba(15,23,42,0.08),0 2px 4px -2px rgba(15,23,42,0.06);--shadow-4:0 20px 25px -5px rgba(15,23,42,0.10),0 8px 10px -6px rgba(15,23,42,0.06)}
:root{--font-sans:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;--text-xs:0.6875rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:0.9375rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.375rem;--text-3xl:1.75rem;--text-4xl:2.25rem;--leading-tight:1.2;--leading-snug:1.35;--leading-base:1.5;--leading-loose:1.65;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--tracking-tight:-0.01em;--tracking-base:0;--tracking-wide:0.02em;--tracking-caps:0.06em;--icon-xs:11px;--icon-sm:13px;--icon-md:15px;--icon-lg:18px;--icon-xl:22px}.cf-icon-xs{font-size:var(--icon-xs)}.cf-icon-sm{font-size:var(--icon-sm)}.cf-icon-md{font-size:var(--icon-md)}.cf-icon-lg{font-size:var(--icon-lg)}.cf-icon-xl{font-size:var(--icon-xl)}
:root{--transition-fast:120ms;--transition-base:180ms;--transition-slow:240ms;--ease-standard:cubic-bezier(0.4,0,0.2,1);--ease-emphasis:cubic-bezier(0.3,0,0.2,1);--ease-enter:cubic-bezier(0,0,0.2,1);--ease-exit:cubic-bezier(0.4,0,1,1)}@media (prefers-reduced-motion:reduce){:root{--transition-fast:1ms;--transition-base:1ms;--transition-slow:1ms}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}
:root{--z-base:0;--z-content:1;--z-sidebar:100;--z-topbar:200;--z-dropdown:300;--z-popover:400;--z-drawer:500;--z-modal:600;--z-toast:700;--z-tooltip:800;--z-debug:9999}
*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:var(--font-sans)}body{line-height:var(--leading-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:var(--bg-page);color:var(--fg-default);font-size:var(--text-base);font-family:var(--font-sans);min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next,#app{isolation:isolate}dialog{border:none;background:transparent;color:inherit;padding:0;max-width:none;max-height:none}dialog:not([open]){display:none}
h1,h2,h3,h4,h5,h6{font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--fg-default)}h1{font-size:var(--text-3xl);font-weight:var(--weight-extrabold)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md);font-weight:var(--weight-semibold)}h6{font-size:var(--text-base);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--fg-muted)}p{font-size:var(--text-base);line-height:var(--leading-base);color:var(--fg-default)}small{font-size:var(--text-sm);color:var(--fg-muted)}a{color:var(--fg-link);text-decoration:none;transition:color var(--transition-fast) var(--ease-standard)}a:hover{color:var(--fg-link-hover);text-decoration:underline}strong,b{font-weight:var(--weight-semibold)}em,i{font-style:italic}code,kbd,samp,pre{font-family:var(--font-mono);font-size:0.9em}code{padding:0.1em 0.35em;background:var(--bg-subtle);border-radius:var(--radius-xs);border:1px solid var(--border-subtle)}pre{padding:var(--space-4);background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-default);overflow-x:auto}pre code{padding:0;background:transparent;border:none}hr{border:none;border-top:1px solid var(--border-default);margin:var(--space-6) 0}ul,ol{padding-left:var(--space-5)}li + li{margin-top:var(--space-1)}::selection{background:var(--color-brand-100);color:var(--color-brand-900)}.cf-title-page{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--fg-default)}.cf-title-section{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--fg-default)}.cf-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-muted)}.cf-text-muted{color:var(--fg-muted)}.cf-text-subtle{color:var(--fg-subtle)}.cf-text-default{color:var(--fg-default)}
:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.cf-btn:focus-visible,.cf-input:focus-visible,.cf-select:focus-visible,.cf-textarea:focus-visible{box-shadow:var(--focus-ring)}.cf-skip-link{position:absolute;top:-100px;left:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-inverse);color:var(--fg-inverse);border-radius:var(--radius-md);font-weight:var(--weight-semibold);z-index:var(--z-tooltip);transition:top var(--transition-fast) var(--ease-standard)}.cf-skip-link:focus{top:var(--space-4)}
body.dark-mode{--bg-page:#020617;--bg-surface:#0F172A;--bg-subtle:#1E293B;--bg-muted:#334155;--bg-overlay:rgba(2,6,23,0.7);--fg-default:#F8FAFC;--fg-strong:#FFFFFF;--fg-muted:#94A3B8;--fg-subtle:#94A3B8;--fg-on-brand:#FFFFFF;--fg-link:var(--color-brand-400);--fg-link-hover:var(--color-brand-300);--border-default:#334155;--border-strong:#475569;--border-subtle:#1E293B;--border-focus:var(--color-brand-400);--bg-success:rgba(16,185,129,0.15);--bg-warning:rgba(245,158,11,0.15);--bg-danger:rgba(239,68,68,0.15);--bg-info:rgba(14,165,233,0.15);--fg-success:#6EE7B7;--fg-warning:#FCD34D;--fg-danger:#FCA5A5;--fg-info:#7DD3FC;--shadow-1:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-2:0 1px 2px 0 rgba(0,0,0,0.3),0 1px 3px 0 rgba(0,0,0,0.4);--shadow-3:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -2px rgba(0,0,0,0.3);--shadow-4:0 20px 25px -5px rgba(0,0,0,0.5),0 8px 10px -6px rgba(0,0,0,0.4);--action-primary-soft:rgba(79,70,229,0.18);--focus-ring:0 0 0 3px rgba(99,102,241,0.4)}
.cf-stack{display:flex;flex-direction:column;gap:var(--space-4)}.cf-stack--xs{gap:var(--space-1)}.cf-stack--sm{gap:var(--space-2)}.cf-stack--md{gap:var(--space-4)}.cf-stack--lg{gap:var(--space-6)}.cf-stack--xl{gap:var(--space-8)}.cf-stack-h{display:flex;flex-direction:row;gap:var(--space-4);align-items:center}.cf-stack-h--xs{gap:var(--space-1)}.cf-stack-h--sm{gap:var(--space-2)}.cf-stack-h--md{gap:var(--space-4)}.cf-stack-h--lg{gap:var(--space-6)}.cf-stack-h--top{align-items:flex-start}.cf-stack-h--center{align-items:center}.cf-stack-h--bottom{align-items:flex-end}.cf-stack-h--baseline{align-items:baseline}
.cf-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.cf-cluster--xs{gap:var(--space-1)}.cf-cluster--sm{gap:var(--space-2)}.cf-cluster--md{gap:var(--space-3)}.cf-cluster--lg{gap:var(--space-4)}.cf-cluster--between{justify-content:space-between}.cf-cluster--end{justify-content:flex-end}.cf-cluster--center{justify-content:center}
.cf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--space-6)}.cf-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.cf-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.cf-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}.cf-grid-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-6)}.cf-grid--tight{gap:var(--space-3)}.cf-grid--loose{gap:var(--space-8)}.cf-grid-master-detail{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,2fr);gap:var(--space-6)}@media (max-width:920px){.cf-grid-2,.cf-grid-3,.cf-grid-4,.cf-grid-5,.cf-grid-master-detail{grid-template-columns:1fr}}@media (max-width:1200px){.cf-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cf-container{width:100%;max-width:1400px;margin-inline:auto;padding-inline:var(--space-6)}.cf-container--narrow{max-width:720px}.cf-container--medium{max-width:1024px}.cf-container--full{max-width:none}@media (max-width:768px){.cf-container{padding-inline:var(--space-4)}}
.cf-page{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6) var(--space-6) var(--space-12)}.cf-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.cf-page__header>div:first-child{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.cf-page__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.cf-page__body{min-width:0}.cf-section{display:flex;flex-direction:column;gap:var(--space-4)}.cf-section__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.cf-section__title{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}@media (max-width:768px){.cf-page{padding:var(--space-4) var(--space-4) var(--space-10);gap:var(--space-4)}.cf-page__actions{width:100%}}
.cf-brand-mark{--cf-brand-mark-size:32px;display:inline-block;width:var(--cf-brand-mark-size);height:var(--cf-brand-mark-size);flex:0 0 var(--cf-brand-mark-size);color:#062C55;background-color:currentColor;-webkit-mask:url("../img/brand/clubflex-mark-mask.png") center / contain no-repeat;mask:url("../img/brand/clubflex-mark-mask.png") center / contain no-repeat}.cf-brand-mark--xs{--cf-brand-mark-size:18px}.cf-brand-mark--sm{--cf-brand-mark-size:24px}.cf-brand-mark--md{--cf-brand-mark-size:32px}.cf-brand-mark--lg{--cf-brand-mark-size:44px}.cf-brand-mark--xl{--cf-brand-mark-size:64px}.cf-brand-mark--navy{color:#062C55}.cf-brand-mark--blue{color:#0B4CB8}.cf-brand-mark--cyan{color:#0EA5E9}.cf-brand-mark--orange{color:#FF6B19}.cf-brand-mark--white{color:#FFFFFF}.cf-brand-badge{--cf-brand-badge-size:40px;display:inline-grid;place-items:center;width:var(--cf-brand-badge-size);height:var(--cf-brand-badge-size);flex:0 0 var(--cf-brand-badge-size);border-radius:10px;background:#0B4CB8;box-shadow:0 8px 22px rgba(11,76,184,.22)}.cf-brand-badge .cf-brand-mark{--cf-brand-mark-size:calc(var(--cf-brand-badge-size) * .68);color:#FFFFFF}.cf-brand-badge--sm{--cf-brand-badge-size:30px;border-radius:8px}.cf-brand-badge--lg{--cf-brand-badge-size:48px;border-radius:12px}.cf-brand-badge--navy{background:#062C55}.cf-brand-badge--blue{background:#0B4CB8}.cf-brand-badge--cyan{background:#0EA5E9}.cf-brand-badge--orange{background:#FF6B19}.cf-brand-lockup{display:inline-flex;align-items:center;gap:10px;color:#062C55;text-decoration:none}.cf-brand-lockup:hover{text-decoration:none}.cf-brand-lockup__text{display:flex;flex-direction:column;min-width:0;line-height:1.12}.cf-brand-lockup__name{color:currentColor;font-size:18px;font-weight:800;letter-spacing:0;white-space:nowrap}.cf-brand-lockup__sub{color:#64748B;font-size:10px;font-weight:700;letter-spacing:0;text-transform:uppercase;white-space:nowrap}.cf-brand-lockup--inverse{color:#FFFFFF}.cf-brand-lockup--inverse .cf-brand-lockup__sub{color:rgba(255,255,255,.72)}[data-theme="dark"] .cf-brand-lockup:not(.cf-brand-lockup--inverse),body.dark-mode .cf-brand-lockup:not(.cf-brand-lockup--inverse){color:#E6F0FF}[data-theme="dark"] .cf-brand-lockup:not(.cf-brand-lockup--inverse) .cf-brand-lockup__sub,body.dark-mode .cf-brand-lockup:not(.cf-brand-lockup--inverse) .cf-brand-lockup__sub{color:#94A3B8}@media (max-width:520px){.cf-brand-lockup--compact-mobile .cf-brand-lockup__text{display:none}}
.cf-btn{--_bg:var(--bg-surface);--_fg:var(--fg-default);--_bd:var(--border-strong);--_bg-hover:var(--bg-subtle);--_bd-hover:var(--border-strong);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:36px;padding-inline:var(--space-4);border:1px solid var(--_bd);border-radius:var(--radius-md);background:var(--_bg);color:var(--_fg);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap;user-select:none;transition:background-color var(--transition-fast) var(--ease-standard),border-color var(--transition-fast) var(--ease-standard),color var(--transition-fast) var(--ease-standard),box-shadow var(--transition-fast) var(--ease-standard)}.cf-btn:hover:not(:disabled):not([aria-disabled="true"]){background:var(--_bg-hover);border-color:var(--_bd-hover)}.cf-btn:active:not(:disabled):not([aria-disabled="true"]){transform:translateY(0.5px)}.cf-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.cf-btn:disabled,.cf-btn[aria-disabled="true"]{opacity:0.55;cursor:not-allowed}.cf-btn--primary{--_bg:var(--action-primary);--_fg:var(--fg-on-brand);--_bd:var(--action-primary);--_bg-hover:var(--action-primary-hover);--_bd-hover:var(--action-primary-hover)}.cf-btn--secondary{--_bg:var(--bg-surface);--_fg:var(--fg-default);--_bd:var(--border-strong);--_bg-hover:var(--bg-subtle);--_bd-hover:var(--border-strong)}.cf-btn--ghost{--_bg:transparent;--_fg:var(--fg-muted);--_bd:transparent;--_bg-hover:var(--bg-subtle);--_bd-hover:transparent}.cf-btn--ghost:hover:not(:disabled){color:var(--fg-default)}.cf-btn--danger{--_bg:var(--color-danger-500);--_fg:#FFFFFF;--_bd:var(--color-danger-500);--_bg-hover:var(--color-danger-700);--_bd-hover:var(--color-danger-700)}.cf-btn--success{--_bg:var(--color-success-500);--_fg:#FFFFFF;--_bd:var(--color-success-500);--_bg-hover:var(--color-success-700);--_bd-hover:var(--color-success-700)}.cf-btn--ghost.cf-btn--danger{--_bg:transparent;--_fg:var(--color-danger-700);--_bd:transparent;--_bg-hover:var(--color-danger-soft);--_bd-hover:transparent}.cf-btn--ghost.cf-btn--success{--_bg:transparent;--_fg:var(--color-success-700);--_bd:transparent;--_bg-hover:var(--color-success-soft);--_bd-hover:transparent}.cf-btn--sm{height:28px;padding-inline:var(--space-3);font-size:var(--text-xs);gap:var(--space-1)}@media (pointer:coarse){.cf-table .cf-btn--sm,.cf-table-wrap .cf-btn--sm,.cf-table-wrapper .cf-btn--sm{min-height:40px}.cf-table .cf-btn--sm.cf-btn--icon,.cf-table-wrap .cf-btn--sm.cf-btn--icon,.cf-table-wrapper .cf-btn--sm.cf-btn--icon{min-width:40px}}.cf-btn--lg{height:44px;padding-inline:var(--space-5);font-size:var(--text-base)}.cf-btn--icon{padding-inline:0;width:36px;aspect-ratio:1}.cf-btn--icon.cf-btn--sm{width:28px}.cf-btn--icon.cf-btn--lg{width:44px}.cf-btn--block{width:100%}.cf-btn--loading{pointer-events:none;position:relative;color:transparent !important}.cf-btn--loading::after{content:"";position:absolute;inset:50% auto auto 50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:cf-btn-spin 0.6s linear infinite;color:var(--_fg)}@keyframes cf-btn-spin{to{transform:rotate(360deg)}}.cf-btn-group{display:inline-flex;align-items:stretch}.cf-btn-group .cf-btn{border-radius:0;border-right-width:0}.cf-btn-group .cf-btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.cf-btn-group .cf-btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0;border-right-width:1px}.cf-btn--loading{position:relative;pointer-events:none;opacity:0.75}.cf-btn--loading::after{content:"";display:inline-block;width:14px;height:14px;margin-left:6px;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:cf-spin 0.7s linear infinite}@media (pointer:coarse){.cf-btn--icon{width:44px;min-height:44px}}
.cf-input,.cf-select,.cf-textarea{display:block;width:100%;height:36px;padding:0 var(--space-3);background:var(--bg-surface);color:var(--fg-default);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);line-height:1.4;transition:border-color var(--transition-fast) var(--ease-standard),box-shadow var(--transition-fast) var(--ease-standard),background-color var(--transition-fast) var(--ease-standard)}.cf-input::placeholder,.cf-textarea::placeholder{color:var(--fg-subtle)}.cf-input:hover:not(:disabled),.cf-select:hover:not(:disabled),.cf-textarea:hover:not(:disabled){border-color:var(--color-slate-400)}.cf-input:focus-visible,.cf-select:focus-visible,.cf-textarea:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.cf-input:disabled,.cf-select:disabled,.cf-textarea:disabled{background:var(--bg-subtle);color:var(--fg-muted);cursor:not-allowed}.cf-input.is-invalid,.cf-select.is-invalid,.cf-textarea.is-invalid{border-color:var(--color-danger-500)}.cf-input.is-invalid:focus-visible,.cf-select.is-invalid:focus-visible,.cf-textarea.is-invalid:focus-visible{box-shadow:0 0 0 3px rgba(239,68,68,0.18)}.cf-input--sm,.cf-select--sm{height:28px;font-size:var(--text-xs);padding-inline:var(--space-2)}.cf-input--lg,.cf-select--lg{height:44px;font-size:var(--text-base);padding-inline:var(--space-4)}.cf-textarea{height:auto;min-height:96px;padding-block:var(--space-2);resize:vertical}.cf-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:12px 12px}.cf-input-wrap{position:relative;display:block}.cf-input-wrap>.cf-input,.cf-input-wrap>.cf-select{padding-left:var(--space-8)}.cf-input-wrap>.cf-input-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--fg-subtle);font-size:var(--text-sm);pointer-events:none}.cf-checkbox,.cf-radio{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--fg-default);cursor:pointer;user-select:none}.cf-checkbox input[type="checkbox"],.cf-radio input[type="radio"]{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin:0;border:1.5px solid var(--border-strong);background:var(--bg-surface);transition:background-color var(--transition-fast) var(--ease-standard),border-color var(--transition-fast) var(--ease-standard);cursor:pointer;flex-shrink:0}.cf-checkbox input[type="checkbox"]{border-radius:var(--radius-xs)}.cf-radio input[type="radio"]{border-radius:50%}.cf-checkbox input[type="checkbox"]:hover,.cf-radio input[type="radio"]:hover{border-color:var(--action-primary)}.cf-checkbox input[type="checkbox"]:focus-visible,.cf-radio input[type="radio"]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.cf-checkbox input[type="checkbox"]:checked,.cf-radio input[type="radio"]:checked{background-color:var(--action-primary);border-color:var(--action-primary)}.cf-checkbox input[type="checkbox"]:checked{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-repeat:no-repeat;background-position:center;background-size:11px 11px}.cf-radio input[type="radio"]:checked{background-image:radial-gradient(circle,white 0 4px,transparent 5px)}.cf-checkbox:has(input:disabled),.cf-radio:has(input:disabled){opacity:0.5;cursor:not-allowed}.cf-toggle{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;user-select:none;font-size:var(--text-sm);color:var(--fg-default)}.cf-toggle input{appearance:none;-webkit-appearance:none;position:relative;width:36px;height:20px;background:var(--color-slate-300);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--transition-fast) var(--ease-standard);flex-shrink:0;margin:0}.cf-toggle input::before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#FFFFFF;border-radius:50%;transition:transform var(--transition-fast) var(--ease-standard);box-shadow:var(--shadow-1)}.cf-toggle input:checked{background:var(--action-primary)}.cf-toggle input:checked::before{transform:translateX(16px)}.cf-toggle input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.cf-toggle input:disabled{opacity:0.5;cursor:not-allowed}@media (max-width:768px){.cf-input,.cf-select,.cf-textarea,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{font-size:max(16px,var(--text-base))}}
.cf-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.cf-field__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--fg-default);display:inline-flex;align-items:center;gap:var(--space-1)}.cf-field__req{color:var(--color-danger-500);font-weight:var(--weight-bold)}.cf-field__hint{font-size:var(--text-xs);color:var(--fg-muted);line-height:var(--leading-snug)}.cf-field__error{font-size:var(--text-xs);color:var(--color-danger-700);display:inline-flex;align-items:center;gap:var(--space-1);line-height:var(--leading-snug)}.cf-field--inline{flex-direction:row;align-items:center;gap:var(--space-4)}.cf-field--inline .cf-field__label{min-width:140px;flex-shrink:0}.cf-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.cf-field-row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.cf-field-row--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:720px){.cf-field-row,.cf-field-row--3,.cf-field-row--4{grid-template-columns:1fr}}.cf-fieldset{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.cf-fieldset__legend{font-size:var(--text-sm);font-weight:var(--weight-semibold);padding-inline:var(--space-2);color:var(--fg-default)}
.cf-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden;transition:box-shadow var(--transition-base) var(--ease-standard)}.cf-card--quiet{box-shadow:none}.cf-card--interactive{cursor:pointer}.cf-card--interactive:hover{box-shadow:var(--shadow-3)}.cf-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default)}.cf-card__header>div:first-child{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.cf-card__title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--fg-default);line-height:var(--leading-snug)}.cf-card__subtitle{margin:0;font-size:var(--text-sm);color:var(--fg-muted);line-height:var(--leading-snug)}.cf-card__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.cf-card__body{padding:var(--space-5);flex:1;min-width:0}.cf-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-default);background:var(--bg-page)}.cf-card__footer--between{justify-content:space-between}.cf-card--flush>.cf-card__body{padding:0}.cf-card__body>.cf-card__section + .cf-card__section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-subtle)}
.cf-stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);min-width:0}.cf-stat__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-muted);text-transform:none;letter-spacing:var(--tracking-base)}.cf-stat__value{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);color:var(--fg-default);line-height:1.1}.cf-stat__delta{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--fg-muted)}.cf-stat__delta--up{color:var(--color-success-700)}.cf-stat__delta--down{color:var(--color-danger-700)}.cf-stat__delta--flat{color:var(--fg-muted)}.cf-stat--with-icon{flex-direction:row;align-items:center;gap:var(--space-4)}.cf-stat--with-icon .cf-stat__body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.cf-stat__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);font-size:var(--text-md);background:var(--bg-subtle);color:var(--fg-muted)}.cf-stat__icon--brand{background:var(--action-primary-soft);color:var(--action-primary)}.cf-stat__icon--success{background:var(--bg-success);color:var(--color-success-700)}.cf-stat__icon--warning{background:var(--bg-warning);color:var(--color-warning-700)}.cf-stat__icon--danger{background:var(--bg-danger);color:var(--color-danger-700)}.cf-stat__icon--info{background:var(--bg-info);color:var(--color-info-700)}.cf-stat__hint{font-size:var(--text-xs);color:var(--fg-subtle);margin-top:var(--space-1)}.cf-card .cf-stat{background:transparent;border:none;box-shadow:none;padding:0}.cf-stat__value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.cf-stat:not(.cf-card .cf-stat){transition:transform var(--transition-base) var(--ease-standard),box-shadow var(--transition-base) var(--ease-standard),border-color var(--transition-base) var(--ease-standard)}.cf-stat:not(.cf-card .cf-stat):hover{transform:translateY(-2px);box-shadow:var(--shadow-3);border-color:var(--border-strong)}.cf-stat__icon{width:44px;height:44px;font-size:var(--icon-lg)}
.cf-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-pill);background:var(--action-primary-soft);color:var(--action-primary);font-weight:var(--weight-bold);font-size:var(--text-sm);line-height:1;letter-spacing:0.01em;text-transform:uppercase;overflow:hidden;user-select:none}img.cf-avatar{object-fit:cover}.cf-avatar--xs{width:26px;height:26px;font-size:var(--text-xs)}.cf-avatar--sm{width:32px;height:32px;font-size:var(--text-xs)}.cf-avatar--md{width:40px;height:40px;font-size:var(--text-sm)}.cf-avatar--lg{width:52px;height:52px;font-size:var(--text-md)}.cf-avatar--xl{width:64px;height:64px;font-size:var(--text-lg)}.cf-avatar--ring{border:2px solid var(--bg-surface);box-shadow:0 0 0 1px var(--border-default)}.cf-avatar-cell{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0}.cf-avatar-cell__name{font-weight:var(--weight-semibold);color:var(--fg-default)}.cf-avatar-cell__sub{font-size:var(--text-xs);color:var(--fg-muted)}.cf-avatar-group{display:inline-flex}.cf-avatar-group .cf-avatar{margin-left:-8px;border:2px solid var(--bg-surface)}.cf-avatar-group .cf-avatar:first-child{margin-left:0}
.cf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);text-align:center}.cf-empty__icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--bg-subtle);color:var(--fg-subtle);font-size:var(--text-xl);margin-bottom:var(--space-2)}.cf-empty__title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--fg-default)}.cf-empty__text{margin:0;font-size:var(--text-sm);color:var(--fg-muted);max-width:360px;line-height:var(--leading-base)}.cf-empty>.cf-btn{margin-top:var(--space-2)}.cf-empty--inline{padding:var(--space-8) var(--space-4)}.cf-empty--error .cf-empty__icon{background:var(--bg-danger);color:var(--color-danger-700)}
.cf-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--fg-default)}.cf-alert__icon{flex-shrink:0;font-size:var(--text-md);line-height:1.4;margin-top:2px;color:var(--fg-muted)}.cf-alert__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.cf-alert__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:inherit}.cf-alert__text{margin:0;font-size:var(--text-sm);color:inherit;line-height:var(--leading-snug)}.cf-alert__close{flex-shrink:0;margin-top:-4px;margin-right:-4px}.cf-alert--info{background:var(--bg-info);border-color:var(--bd-info);color:var(--color-info-700)}.cf-alert--info .cf-alert__icon{color:var(--color-info-500)}.cf-alert--success{background:var(--bg-success);border-color:var(--bd-success);color:var(--color-success-700)}.cf-alert--success .cf-alert__icon{color:var(--color-success-500)}.cf-alert--warning{background:var(--bg-warning);border-color:var(--bd-warning);color:var(--color-warning-700)}.cf-alert--warning .cf-alert__icon{color:var(--color-warning-500)}.cf-alert--danger{background:var(--bg-danger);border-color:var(--bd-danger);color:var(--color-danger-700)}.cf-alert--danger .cf-alert__icon{color:var(--color-danger-500)}
.cf-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);flex-wrap:wrap}.cf-banner--brand{background:linear-gradient(135deg,var(--color-brand-50) 0%,var(--bg-surface) 70%);border-color:rgba(79,70,229,0.18)}.cf-banner--accent{background:var(--action-primary-soft);border-color:rgba(79,70,229,0.22)}.cf-banner--quiet{background:var(--bg-surface);border-color:var(--border-default)}.cf-banner__media{flex-shrink:0}.cf-banner__avatar{width:56px;height:56px;border-radius:var(--radius-pill);object-fit:cover;border:2px solid var(--bg-surface);box-shadow:var(--shadow-2)}.cf-banner__body{flex:1;min-width:220px;display:flex;flex-direction:column;gap:var(--space-1)}.cf-banner__title{margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--fg-default);line-height:var(--leading-snug)}.cf-banner__text{margin:0;font-size:var(--text-sm);color:var(--fg-muted);line-height:var(--leading-snug)}.cf-banner__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}body.dark-mode .cf-banner--brand{background:linear-gradient(135deg,rgba(79,70,229,0.12) 0%,var(--bg-surface) 70%)}@media (max-width:600px){.cf-banner{padding:var(--space-4);text-align:center}.cf-banner__media{margin-inline:auto}.cf-banner__actions{width:100%;justify-content:stretch}.cf-banner__actions>*{flex:1}}
.cf-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);height:22px;font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1;border-radius:var(--radius-pill);border:1px solid transparent;white-space:nowrap;letter-spacing:0}.cf-badge i,.cf-badge .fa-solid,.cf-badge .fa-regular{font-size:10px}.cf-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.cf-badge--neutral{background:var(--bg-muted);color:var(--fg-default)}.cf-badge--brand{background:var(--action-primary);color:var(--fg-on-brand)}.cf-badge--success{background:var(--color-success-500);color:#FFFFFF}.cf-badge--warning{background:var(--color-warning-500);color:#FFFFFF}.cf-badge--danger{background:var(--color-danger-500);color:#FFFFFF}.cf-badge--info{background:var(--color-info-500);color:#FFFFFF}.cf-badge--soft.cf-badge--neutral{background:var(--bg-subtle);color:var(--fg-default);border-color:var(--border-default)}.cf-badge--soft.cf-badge--brand{background:var(--action-primary-soft);color:var(--color-brand-700);border-color:rgba(79,70,229,0.18)}.cf-badge--soft.cf-badge--success{background:var(--bg-success);color:var(--color-success-700);border-color:var(--bd-success)}.cf-badge--soft.cf-badge--warning{background:var(--bg-warning);color:var(--color-warning-700);border-color:var(--bd-warning)}.cf-badge--soft.cf-badge--danger{background:var(--bg-danger);color:var(--color-danger-700);border-color:var(--bd-danger)}.cf-badge--soft.cf-badge--info{background:var(--bg-info);color:var(--color-info-700);border-color:var(--bd-info)}.cf-badge[data-status="draft"]{background:var(--bg-subtle);color:var(--fg-default);border:1px solid var(--border-default)}.cf-badge[data-status="submitted"]{background:var(--bg-info);color:var(--color-info-700);border:1px solid var(--bd-info)}.cf-badge[data-status="approved"]{background:var(--bg-success);color:var(--color-success-700);border:1px solid var(--bd-success)}.cf-badge[data-status="rejected"]{background:var(--bg-danger);color:var(--color-danger-700);border:1px solid var(--bd-danger)}.cf-badge[data-status="billed"]{background:var(--bg-success);color:var(--color-success-700);border:1px solid var(--bd-success)}.cf-badge[data-status="paid"]{background:var(--bg-success);color:var(--color-success-700);border:1px solid var(--bd-success)}.cf-badge[data-status="pending"]{background:var(--bg-warning);color:var(--color-warning-700);border:1px solid var(--bd-warning)}
.cf-tag{display:inline-flex;align-items:center;gap:var(--space-2);height:26px;padding-inline:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--bg-surface);color:var(--fg-default);font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;user-select:none;white-space:nowrap;transition:background-color var(--transition-fast) var(--ease-standard),border-color var(--transition-fast) var(--ease-standard),color var(--transition-fast) var(--ease-standard)}.cf-tag:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-strong)}.cf-tag:focus-visible{outline:none;box-shadow:var(--focus-ring)}.cf-tag.is-selected{background:var(--action-primary-soft);color:var(--color-brand-700);border-color:rgba(79,70,229,0.3);font-weight:var(--weight-semibold)}.cf-tag.is-selected:hover{background:var(--action-primary-soft);border-color:var(--action-primary)}.cf-tag--removable{padding-right:var(--space-1);cursor:default}.cf-tag__remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:none;background:transparent;color:inherit;font-size:10px;cursor:pointer;opacity:0.7;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.cf-tag__remove:hover{background:rgba(0,0,0,0.08);opacity:1}body.dark-mode .cf-tag__remove:hover{background:rgba(255,255,255,0.12)}.cf-tag__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding-inline:6px;border-radius:var(--radius-pill);background:var(--bg-subtle);color:var(--fg-muted);font-size:10px;font-weight:var(--weight-bold)}.cf-tag.is-selected .cf-tag__count{background:var(--action-primary);color:var(--fg-on-brand)}
.cf-table-wrap{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden}.cf-card .cf-table-wrap{border:none;box-shadow:none;border-radius:0}.cf-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);flex-wrap:wrap}.cf-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm);color:var(--fg-default)}.cf-table thead th{position:sticky;top:0;z-index:1;text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--fg-muted);background:var(--bg-page);border-bottom:1px solid var(--border-default);letter-spacing:var(--tracking-base);text-transform:none;white-space:nowrap}.cf-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);vertical-align:middle;line-height:var(--leading-snug)}.cf-table tbody tr:last-child td{border-bottom:none}.cf-table tbody tr{transition:background-color var(--transition-fast) var(--ease-standard)}.cf-table tbody tr:hover{background:var(--bg-page)}.cf-table tbody tr.is-selected{background:var(--action-primary-soft)}.cf-table th.cf-table__num,.cf-table td.cf-table__num{text-align:right;font-variant-numeric:tabular-nums}.cf-table td.cf-table__actions{text-align:right;white-space:nowrap}.cf-table td.cf-table__actions .cf-cluster{justify-content:flex-end}.cf-table th.cf-table__sortable{cursor:pointer;user-select:none}.cf-table th.cf-table__sortable:hover{color:var(--fg-default)}.cf-table th.cf-table__sortable::after{content:"↕";margin-left:var(--space-1);opacity:0.4;font-size:10px}.cf-table th.cf-table__sortable.is-sorted-asc::after{content:"↑";opacity:1;color:var(--action-primary)}.cf-table th.cf-table__sortable.is-sorted-desc::after{content:"↓";opacity:1;color:var(--action-primary)}.cf-table-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-default);background:var(--bg-surface);font-size:var(--text-xs);color:var(--fg-muted);flex-wrap:wrap}.cf-table-bulk{display:none;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--action-primary-soft);border-bottom:1px solid rgba(79,70,229,0.18);color:var(--color-brand-700);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.cf-table-bulk.is-visible{display:flex}@media (max-width:768px){.cf-table-wrap{border-radius:var(--radius-lg);overflow-x:auto}.cf-table-wrap>.cf-table:not(.cf-table--cards),.cf-table-wrapper>.cf-table:not(.cf-table--cards){min-width:600px}}
.cf-pagination{display:inline-flex;align-items:center;gap:var(--space-1)}.cf-pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding-inline:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--fg-default);font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;text-decoration:none;line-height:1;transition:background-color var(--transition-fast) var(--ease-standard),border-color var(--transition-fast) var(--ease-standard),color var(--transition-fast) var(--ease-standard)}.cf-pagination__btn:hover:not(:disabled):not(.is-active){background:var(--bg-subtle);border-color:var(--border-strong)}.cf-pagination__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.cf-pagination__btn.is-active{background:var(--action-primary);border-color:var(--action-primary);color:var(--fg-on-brand);cursor:default}.cf-pagination__btn:disabled{opacity:0.4;cursor:not-allowed}.cf-pagination__ellipsis{padding-inline:var(--space-1);color:var(--fg-subtle);font-size:var(--text-sm);user-select:none}.cf-pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cf-pagination-info{color:var(--fg-muted);font-size:var(--text-sm)}.cf-pagination-info strong{color:var(--fg-default)}
.cf-tabs{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.cf-tabs__list{display:flex;align-items:center;gap:var(--space-1);border-bottom:1px solid var(--border-default);overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scrollbar-width:none}.cf-tabs__list::-webkit-scrollbar{display:none}.cf-tabs__tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--fg-muted);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast) var(--ease-standard),border-color var(--transition-fast) var(--ease-standard);margin-bottom:-1px}.cf-tabs__tab:hover:not(:disabled){color:var(--fg-default)}.cf-tabs__tab:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.cf-tabs__tab.is-active{color:var(--action-primary);border-bottom-color:var(--action-primary)}.cf-tabs__tab:disabled{opacity:0.5;cursor:not-allowed}.cf-tabs__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding-inline:6px;border-radius:var(--radius-pill);background:var(--bg-subtle);color:var(--fg-muted);font-size:10px;font-weight:var(--weight-bold);line-height:1}.cf-tabs__tab.is-active .cf-tabs__count{background:var(--action-primary-soft);color:var(--action-primary)}.cf-tabs__panels{min-width:0}.cf-tabs__panel{display:none}.cf-tabs__panel.is-active,.cf-tabs__panel:not([hidden]){display:block}.cf-tabs__panel[hidden]{display:none !important}.cf-tabs--pills .cf-tabs__list{border-bottom:none;gap:var(--space-2)}.cf-tabs--pills .cf-tabs__tab{padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);margin-bottom:0}.cf-tabs--pills .cf-tabs__tab:hover{background:var(--bg-subtle)}.cf-tabs--pills .cf-tabs__tab.is-active{background:var(--action-primary-soft);border-color:rgba(79,70,229,0.18);color:var(--color-brand-700)}.cf-tabs--segmented .cf-tabs__list{background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:3px;gap:0;display:inline-flex}.cf-tabs--segmented .cf-tabs__tab{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-sm);color:var(--fg-muted);margin-bottom:0}.cf-tabs--segmented .cf-tabs__tab.is-active{background:var(--bg-surface);color:var(--fg-default);box-shadow:var(--shadow-1);border-color:transparent}
dialog.cf-modal{width:min(560px,calc(100vw - var(--space-8)));max-width:100%;max-height:min(85vh,900px);margin:auto;padding:0;border:none;border-radius:var(--radius-xl);background:var(--bg-surface);color:var(--fg-default);box-shadow:var(--shadow-4);overflow:hidden;display:none;flex-direction:column}dialog.cf-modal[open]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;animation:cf-modal-in var(--transition-base) var(--ease-emphasis)}dialog.cf-modal::backdrop{background:var(--bg-overlay);animation:cf-modal-fade var(--transition-base) var(--ease-standard)}@keyframes cf-modal-in{from{opacity:0;transform:translateY(8px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cf-modal-fade{from{opacity:0}to{opacity:1}}.cf-modal__panel{display:contents}.cf-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default);flex-shrink:0}.cf-modal__title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--fg-default);line-height:var(--leading-snug);min-width:0}.cf-modal__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;color:var(--fg-muted,var(--cf-text-muted,#64748B));border-radius:var(--radius-md,8px);cursor:pointer;font-size:16px;line-height:1;transition:background-color 0.15s ease,color 0.15s ease}.cf-modal__close:hover{background:var(--bg-subtle,var(--cf-bg-sidebar-hover,#F1F5F9));color:var(--fg-default,var(--cf-text-primary,#0F172A))}.cf-modal__close:focus-visible{outline:2px solid var(--border-focus,var(--cf-border-focus,#4F46E5));outline-offset:2px}.cf-modal__body{padding:var(--space-5);overflow-y:auto;flex:1;min-height:0}.cf-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-default);background:var(--bg-page);flex-shrink:0}.cf-modal__footer--between{justify-content:space-between}dialog.cf-modal--sm{width:min(420px,calc(100vw - var(--space-8)))}dialog.cf-modal--md{width:min(560px,calc(100vw - var(--space-8)))}dialog.cf-modal--lg{width:min(760px,calc(100vw - var(--space-8)))}dialog.cf-modal--xl{width:min(960px,calc(100vw - var(--space-8)))}dialog.cf-modal--confirm{width:min(420px,calc(100vw - var(--space-8)))}dialog.cf-modal--confirm .cf-modal__body{padding-block:var(--space-5)}dialog.cf-modal--confirm .cf-modal__body p{margin:0;font-size:var(--text-sm);color:var(--fg-muted);line-height:var(--leading-base)}@media (max-width:600px){dialog.cf-modal{width:100% !important;max-width:100% !important;height:auto;max-height:92vh;margin:auto 0 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;align-self:end}.cf-modal__footer{flex-wrap:wrap}dialog.cf-modal[open]{animation:cf-modal-in-sheet var(--transition-base) var(--ease-emphasis)}@keyframes cf-modal-in-sheet{from{transform:translateY(100%)}to{transform:translateY(0)}}}
.cf-drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,92vw);background:var(--bg-surface);border-left:1px solid var(--border-default);box-shadow:var(--shadow-4);display:flex;flex-direction:column;transform:translateX(100%);transition:transform var(--transition-slow) var(--ease-emphasis);z-index:var(--z-drawer);visibility:hidden;pointer-events:none}.cf-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.cf-drawer--sm{width:min(380px,92vw)}.cf-drawer--md{width:min(560px,92vw)}.cf-drawer--lg{width:min(720px,92vw)}.cf-drawer--xl{width:min(960px,96vw)}.cf-drawer-overlay{position:fixed;inset:0;background:var(--bg-overlay);opacity:0;visibility:hidden;z-index:calc(var(--z-drawer) - 1);transition:opacity var(--transition-base) var(--ease-standard)}.cf-drawer-overlay.is-open{opacity:1;visibility:visible}.cf-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default);flex-shrink:0}.cf-drawer__header>div:first-child{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.cf-drawer__title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--fg-default);line-height:var(--leading-snug)}.cf-drawer__subtitle{margin:0;font-size:var(--text-sm);color:var(--fg-muted)}.cf-drawer__body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.cf-drawer__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5) calc(var(--space-3) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-default);background:var(--bg-surface);flex-shrink:0;flex-wrap:wrap}.cf-drawer__footer--between{justify-content:space-between}.cf-drawer__section-title{margin:0;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-muted);display:flex;align-items:center;gap:var(--space-2)}.cf-drawer__section-title i{color:var(--action-primary);font-size:11px}@media (max-width:600px){.cf-drawer,.cf-drawer--sm,.cf-drawer--md,.cf-drawer--lg,.cf-drawer--xl{width:100%}}
.cf-popover-wrap{position:relative;display:inline-flex}.cf-popover{position:absolute;top:calc(100% + var(--space-1));right:0;min-width:180px;max-width:320px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-3);padding:var(--space-1);z-index:var(--z-popover);opacity:0;transform:translateY(-4px);visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast) var(--ease-standard),transform var(--transition-fast) var(--ease-standard)}.cf-popover.is-open{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}.cf-popover--left{right:auto;left:0}.cf-popover--top{top:auto;bottom:calc(100% + var(--space-1))}.cf-popover__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--fg-default);font-family:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background-color var(--transition-fast) var(--ease-standard)}.cf-popover__item:hover:not(:disabled){background:var(--bg-subtle)}.cf-popover__item:focus-visible{outline:none;background:var(--bg-subtle)}.cf-popover__item:disabled{opacity:0.5;cursor:not-allowed}.cf-popover__item i{color:var(--fg-muted);width:14px;text-align:center}.cf-popover__item--danger{color:var(--color-danger-700)}.cf-popover__item--danger:hover{background:var(--bg-danger)}.cf-popover__divider{height:1px;background:var(--border-default);margin:var(--space-1) calc(-1 * var(--space-1))}.cf-popover__label{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--fg-muted)}
[data-tooltip]{position:relative}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;z-index:var(--z-tooltip,9999);bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);width:max-content;max-width:240px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-inverse);color:var(--fg-inverse);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.35;white-space:normal;text-align:center;box-shadow:var(--shadow-2);opacity:0;pointer-events:none;transition:opacity var(--transition-fast) var(--ease-standard),transform var(--transition-fast) var(--ease-standard)}[data-tooltip]::before{content:"";position:absolute;z-index:var(--z-tooltip,9999);bottom:calc(100% + 3px);left:50%;transform:translateX(-50%) translateY(4px);border:5px solid transparent;border-top-color:var(--bg-inverse);opacity:0;pointer-events:none;transition:opacity var(--transition-fast) var(--ease-standard),transform var(--transition-fast) var(--ease-standard)}[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after,[data-tooltip]:hover::before,[data-tooltip]:focus-visible::before{opacity:1;transform:translateX(-50%) translateY(0)}[data-tooltip=""]::after,[data-tooltip=""]::before{display:none}[data-tooltip-pos="bottom"]::after{bottom:auto;top:calc(100% + 8px);transform:translateX(-50%) translateY(-4px)}[data-tooltip-pos="bottom"]::before{bottom:auto;top:calc(100% + 3px);border-top-color:transparent;border-bottom-color:var(--bg-inverse);transform:translateX(-50%) translateY(-4px)}[data-tooltip-pos="bottom"]:hover::after,[data-tooltip-pos="bottom"]:focus-visible::after,[data-tooltip-pos="bottom"]:hover::before,[data-tooltip-pos="bottom"]:focus-visible::before{transform:translateX(-50%) translateY(0)}
.cf-segmented{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px;background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-pill);max-width:100%;overflow-x:auto;scrollbar-width:none}.cf-segmented::-webkit-scrollbar{display:none}.cf-segmented__option{flex:0 0 auto}.cf-segmented__option{appearance:none;border:0;background:transparent;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--fg-muted);white-space:nowrap;cursor:pointer;transition:color var(--transition-fast) var(--ease-standard),background var(--transition-fast) var(--ease-standard),box-shadow var(--transition-fast) var(--ease-standard)}.cf-segmented__option:hover:not(.is-active){color:var(--fg-default)}.cf-segmented__option.is-active{background:var(--bg-surface);color:var(--fg-default);box-shadow:var(--shadow-1)}.cf-segmented__option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.cf-segmented__option i{font-size:var(--icon-sm)}.cf-segmented__count{font-size:var(--text-xs);font-weight:var(--weight-bold);padding:1px 6px;border-radius:var(--radius-pill);background:var(--bg-muted);color:var(--fg-muted)}.cf-segmented__option.is-active .cf-segmented__count{background:var(--action-primary-soft,rgba(79,70,229,0.12));color:var(--action-primary,#4f46e5)}.cf-segmented--block{display:flex;width:100%}.cf-segmented--block .cf-segmented__option{flex:1;justify-content:center}
.cf-filterbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);flex-wrap:wrap}.cf-filterbar__group{display:flex;align-items:center;gap:var(--space-2);flex:1 1 auto;min-width:0;flex-wrap:wrap}.cf-filterbar__group>.cf-input,.cf-filterbar__group>.cf-select,.cf-filterbar__group>.cf-input-wrap{flex:0 1 auto}.cf-filterbar-summary{color:var(--cf-text-secondary);font-size:var(--cf-type-body);font-weight:600;white-space:nowrap}.cf-filterbar__search{flex:1 1 220px;max-width:300px}.cf-filterbar__group>.cf-select{max-width:220px}.cf-filterbar__divider{width:1px;align-self:stretch;background:var(--border-default)}.cf-filterbar__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.cf-filterbar-chips{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}.cf-filterbar-chips:empty{display:none}@media (max-width:600px){.cf-filterbar{flex-direction:column;align-items:stretch}.cf-filterbar__group>*{flex:1 1 100%;max-width:none !important}.cf-filterbar__actions{justify-content:flex-end}}
.cf-upload{display:block;cursor:pointer}.cf-upload__zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8) var(--space-5);border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-subtle);text-align:center;transition:border-color var(--transition-fast) var(--ease-standard),background-color var(--transition-fast) var(--ease-standard)}.cf-upload:hover .cf-upload__zone{border-color:var(--action-primary);background:var(--action-primary-soft)}.cf-upload.is-drag-over .cf-upload__zone{border-color:var(--action-primary);background:var(--action-primary-soft)}.cf-upload__icon{font-size:24px;color:var(--fg-muted);margin-bottom:var(--space-1)}.cf-upload__title{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--fg-default)}.cf-upload__hint{margin:0;font-size:var(--text-xs);color:var(--fg-muted)}.cf-upload__list{list-style:none;padding:0;margin:var(--space-3) 0 0;display:flex;flex-direction:column;gap:var(--space-1)}.cf-upload__file{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md)}.cf-upload__file>i:first-child{font-size:18px;color:var(--fg-muted);flex-shrink:0}.cf-upload__file-name{flex:1;min-width:0;font-size:var(--text-sm);color:var(--fg-default);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-upload__file-size{font-size:var(--text-xs);color:var(--fg-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.cf-upload__file--error{border-color:var(--bd-danger);background:var(--bg-danger)}.cf-upload__file--error .cf-upload__file-name{color:var(--color-danger-700)}
.cf-progress{width:100%;height:6px;background:var(--bg-muted);border-radius:var(--radius-pill);overflow:hidden}.cf-progress--lg{height:10px}.cf-progress--sm{height:4px}.cf-progress__bar{height:100%;background:var(--action-primary);border-radius:inherit;transition:width var(--transition-slow) var(--ease-standard)}.cf-progress__bar--success{background:var(--color-success-500)}.cf-progress__bar--warning{background:var(--color-warning-500)}.cf-progress__bar--danger{background:var(--color-danger-500)}.cf-progress--indeterminate .cf-progress__bar{width:40% !important;animation:cf-progress-indet 1.4s ease-in-out infinite}@keyframes cf-progress-indet{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}.cf-skeleton{display:inline-block;background:linear-gradient(90deg,var(--bg-muted) 0%,var(--bg-subtle) 50%,var(--bg-muted) 100%);background-size:200% 100%;animation:cf-skeleton-shine 1.6s ease-in-out infinite;border-radius:var(--radius-sm);min-height:12px;vertical-align:middle}.cf-skeleton--text{height:12px;border-radius:var(--radius-xs)}.cf-skeleton--title{height:22px;border-radius:var(--radius-xs)}.cf-skeleton--circle{border-radius:50%}.cf-skeleton--block{display:block}@keyframes cf-skeleton-shine{0%{background-position:200% 0}100%{background-position:-200% 0}}.cf-spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--action-primary);border-radius:50%;animation:cf-spinner-rot 0.7s linear infinite;vertical-align:middle}.cf-spinner--sm{width:14px;height:14px;border-width:1.5px}.cf-spinner--lg{width:28px;height:28px;border-width:3px}@keyframes cf-spinner-rot{to{transform:rotate(360deg)}}
#toast-container{font-family:var(--font-sans);z-index:var(--z-toast)}#toast-container>div.toast{background:var(--bg-surface) !important;color:var(--fg-default) !important;border:1px solid var(--border-default);border-left-width:4px;border-radius:var(--radius-md);box-shadow:var(--shadow-3);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);opacity:1;background-image:none;font-size:var(--text-sm);line-height:var(--leading-base)}#toast-container>div.toast::before{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);font-family:'Font Awesome 6 Free';font-weight:900;font-size:16px}#toast-container>div.toast-success{border-left-color:var(--color-success-500)}#toast-container>div.toast-success::before{content:'\f058';color:var(--color-success-500)}#toast-container>div.toast-info{border-left-color:var(--color-info-500)}#toast-container>div.toast-info::before{content:'\f05a';color:var(--color-info-500)}#toast-container>div.toast-warning{border-left-color:var(--color-warning-500)}#toast-container>div.toast-warning::before{content:'\f071';color:var(--color-warning-500)}#toast-container>div.toast-error{border-left-color:var(--color-danger-500)}#toast-container>div.toast-error::before{content:'\f06a';color:var(--color-danger-500)}#toast-container>div.toast .toast-title{font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}#toast-container>div.toast .toast-message{color:inherit}#toast-container>div.toast .toast-close-button{color:var(--fg-muted);text-shadow:none;opacity:0.7;transition:opacity var(--transition-fast)}#toast-container>div.toast .toast-close-button:hover{opacity:1}#toast-container>div.toast .toast-progress{background:var(--color-brand-500);opacity:0.25;height:3px;border-radius:0 0 var(--radius-md) var(--radius-md)}@media (max-width:480px){#toast-container>div.toast{width:calc(100vw - 24px) !important;margin-left:12px}}#toast-container{position:fixed;top:calc(var(--cf-topbar-height,64px) + 12px);right:16px;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}#toast-container>div.toast{position:relative;overflow:hidden;pointer-events:auto;cursor:pointer;animation:cf-toast-in 0.22s ease-out}#toast-container>div.toast.toast-leaving{opacity:0;transform:translateX(12px);transition:opacity 0.2s ease,transform 0.2s ease}#toast-container>div.toast .toast-title{font-weight:700;margin-bottom:2px}#toast-container>div.toast .toast-progress{position:absolute;left:0;bottom:0;height:3px;width:100%}@keyframes cf-toast-in{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}#toast-container>div.toast .toast-close-button{position:absolute;top:6px;right:10px;background:none;border:none;font-size:16px;line-height:1;cursor:pointer;padding:2px}
.cf-text-brand{color:var(--action-primary) !important}.cf-text-success{color:var(--color-success-700) !important}.cf-text-warning{color:var(--color-warning-700) !important}.cf-text-danger{color:var(--color-danger-700) !important}.cf-text-info{color:var(--color-info-700) !important}.cf-text-inverse{color:var(--fg-inverse) !important}.cf-text-left{text-align:left !important}.cf-text-center{text-align:center !important}.cf-text-right{text-align:right !important}.cf-fw-regular{font-weight:var(--weight-regular) !important}.cf-fw-medium{font-weight:var(--weight-medium) !important}.cf-fw-semibold{font-weight:var(--weight-semibold) !important}.cf-fw-bold{font-weight:var(--weight-bold) !important}.cf-fw-extrabold{font-weight:var(--weight-extrabold) !important}.cf-text-xs{font-size:var(--text-xs) !important}.cf-text-sm{font-size:var(--text-sm) !important}.cf-text-base{font-size:var(--text-base) !important}.cf-text-lg{font-size:var(--text-lg) !important}.cf-text-xl{font-size:var(--text-xl) !important}.cf-m-0{margin:0 !important}.cf-mt-0{margin-top:0 !important}.cf-mt-1{margin-top:var(--space-1) !important}.cf-mt-2{margin-top:var(--space-2) !important}.cf-mt-3{margin-top:var(--space-3) !important}.cf-mt-4{margin-top:var(--space-4) !important}.cf-mt-5{margin-top:var(--space-5) !important}.cf-mt-6{margin-top:var(--space-6) !important}.cf-mb-0{margin-bottom:0 !important}.cf-mb-1{margin-bottom:var(--space-1) !important}.cf-mb-2{margin-bottom:var(--space-2) !important}.cf-mb-3{margin-bottom:var(--space-3) !important}.cf-mb-4{margin-bottom:var(--space-4) !important}.cf-mb-5{margin-bottom:var(--space-5) !important}.cf-mb-6{margin-bottom:var(--space-6) !important}.cf-p-0{padding:0 !important}.cf-p-3{padding:var(--space-3) !important}.cf-p-4{padding:var(--space-4) !important}.cf-p-5{padding:var(--space-5) !important}.cf-d-none{display:none !important}.cf-d-block{display:block !important}.cf-d-flex{display:flex !important}.cf-d-grid{display:grid !important}.cf-items-center{align-items:center !important}.cf-items-start{align-items:flex-start !important}.cf-items-end{align-items:flex-end !important}.cf-justify-between{justify-content:space-between !important}.cf-justify-end{justify-content:flex-end !important}.cf-justify-center{justify-content:center !important}.cf-flex-1{flex:1 !important;min-width:0}.cf-w-full{width:100% !important}.cf-w-auto{width:auto !important}.cf-mw-0{min-width:0 !important}@media (max-width:768px){.cf-hide-mobile{display:none !important}}@media (min-width:769px){.cf-show-mobile{display:none !important}}.cf-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}