:root{--vt-primary:#0B2D5C;--vt-secondary:#145DA0;--vt-accent:#00A6D6;--vt-success:#16A34A;--vt-warning:#F59E0B;--vt-danger:#DC2626;--vt-bg:#F4F7FB;--vt-card:#fff;--vt-text:#1F2937;--vt-muted:#6B7280}*{box-sizing:border-box}body{background:var(--vt-bg);color:var(--vt-text);font-family:"Segoe UI",Arial,sans-serif}.app-wrapper{display:flex;min-height:100vh}.app-sidebar{width:270px;background:linear-gradient(180deg,#0B2D5C 0%,#061A36 100%);color:#fff;position:fixed;top:0;bottom:0;left:0;padding:18px;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.15)}.brand-logo{width:42px;height:42px;border-radius:12px;background:var(--vt-accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px}.sidebar-brand span{display:block;font-size:12px;color:#BFD7F2}.sidebar-menu{margin-top:20px;display:flex;flex-direction:column;gap:6px}.sidebar-menu a{color:#DDEBFA;text-decoration:none;padding:11px 12px;border-radius:10px;font-size:14px;display:flex;gap:10px;align-items:center}.sidebar-menu a:hover,.sidebar-menu a.active{background:rgba(255,255,255,.12);color:#fff}.app-main{margin-left:270px;width:calc(100% - 270px);padding:24px}.app-topbar{background:#fff;border-radius:18px;padding:18px 22px;box-shadow:0 8px 24px rgba(15,23,42,.06);margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.page-title{margin:0;font-weight:700}.page-subtitle{margin:4px 0 0;color:var(--vt-muted);font-size:14px}.topbar-user{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:#E0F2FE;color:#0369A1;display:flex;align-items:center;justify-content:center}.vt-card,.kpi-card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.06);border:1px solid rgba(15,23,42,.05)}.kpi-card{min-height:112px}.kpi-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#E0F2FE;color:#0369A1;font-size:22px}.kpi-label{color:var(--vt-muted);font-size:13px}.kpi-value{font-size:30px;font-weight:800;margin-top:6px}.status-pill{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600;display:inline-block}.status-completed,.status-approved{background:#DCFCE7;color:#166534}.status-progress,.status-in_progress,.status-submitted,.status-under_review{background:#DBEAFE;color:#1D4ED8}.status-pending,.status-not_started,.status-uploaded{background:#F3F4F6;color:#374151}.status-rejected{background:#FEE2E2;color:#991B1B}.wizard-steps{display:flex;gap:10px;overflow-x:auto;margin-bottom:20px}.wizard-step{min-width:165px;background:#fff;border-radius:14px;padding:14px;border:1px solid #E5E7EB}.wizard-step.active{border-color:var(--vt-secondary);box-shadow:0 0 0 3px rgba(20,93,160,.12)}.form-section-title{font-weight:700;margin-bottom:16px;color:var(--vt-primary)}.login-page{min-height:100vh;display:flex;background:linear-gradient(135deg,#0B2D5C,#00A6D6)}.login-hero{flex:1;color:#fff;padding:8vw;display:flex;flex-direction:column;justify-content:center}.login-panel{width:480px;background:#fff;display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:380px}.btn-primary{background:var(--vt-secondary);border-color:var(--vt-secondary)}.app-footer{margin-left:270px;padding:14px 24px;color:var(--vt-muted);font-size:13px}.table thead th{font-size:13px;color:#4B5563}.document-card{border:1px solid #E5E7EB;border-radius:14px;padding:16px;background:#fff}@media(max-width:900px){.app-sidebar{position:relative;width:100%}.app-wrapper{flex-direction:column}.app-main,.app-footer{margin-left:0;width:100%}.login-page{display:block}.login-panel{width:100%;min-height:50vh}.login-hero{padding:40px 24px}}.login-hero-bg {background:linear-gradient(rgba(11, 45, 92, 0.82),rgba(6, 26, 54, 0.88)),url('/assets/images/login-bg.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;}