@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");:root{--bg-primary:#F3F2F4;--bg-secondary:#FFFFFF;--text-primary:#000000;--text-secondary:#666666;--text-muted:#999999;--border-color:#E5E7EB;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--primary-color:#007CA6;--sidebar-width:240px;--header-height:60px}.cqc-dashboard{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);width:100vw;height:100vh;position:fixed;top:0;left:0;margin:0;padding:0;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashboard-header{background:var(--bg-secondary);height:var(--header-height);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:0 2rem;position:fixed;top:0;left:0;right:0;z-index:100;box-shadow:var(--shadow-sm)}.dashboard-header,.header-left{display:flex;align-items:center}.header-left{gap:2rem}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);text-decoration:none}.header-title{font-size:1rem;font-weight:500;color:var(--text-secondary)}.header-right{display:flex;align-items:center;gap:1.5rem}.dashboard-sidebar{background:var(--bg-secondary);width:var(--sidebar-width);height:calc(100vh - var(--header-height));position:fixed;top:var(--header-height);left:0;border-right:1px solid var(--border-color);padding:1.5rem 0;overflow-y:auto;transition:transform .3s ease}.sidebar-collapsed{transform:translateX(-100%)}.nav-section{margin-bottom:2rem}.nav-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);padding:0 1.5rem;margin-bottom:.5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:400;transition:all .2s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--bg-primary);color:var(--text-primary)}.nav-item.active{background:var(--text-primary);color:white;font-weight:500}.nav-item i{width:20px;text-align:center;font-size:1rem}.dashboard-content{margin-left:var(--sidebar-width);margin-top:var(--header-height);height:calc(100vh - var(--header-height));overflow-y:auto;background:var(--bg-primary);transition:margin-left .3s ease}.content-collapsed{margin-left:0}.content-wrapper{padding:2rem;max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem}.page-title{font-size:1.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.page-description{font-size:1rem;color:var(--text-secondary)}.dashboard-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm);transition:all .2s ease;border:1px solid var(--border-color)}.dashboard-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.card-subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.dashboard-grid{display:grid;gap:1.5rem;margin-bottom:2rem}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-draft{background:#F3F4F6;color:#6B7280}.status-submitted{background:#DBEAFE;color:#1D4ED8}.status-approved{background:#D1FAE5;color:#059669}.status-rejected{background:#FEE2E2;color:#DC2626}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-family:Poppins,sans-serif}.btn-primary{background:var(--primary-color);color:white}.btn-primary:hover{background:#006590;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:white;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:#9CA3AF;color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;cursor:pointer;transition:background .2s ease}.user-menu-trigger:hover{background:var(--bg-primary)}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:white;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}@media (max-width:1024px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}.dashboard-sidebar{transform:translateX(-100%)}.dashboard-content{margin-left:0}}@media (max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.dashboard-header{padding:0 1rem}.content-wrapper{padding:1rem}}