:root{color:#1c2522;background:#f5f7f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.appShell{display:grid;min-height:100vh;grid-template-columns:280px 1fr}.sidebar{display:flex;flex-direction:column;gap:28px;padding:24px;color:#eef8ef;background:#18342d}.brand{display:flex;align-items:center;gap:12px}.brand svg{width:34px;height:34px}.brand strong,.brand span{display:block}.brand span,.eyebrow{color:#7f958f;font-size:13px}.brand.big{color:#18342d;margin-bottom:28px}nav{display:grid;gap:8px}nav button,.ghost,.primary,.linkButton{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border:0;border-radius:8px;padding:0 14px}nav button,.ghost{justify-content:flex-start;color:#e6f0ec;background:transparent}nav button.active,nav button:hover,.ghost:hover{background:#ffffff1a}.ghost{margin-top:auto}main{padding:30px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:30px}h2{font-size:18px}.tenantPicker{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #d9e1dd;border-radius:8px;background:#fff}.tenantBadge{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #d9e1dd;border-radius:8px;color:#40504a;background:#fff}.tenantPicker select,input,select{border:1px solid #d8e0dc;border-radius:8px;padding:10px 12px;background:#fff}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric,.panel,.widePanel,.helpCard,.authPanel,.publicPanel{border:1px solid #dfe7e2;border-radius:8px;background:#fff;box-shadow:0 18px 40px #18342d14}.metric{display:grid;gap:8px;padding:20px}.metric svg{color:#1d6f5b}.metric span,.row span,.timeline span{color:#63746e;font-size:13px}.metric strong{font-size:22px}.widePanel{grid-column:1 / -1;padding:24px}.twoColumn{display:grid;grid-template-columns:380px 1fr;gap:18px;align-items:start}.panel{padding:22px}.form{display:grid;gap:14px}.form label{display:grid;gap:6px;color:#40504a;font-size:14px}.gatePicker{display:grid;gap:10px;margin:0;padding:12px;border:1px solid #d8e0dc;border-radius:8px}.gatePicker legend{padding:0 6px;color:#40504a;font-size:14px}.checkboxRow{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start}.checkboxRow input{width:18px;height:18px;margin:2px 0 0;padding:0}.checkboxRow span,.checkboxRow small{display:grid;gap:2px}.checkboxRow small,.row small{color:#63746e;font-size:12px}.primary{color:#fff;background:#1d6f5b}.primary:disabled{cursor:not-allowed;opacity:.55}.linkButton{color:#1d6f5b;background:transparent}.notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:14px;border-radius:8px;background:#eef7f2}.list,.timeline{display:grid;gap:10px}.row{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:14px;align-items:center;padding:12px;border:1px solid #edf1ef;border-radius:8px}.row div,.timeline article{display:grid;gap:4px}.actionGroup{display:inline-flex;gap:8px}.iconButton{display:inline-grid;width:36px;height:36px;place-items:center;border:1px solid #d8e0dc;border-radius:8px;color:#18342d;background:#fff}.iconButton svg{width:17px;height:17px}.mutedText{color:#7f958f;font-size:12px}.timeline article{position:relative;padding:14px 14px 14px 22px;border-left:3px solid #1d6f5b;background:#fbfcfb}code{overflow-wrap:anywhere;color:#365249}.helpCard{padding:22px}.helpCard svg{color:#b5462f}.authLayout,.publicLayout{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(120deg,#1d6f5beb,#b5462fb8),url(https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1800&q=80);background-size:cover;background-position:center}.authPanel,.publicPanel{width:min(440px,100%);padding:30px}.publicPanel{display:grid;justify-items:start;gap:14px}.publicPanel svg{color:#1d6f5b}.error{color:#a83222}.warning{padding:10px 12px;border-radius:8px;color:#74520d;background:#fff4cf}.success{color:#1d6f5b}@media(max-width:860px){.appShell,.twoColumn,.grid{grid-template-columns:1fr}.sidebar{min-height:auto}.topbar{align-items:stretch;flex-direction:column}.row{grid-template-columns:1fr}}