*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f3f4f6;color:#111827}body.app-body{display:flex;min-height:100vh}.app-shell{display:flex;flex:1;min-height:100vh;width:100%}.app-sidebar{width:260px;min-width:260px;background:linear-gradient(180deg,#0b3b9c,#05235b);color:#fff;padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:1.5rem;transition:transform .3s ease;z-index:100}.app-sidebar__logo{font-weight:700;font-size:1.25rem;letter-spacing:.05em}.app-sidebar__nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.app-sidebar__footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.app-sidebar__nav-button{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:.75rem;border:none;outline:none;background:transparent;color:#f9fafbcc;cursor:pointer;font-size:.9rem;text-align:left;text-decoration:none;transition:background-color .15s ease,color .15s ease,transform .05s ease}.app-sidebar__nav-button--active{background-color:#f9fafb29;color:#fff}.app-sidebar__nav-button:hover{background-color:#f9fafb1f}.app-content{flex:1;display:flex;flex-direction:column;min-width:0;width:100%}.app-header{padding:1rem 1.5rem;border-bottom:none;background:#0b3b9c;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.app-header__title{font-size:1.1rem;font-weight:600;color:#f9fafb}.app-header__actions{display:flex;align-items:center;gap:1.25rem;margin-left:auto}.app-header__action-link,.app-header__action-button{color:#f9fafbcc;font-size:.9rem;text-decoration:none;background:none;border:none;cursor:pointer;padding:.4rem .75rem;border-radius:.5rem;transition:all .2s ease;font-weight:500}.app-header__action-link:hover,.app-header__action-button:hover{background-color:#ffffff1a;color:#fff}.app-header__hamburger{display:none;background:none;border:none;color:#f9fafb;font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1}.app-main{padding:1.5rem;flex:1;width:100%}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%}.table-container{background-color:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0f172a14;overflow:hidden;width:100%}.table-header{padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(90deg,#f9fafb,#fff);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.table-title{font-size:1rem;font-weight:600}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.15rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600}.badge--status{background-color:#eef2ff;color:#4338ca}.badge--severity-critical{background-color:#fee2e2;color:#b91c1c}.badge--severity-high{background-color:#ffedd5;color:#c2410c}.badge--severity-medium{background-color:#fef9c3;color:#854d0e}.badge--severity-low{background-color:#dcfce7;color:#166534}.button-primary{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:.75rem;border:none;background-image:linear-gradient(to right,#1d4ed8,#1e40af);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;box-shadow:0 12px 16px -8px #2563eb8c;transition:transform .05s ease,box-shadow .1s ease,filter .1s ease}.button-primary:hover{filter:brightness(1.03);box-shadow:0 16px 25px -12px #2563eb99}.button-primary:active{transform:translateY(1px);box-shadow:0 10px 15px -8px #2563eb99}.muted-text{color:#6b7280;font-size:.9rem}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;font-size:.7rem;background-color:#f3f4f6;color:#4b5563}.app-sidebar__section-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin-bottom:.4rem}.app-sidebar__quick{margin-top:auto}.app-sidebar__quick-card{background:linear-gradient(180deg,#1d4ed8,#1e40af);border-radius:.9rem;padding:.9rem .8rem;box-shadow:0 12px 18px -10px #0f172ab3;font-size:.8rem}.app-sidebar__quick-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.app-sidebar__quick-row span:first-child{opacity:.9}.app-sidebar__quick-row span:last-child{font-weight:600}.app-sidebar-backdrop{display:none}@media (max-width: 768px){.app-header__hamburger{display:block}.app-sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%)}.app-sidebar--open{transform:translate(0)}.app-sidebar-backdrop{position:fixed;inset:0;background:#00000073;z-index:99}.app-sidebar-backdrop--visible{display:block}.app-main{padding:1rem}.app-header{padding:.75rem 1rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.table-header{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.card-grid{grid-template-columns:1fr}.app-main{padding:.75rem}}