:root{--navy:#13243a;--navy-soft:#203852;--red:#e23a3a;--red-dark:#b92727;--cream:#f7f4ee;--white:#fff;--ink:#17202b;--muted:#657180;--line:#dfe4e8;--shadow:0 14px 38px rgba(19,36,58,.09)}*{box-sizing:border-box}html{font-size:18px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit}button,input{font:inherit}:focus-visible{outline:4px solid #1f74d1;outline-offset:3px}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;padding:.75rem 1rem}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:1.6rem 1.1rem;background:var(--navy);color:#fff;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:.8rem;align-items:center;padding:.35rem .45rem 1.7rem;text-decoration:none}.brand-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--red);font-weight:900;letter-spacing:-.08em}.brand strong,.brand small{display:block}.brand strong{font-size:1.12rem}.brand small{color:#b9c6d3}.sidebar-nav{display:grid;gap:.35rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.72rem .8rem;border-radius:.55rem;text-decoration:none;color:#d8e1e9;font-weight:650}.nav-link span{width:1.2rem;text-align:center}.nav-link:hover,.nav-link.is-active{background:var(--navy-soft);color:#fff}.sidebar-footer{margin-top:auto;padding:1rem .5rem 0;display:flex;gap:.55rem;align-items:center;color:#b9c6d3;font-size:.78rem}.status-dot{width:.55rem;height:.55rem;border-radius:50%;background:#4cd39d}.main-column{min-width:0}.topbar{min-height:74px;padding:.8rem 2.2rem;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.topbar-title{font-weight:700;color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:.75rem}.avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:.86rem;font-weight:800}.environment-badge{padding:.35rem .6rem;border-radius:99px;background:#f1e6e4;color:var(--red-dark);font-size:.72rem;font-weight:850}.menu-button{display:none;border:0;background:transparent;font-size:1.5rem}.content{max-width:1500px;padding:2.4rem;margin:0 auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:1.2rem}.page-heading h1{margin:.1rem 0 .3rem;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.15rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.03em}.lead{max-width:800px;margin:0;color:var(--muted);font-size:1.08rem}.eyebrow{margin:0;color:var(--red-dark);font-size:.76rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.secondary-button{min-height:48px;padding:.7rem 1rem;border-radius:.48rem;font-weight:800;background:#fff;color:var(--navy);border:2px solid var(--navy)}.secondary-button:disabled{opacity:.65}.back-link{display:inline-block;margin-bottom:1rem;color:var(--red-dark);font-weight:800;text-decoration:none}.summary-banner{padding:1rem 1.2rem;margin-bottom:1rem;border-radius:.65rem;background:var(--navy);color:#fff;display:flex;justify-content:space-between;gap:1rem}.summary-banner span{color:#c5d2df}.summary-banner strong{font-size:1.15rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.3rem}.metric-card{min-height:155px;padding:1.15rem;border:1px solid var(--line);border-radius:.7rem;background:#fff;display:flex;flex-direction:column;box-shadow:0 6px 22px rgba(19,36,58,.05)}.metric-card strong{margin:.3rem 0 .1rem;color:var(--navy);font-family:Georgia,"Times New Roman",serif;font-size:2.25rem;line-height:1.1}.metric-label{color:var(--muted);font-size:.87rem;font-weight:750}.panel{padding:1.25rem;border:1px solid var(--line);border-radius:.7rem;background:#fff;box-shadow:0 6px 22px rgba(19,36,58,.05)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-heading h2{margin:.1rem 0 0;font-family:Georgia,"Times New Roman",serif;font-size:1.55rem}.search-field input{width:min(280px,100%);min-height:44px;padding:.55rem .7rem;border:1px solid #aeb8c2;border-radius:.45rem}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.85rem .7rem;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}tbody tr:hover{background:#f8fafb}.empty-state{text-align:center;color:var(--muted);padding:2rem}.attention-card{padding:1.25rem;margin-bottom:1rem;border:1px solid #ecc2be;border-left:7px solid var(--red);border-radius:.7rem;background:#fff8f7;display:flex;gap:1rem}.attention-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-weight:900}@media(max-width:1100px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){html{font-size:17px}.app-shell{display:block}.sidebar{position:fixed;left:-290px;width:280px;transition:left .2s ease}.sidebar.is-open{left:0}.menu-button{display:inline-block}.topbar{padding:.7rem 1rem}.content{padding:1.3rem 1rem 2.5rem}.page-heading,.summary-banner{flex-direction:column}.metric-grid{grid-template-columns:1fr}.panel-heading{flex-direction:column}.search-field input{width:100%}}
:where(img,svg,canvas){max-width:100%;height:auto}.content,.panel,.metric-card,.page-heading>*,.panel-heading>*,.topbar>*{min-width:0}.lead,.metric-card,.summary-banner,.attention-card,.panel{overflow-wrap:anywhere}
@media(max-width:430px){.topbar-title{display:none}.topbar-actions{gap:.4rem}.avatar{display:none}.environment-badge{font-size:.68rem}.logout-form button{min-height:44px}.content{padding-inline:.75rem}.panel,.metric-card{padding:1rem}.table-scroll{max-width:100%;overscroll-behavior-inline:contain}.summary-banner strong{overflow-wrap:anywhere}}