@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--color-primary:#1a2b4a;--color-accent:#c9a84c;--color-bg:#0f1d2e;--color-surface:#162236;--color-border:#243a63;--color-text:#f0f4f8;--color-text-muted:#8ba3c0;--color-success:#2ecc71;--color-error:#e74c3c;--color-warning:#f39c12}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.glass-card{background:rgba(22,34,54,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.05);border-radius:16px;padding:24px}.btn-primary{background-color:var(--color-accent);color:var(--color-bg);padding:12px 24px;border-radius:8px;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border);padding:12px 24px;border-radius:8px;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background-color:var(--color-border)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-pass{background-color:rgba(46,204,113,.15);color:var(--color-success);border:1px solid rgba(46,204,113,.3)}.badge-fail{background-color:rgba(231,76,60,.15);color:var(--color-error);border:1px solid rgba(231,76,60,.3)}.badge-na{background-color:rgba(139,163,192,.15);color:var(--color-text-muted);border:1px solid rgba(139,163,192,.3)}.badge-pending{background-color:rgba(243,156,18,.15);color:var(--color-warning);border:1px solid rgba(243,156,18,.3)}.grid-container{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-container{display:flex;flex-direction:column}.mobile-header{display:flex!important}.sidebar-aside{position:fixed!important;top:0;left:0;width:280px;height:100vh;z-index:100!important;box-shadow:4px 0 10px rgba(0,0,0,.3)}.mobile-close-btn{display:block!important}}.table-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:var(--color-text-muted);font-weight:500;font-size:.875rem}td,th{padding:16px;border-bottom:1px solid var(--color-border)}td{color:var(--color-text)}tr:last-child td{border-bottom:none}tr:hover td{background-color:hsla(0,0%,100%,.02)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}