:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#202124;background:#f4f4f4;font-size:16px;line-height:1.5;color-scheme:light;--border:#d6d6d6;--muted:#606060;--paper:#fff}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid #b8b8b8;background:#fff;color:#252525;padding:.58rem .9rem;border-radius:4px;font-weight:600}button:hover{background:#ededed}button:disabled{opacity:.5;cursor:wait}button.primary{background:#282828;border-color:#282828;color:#fff}button.primary:hover{background:#444}button.danger{border:2px solid #333}button.small{font-size:.875rem;padding:.38rem .65rem}a{color:inherit}input,select,textarea{width:100%;border:1px solid #aaa;border-radius:3px;background:white;color:#202124;padding:.62rem .7rem}textarea{resize:vertical;min-height:100px}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.9rem}label input,label select,label textarea{margin-top:.35rem}label.check{display:flex;gap:.7rem;align-items:flex-start}label.check input{width:auto;margin-top:.3rem}h1,h2,h3,p{margin:0 0 .8rem}h1{font-size:1.8rem;letter-spacing:-.045em;font-weight:650;line-height:1.2}h2{font-size:1.16rem;font-weight:650}h3{font-size:1rem}small,.muted{color:var(--muted)}small{font-size:.85rem}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.layout{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{background:#eeeeee;border-right:1px solid var(--border);padding:1.8rem 1rem;display:flex;flex-direction:column;gap:2rem}.brand{font-size:1.4rem;font-weight:750;letter-spacing:-.06em;padding:0 .65rem}.brand span{display:block;font-size:.85rem;letter-spacing:0;font-weight:400;color:var(--muted);margin-top:.25rem}.sidebar nav{display:grid;gap:.35rem}.sidebar nav button{text-align:left;background:transparent;border-color:transparent;font-weight:500}.sidebar nav button[aria-current=page]{background:white;border-color:var(--border);font-weight:650}.sidebar footer{margin-top:auto;font-size:.85rem;padding:.65rem;color:var(--muted)}.identity{border-top:1px solid var(--border);padding-top:1rem;overflow-wrap:anywhere}.identity strong{display:block;color:#222}.main-area{min-width:0}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid var(--border);background:white;font-size:.85rem}.env{padding:.22rem .6rem;border:1px solid #bfbfbf;border-radius:3px;font-weight:600}main.workspace{padding:2rem;max-width:1450px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.heading p{color:var(--muted);margin-bottom:0;max-width:780px}.actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.metric{background:var(--paper);border:1px solid var(--border);padding:1rem 1.25rem}.metric strong{display:block;font-size:1.9rem;font-weight:600;margin-bottom:.1rem}.metric span{font-size:.9rem;color:var(--muted)}.panel{background:var(--paper);border:1px solid var(--border);border-radius:4px;margin-bottom:1.2rem;padding:1.4rem}.panel.flush{padding:0}.panel-head{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem}.panel-head h2{margin:0}.filters{display:grid;grid-template-columns:minmax(160px,1fr) 210px;gap:.7rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.filters label{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}th{background:#f8f8f8;color:#555;font-size:.8rem;font-weight:650;padding:.8rem 1rem;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:1rem;border-bottom:1px solid #e5e5e5;vertical-align:top}tr:last-child td{border-bottom:0}td strong{display:block}td small{display:block}td.wrap{overflow-wrap:anywhere;max-width:280px}.badge{display:inline-block;background:#f2f2f2;border:1px solid #d2d2d2;padding:.17rem .5rem;border-radius:3px;font-size:.8rem;white-space:nowrap}.badge.emphasis{background:#dedede;border-color:#999;color:#222}.row-buttons{display:flex;gap:.4rem;flex-wrap:wrap}.empty{padding:2rem;text-align:center;color:var(--muted)}.note{background:#f5f5f5;border-left:3px solid #777;padding:.9rem 1rem;margin:1rem 0;font-size:.9rem}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.details{display:grid;grid-template-columns:160px 1fr;gap:.55rem 1rem;margin:0}.details dt{color:var(--muted)}.details dd{margin:0;overflow-wrap:anywhere}.login-page{min-height:100vh;display:grid;place-items:center;padding:2rem}.login-box{width:100%;max-width:510px}.login-brand{margin-bottom:2rem}.login-box .panel{padding:2rem}.login-box h1{margin-bottom:1rem}.login-box button.primary{width:100%}.login-box .foot{font-size:.8rem;color:#666;text-align:center}.login-box .eyebrow{margin-bottom:.8rem}.back{margin-bottom:1rem}.key-id{font-family:monospace;font-size:.8rem;overflow-wrap:anywhere;color:#666}.secret{font-family:monospace;font-size:.875rem;min-height:105px}.form-error{border-left:3px solid #222;padding:.7rem;background:#eee;margin:.7rem 0;overflow-wrap:anywhere}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem}.dialog-header h2{margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.2rem}dialog{max-width:620px;width:calc(100% - 2rem);border:1px solid #aaa;border-radius:5px;padding:1.5rem;color:#222;max-height:90vh;overflow:auto}dialog::backdrop{background:rgba(0,0,0,.35)}#notice{position:fixed;bottom:1rem;right:1rem;max-width:min(480px,calc(100vw - 2rem));background:#242424;color:white;padding:1rem 1.4rem;border-radius:4px;z-index:10;box-shadow:0 3px 15px #0002}.skip{position:fixed;left:1rem;top:-100px;background:#fff;padding:.5rem;z-index:20}.skip:focus{top:1rem}.policy-list{padding-left:1.2rem}.policy-list li{margin:.5rem 0}.audit-detail{font-size:.8rem;color:#666;max-width:430px;overflow-wrap:anywhere}
@media(max-width:1000px){.layout{grid-template-columns:190px 1fr}main.workspace{padding:1.3rem}.topbar{padding:0 1.3rem}.cards{gap:.6rem}.grid2{grid-template-columns:1fr}}
@media(max-width:700px){.layout{display:block}.sidebar{padding:1rem;border-right:0;border-bottom:1px solid var(--border);gap:1rem}.sidebar nav{display:flex;flex-wrap:wrap}.sidebar footer{display:none}.brand span{display:inline;margin-left:1rem}.topbar{height:auto;min-height:55px;gap:.5rem;flex-wrap:wrap;padding:.7rem 1rem}.heading{flex-direction:column}.cards{grid-template-columns:1fr}.metric{padding:.7rem 1rem;display:flex;align-items:center;gap:1rem}.metric strong{font-size:1.4rem;margin:0}.filters{grid-template-columns:1fr}.details{grid-template-columns:1fr;gap:.2rem}.details dd{margin-bottom:.7rem}.login-page{padding:1rem}.login-box .panel{padding:1.3rem}h1{font-size:1.55rem}main.workspace{padding:1rem}.panel{padding:1rem}}
