@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--font:'Inter' , sans-serif;--brand-primary:#0abfb8;--brand-secondary:#089a94;--brand-accent:#f99624;--brand-gradient:linear-gradient(135deg,#0abfb8 0%,#089a94 100%);--bg-page:#f0fafa;--bg-card:#fff;--bg-sidebar:#fff;--bg-topbar:#fff;--bg-input:#f8fafc;--bg-hover:#e0faf9;--bg-badge:#e0faf9;--text-primary:#1a2e44;--text-secondary:#5a7184;--text-muted:#829ab1;--text-sidebar:#5a7184;--text-sidebar-active:#0abfb8;--text-white:#fff;--text-brand:#0abfb8;--border-color:#d6eff0;--border-input:#d6eff0;--shadow-card:0 1px 3px rgba(0,0,0,.04) , 0 1px 2px rgba(0,0,0,.02);--shadow-card-hover:0 10px 30px rgba(10,191,184,.12);--shadow-sidebar:2px 0 20px rgba(0,0,0,.05);--sidebar-width:250px;--topbar-height:60px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition:all .2s ease}[data-theme="dark"]{--brand-primary:#0abfb8;--brand-secondary:#089a94;--brand-accent:#f99624;--brand-gradient:linear-gradient(135deg,#0abfb8 0%,#089a94 100%);--bg-page:linear-gradient(135deg,#0d2033 0%,#0d1f2d 100%);--bg-card:rgba(30,41,59,.7);--bg-sidebar:#0d1f2d;--bg-topbar:#0d1f2d;--bg-input:rgba(15,23,42,.8);--bg-hover:#1e293b;--bg-badge:#1e293b;--text-primary:#f5e6e1;--text-secondary:#a8948f;--text-muted:#806b66;--text-sidebar:#a8948f;--text-sidebar-active:#0abfb8;--border-color:#1e293b;--border-input:#334155;--shadow-card:0 1px 3px rgba(0,0,0,.4) , 0 1px 2px rgba(0,0,0,.2);--shadow-card-hover:0 10px 30px rgba(10,191,184,.15)}html[data-home-template="3"] body[data-theme="dark"],html[data-home-template="3"][data-theme="dark"]{--brand-primary:#f97316;--brand-secondary:#e8294a;--brand-accent:#f5a800;--brand-gradient:linear-gradient(135deg,#e8294a 0%,#ff6b2b 50%,#f5a800 100%);--bg-page:#0d0806;--bg-card:rgba(255,255,255,.04);--bg-sidebar:#0d0806;--bg-topbar:#0d0806;--bg-input:rgba(0,0,0,.2);--bg-hover:rgba(255,255,255,.07);--bg-badge:rgba(255,255,255,.07);--text-primary:#f0f1f6;--text-secondary:#7c8499;--text-muted:#7c8499;--text-sidebar:#7c8499;--text-sidebar-active:#ff6b2b;--border-color:rgba(255,255,255,.08);--border-input:rgba(255,255,255,.14);--shadow-card:0 4px 20px rgba(0,0,0,.2);--shadow-card-hover:0 10px 30px rgba(255,107,43,.15)}html[data-home-template="3"] body[data-theme="dark"]::before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 70% 50% at 10% 20%,rgba(232,41,74,.14) 0%,transparent 60%) , radial-gradient(ellipse 55% 40% at 90% 10%,rgba(255,107,43,.12) 0%,transparent 55%) , radial-gradient(ellipse 60% 50% at 50% 95%,rgba(245,158,11,.09) 0%,transparent 60%) , radial-gradient(ellipse 45% 35% at 80% 55%,rgba(232,41,74,.08) 0%,transparent 50%);pointer-events:none}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family: var(--font);background-color:var(--bg-page);color:var(--text-primary);font-size:13px;line-height:1.6;zoom:.9;transition:background-color .3s ease , color .3s ease}a{text-decoration:none;color:var(--brand-primary)}a:hover{text-decoration:underline}img{max-width:100%}.vf-layout{display:flex;min-height:100vh}.vf-sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);box-shadow:var(--shadow-sidebar);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform .3s ease;overflow-y:auto;overflow-x:hidden}.vf-sidebar::-webkit-scrollbar{width:4px}.vf-sidebar::-webkit-scrollbar-track{background:transparent}.vf-sidebar::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}.vf-sidebar-brand{display:flex;align-items:center;gap:12px;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none}.vf-sidebar-brand img{height:38px;width:auto}.vf-sidebar-brand-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.vf-sidebar-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#475569;padding:16px 20px 6px}.vf-sidebar-nav{list-style:none;padding:8px 0;flex:1}.vf-sidebar-nav li a{display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--text-sidebar);font-size:13.5px;font-weight:500;border-radius:0;transition:var(--transition);position:relative;text-decoration:none}.vf-sidebar-nav li a:hover,.vf-sidebar-nav li a.active{color:var(--text-sidebar-active);background:rgba(255,255,255,.07)}.vf-sidebar-nav li a.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:28px;background:var(--brand-primary);border-radius:0 2px 2px 0}.vf-sidebar-nav li a i{width:18px;text-align:center;font-size:14px;opacity:.8}.vf-nav-badge{margin-left:auto;background:var(--brand-primary);color:#fff;font-size:10px;font-weight:600;padding:2px 7px;border-radius:10px;min-width:20px;text-align:center}.vf-nav-badge.success{background:var(--brand-secondary)}.vf-nav-badge.warning{background:#f59e0b}.vf-nav-badge.danger{background:#ef4444}.vf-nav-badge.hot{background:#ef4444}.vf-sub-menu{list-style:none;display:none;background:var(--bg-hover)}.vf-sub-menu.open{display:block}.vf-sub-menu li a{padding:8px 20px 8px 48px;font-size:13px;color:var(--text-secondary)}.vf-sub-menu li a:hover{color:var(--text-primary);background:transparent}.vf-has-sub>a .vf-arrow{margin-left:auto;transition:transform .2s;font-style:normal}.vf-has-sub.open>a .vf-arrow{transform:rotate(90deg)}.vf-main{margin-left:var(--sidebar-width);flex:1;display:flex;flex-direction:column;min-height:100vh}.vf-topbar{background:var(--bg-topbar);border-bottom:1px solid var(--border-color);height:var(--topbar-height);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:90;gap:12px;transition:background .3s ease , border-color .3s ease}.vf-topbar-toggle{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:18px;padding:6px;border-radius:var(--radius-sm);transition:var(--transition)}.vf-topbar-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.vf-topbar-spacer{flex:1}.vf-topbar-actions{display:flex;align-items:center;gap:8px}.vf-theme-toggle{display:flex;align-items:center;gap:8px;background:var(--bg-page);border:1px solid var(--border-color);border-radius:20px;padding:4px 10px 4px 6px;cursor:pointer;transition:var(--transition);font-size:13px;color:var(--text-secondary);font-family: var(--font)}.vf-theme-toggle:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.vf-toggle-knob{width:32px;height:18px;background:#cbd5e1;border-radius:9px;position:relative;transition:background .3s}.vf-toggle-knob::after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .3s;box-shadow:0 1px 3px rgba(0,0,0,.2)}[data-theme="dark"] .vf-toggle-knob{background:var(--brand-primary)}[data-theme="dark"] .vf-toggle-knob::after{transform:translateX(14px)}.vf-notif-btn{position:relative;background:none;border:none;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;transition:var(--transition)}.vf-notif-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.vf-notif-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.vf-user-menu{position:relative}.vf-user-btn{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:var(--radius-md);transition:var(--transition)}.vf-user-btn:hover{background:var(--bg-hover)}.vf-user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.vf-user-name{font-size:13px;font-weight:600;color:var(--text-primary)}.vf-user-dropdown{position:absolute;right:0;top: calc(100% + 8px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 30px rgba(0,0,0,.15);min-width:180px;padding:8px;display:none;z-index:200}.vf-user-dropdown.open{display:block}.vf-user-dropdown a{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;text-decoration:none;transition:var(--transition)}.vf-user-dropdown a:hover{background:var(--bg-hover);color:var(--text-primary)}.vf-user-dropdown a.danger{color:#ef4444}.vf-user-dropdown a.danger:hover{background:#fef2f2;color:#dc2626}.vf-dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.vf-notif-dropdown{position:absolute;right:0;top: calc(100% + 8px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 30px rgba(0,0,0,.15);width:340px;display:none;z-index:200}.vf-notif-dropdown.open{display:block}.vf-notif-header{padding:14px 16px;border-bottom:1px solid var(--border-color);font-weight:600;font-size:14px;color:var(--text-primary)}.vf-notif-list{max-height:300px;overflow-y:auto}.vf-notif-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color);transition:var(--transition)}.vf-notif-item:last-child{border-bottom:none}.vf-notif-item:hover{background:var(--bg-hover)}.vf-notif-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px}.vf-notif-icon.primary{background:#dbeafe;color:var(--brand-primary)}.vf-notif-icon.success{background:#d1fae5;color:var(--brand-secondary)}.vf-notif-icon.danger{background:#fee2e2;color:#ef4444}.vf-notif-icon.info{background:#e0f2fe;color:#0284c7}.vf-notif-text{font-size:13px;color:var(--text-secondary);line-height:1.4}.vf-notif-time{font-size:11px;color:var(--text-muted);margin-top:2px}.vf-page{flex:1;padding:24px}.vf-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.vf-page-title{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.vf-breadcrumb{display:flex;align-items:center;gap:6px;list-style:none;font-size:12.5px;color:var(--text-muted)}.vf-breadcrumb li::after{content:'›';margin-left:6px}.vf-breadcrumb li:last-child::after{display:none}.vf-breadcrumb a{color:var(--text-muted);text-decoration:none}.vf-breadcrumb a:hover{color:var(--brand-primary)}.vf-breadcrumb li:last-child{color:var(--text-primary);font-weight:500}.vf-global-notice{background:linear-gradient(90deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;color:#92400e;padding:10px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;margin-bottom:20px;display:flex;align-items:center;gap:8px}.vf-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition) , background .3s ease , border-color .3s ease;overflow:hidden}.vf-card:hover{box-shadow:var(--shadow-card-hover)}.vf-card-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--text-primary)}.vf-card-body{padding:20px}.vf-card-footer{padding:14px 20px;border-top:1px solid var(--border-color);font-size:13px;color:var(--text-muted)}.vf-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.vf-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:10px 14px;display:flex;align-items:flex-start;gap:16px;box-shadow:var(--shadow-card);transition:var(--transition)}.vf-stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.vf-stat-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.vf-stat-icon.blue{background:#dbeafe;color:var(--brand-primary)}.vf-stat-icon.green{background:#d1fae5;color:var(--brand-secondary)}.vf-stat-icon.purple{background:#ede9fe;color:var(--brand-accent)}.vf-stat-icon.amber{background:#fef3c7;color:#d97706}.vf-stat-icon.rose{background:#ffe4e6;color:#e11d48}.vf-stat-icon.teal{background:#ccfbf1;color:#0d9488}.vf-stat-info{}.vf-stat-label{font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.vf-stat-value{font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.1;margin:2px 0 0}.vf-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-md);font-family: var(--font);font-size:13.5px;font-weight:600;border:none;cursor:pointer;transition:var(--transition);line-height:1;text-decoration:none}.vf-btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.3)}.vf-btn-primary:hover{background:#1d4ed8;box-shadow:0 6px 16px rgba(37,99,235,.4);transform:translateY(-1px);color:#fff;text-decoration:none}.vf-btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color)}.vf-btn-secondary:hover{background:var(--border-color);text-decoration:none}.vf-btn-success{background:var(--brand-secondary);color:#fff;box-shadow:0 4px 12px rgba(16,185,129,.3)}.vf-btn-success:hover{background:#059669;box-shadow:0 6px 16px rgba(16,185,129,.4);transform:translateY(-1px);color:#fff;text-decoration:none}.vf-btn-danger{background:#ef4444;color:#fff;box-shadow:0 4px 12px rgba(239,68,68,.3)}.vf-btn-danger:hover{background:#dc2626;transform:translateY(-1px);color:#fff;text-decoration:none}.vf-btn-sm{padding:6px 12px;font-size:12px;border-radius:var(--radius-sm)}.vf-btn-lg{padding:14px 28px;font-size:15px}.vf-btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-sm);justify-content:center}.vf-table-wrapper{overflow-x:auto}.vf-table{width:100%;border-collapse:collapse;font-size:13.5px}.vf-table thead th{background:var(--bg-page);color:var(--text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.8px;padding:10px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.vf-table tbody tr{border-bottom:1px solid var(--border-color);transition:var(--transition)}.vf-table tbody tr:last-child{border-bottom:none}.vf-table tbody tr:hover{background:var(--bg-hover)}.vf-table tbody td{padding:12px 16px;color:var(--text-primary);vertical-align:middle}.vf-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px}.vf-badge-primary{background:#dbeafe;color:#1d4ed8}.vf-badge-success{background:#d1fae5;color:#065f46}.vf-badge-warning{background:#fef3c7;color:#92400e}.vf-badge-danger{background:#fee2e2;color:#991b1b}.vf-badge-info{background:#e0f2fe;color:#075985}.vf-badge-gray{background:var(--bg-hover);color:var(--text-muted)}.vf-form-group{margin-bottom:16px}.vf-label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.vf-input,.vf-select,.vf-textarea{width:100%;padding:9px 12px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);font-family: var(--font);font-size:13.5px;color:var(--text-primary);transition:var(--transition);outline:none}.vf-input:focus,.vf-select:focus,.vf-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1);background:var(--bg-card)}.vf-textarea{resize:vertical;min-height:100px}.vf-form-help{font-size:12px;color:var(--text-muted);margin-top:4px}.vf-alert{padding:12px 16px;border-radius:var(--radius-md);font-size:13.5px;font-weight:500;display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.vf-alert-success{background:#d1fae5;color:#065f46;border-left:4px solid #10b981}.vf-alert-danger{background:#fee2e2;color:#991b1b;border-left:4px solid #ef4444}.vf-alert-warning{background:#fef3c7;color:#92400e;border-left:4px solid #f59e0b}.vf-alert-info{background:#e0f2fe;color:#075985;border-left:4px solid #0284c7}.vf-footer{background:var(--bg-topbar);border-top:1px solid var(--border-color);padding:16px 24px;font-size:12.5px;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between}.vf-footer a{color:var(--text-muted);text-decoration:none}.vf-footer a:hover{color:var(--brand-primary)}.vf-grid{display:grid;gap:20px}.vf-grid-2{grid-template-columns:repeat(2,1fr)}.vf-grid-3{grid-template-columns:repeat(3,1fr)}.vf-grid-4{grid-template-columns:repeat(4,1fr)}.vf-flex{display:flex;gap:16px;align-items:center}.vf-flex-between{display:flex;align-items:center;justify-content:space-between}@media (max-width:992px){.vf-sidebar{transform:translateX(-100%)}.vf-sidebar.open{transform:translateX(0)}.vf-main{margin-left:0}.vf-grid-3,.vf-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.vf-grid-2,.vf-grid-3,.vf-grid-4{grid-template-columns:1fr}.vf-page{padding:16px}.vf-stat-grid{grid-template-columns:repeat(2,1fr)}}.vf-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:99}.vf-overlay.open{display:block}.vf-main::-webkit-scrollbar{width:6px}.vf-main::-webkit-scrollbar-track{background:transparent}.vf-main::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.vf-progress{height:8px;background:var(--bg-hover);border-radius:4px;overflow:hidden}.vf-progress-bar{height:100%;background:var(--brand-gradient);border-radius:4px;transition:width .5s ease}.vf-level-badge{display:inline-flex;align-items:center;gap:6px;background:var(--brand-gradient);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}