:root{color:#17352f;background:#eef8f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#dff2ea;border-right:1px solid #b7d8cc;padding:18px 12px}.brand{display:flex;gap:10px;align-items:center;font-weight:800;margin:4px 8px 22px;color:#123c34}.nav-button{width:100%;border:0;border-radius:8px;background:transparent;color:#1d463d;display:flex;gap:10px;align-items:center;padding:10px 12px;margin:4px 0;cursor:pointer;text-align:left}.nav-button svg{width:18px;height:18px}.nav-button:hover,.nav-button.active{background:#f7c85f;color:#2f2710}.logout{margin-top:24px}main{padding:24px;overflow:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}h1{margin:0;font-size:28px;letter-spacing:0}h2{margin:0 0 12px;font-size:16px;letter-spacing:0}.eyebrow{margin:0 0 4px;font-size:12px;font-weight:800;color:#8f6418}.searchbar{display:grid;grid-template-columns:minmax(260px,460px) 44px;gap:8px}input{border:1px solid #9ac7b8;background:#fff;color:#17352f;border-radius:8px;padding:10px 12px}.searchbar button,.login button{border:0;border-radius:8px;background:#f0b83f;color:#2d2108;font-weight:800;cursor:pointer}.searchbar button{display:grid;place-items:center}.stack{display:grid;gap:16px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.panel{background:#fff;border:1px solid #cbe2d8;border-radius:8px;padding:16px;min-width:0}.error{background:#fff3d0;border:1px solid #d99b2b;color:#5c3a00;border-radius:8px;padding:10px 12px;margin:0 0 16px}.results{display:grid;gap:8px;margin-bottom:16px}.results button{border:1px solid #abcfc3;border-radius:8px;background:#fff;color:#17352f;text-align:left;padding:10px 12px;cursor:pointer;display:flex;justify-content:space-between;gap:12px}.results span{color:#6c8079;font-size:12px}.metric{background:#fff;border:1px solid #cbe2d8;border-radius:8px;padding:14px;display:grid;gap:8px}.metric span{color:#5f766f;font-size:12px;font-weight:700}.metric strong{color:#17352f;font-size:26px}.card-list{display:grid;gap:10px}.decision-card{border:1px solid #d9e9e2;border-radius:8px;padding:12px;background:#fbfdfb}.decision-card div{display:flex;justify-content:space-between;gap:12px}.decision-card span{color:#8f6418;font-size:12px;font-weight:800;text-transform:uppercase}.decision-card p{margin:8px 0 0;color:#405d55}.table{display:grid;gap:1px;overflow:auto;border:1px solid #d9e9e2;border-radius:8px}.table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;align-items:center;min-width:720px;padding:10px 12px;border:0;background:#fff;color:#17352f;text-align:left}button.table-row{cursor:pointer}button.table-row:hover{background:#fff8df}.table-head{background:#edf7f2;color:#49655d;font-size:12px;font-weight:800;text-transform:uppercase}.user-detail{display:flex;gap:16px;align-items:flex-start}.user-detail img{width:64px;height:64px;border-radius:50%;border:2px solid #f0c76b}.user-detail h3{margin:0 0 4px;font-size:20px}.user-detail p{margin:0 0 14px;color:#5e756e}dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0}dt{color:#6c8079;font-size:12px;font-weight:800}dd{margin:2px 0 0;overflow-wrap:anywhere}.timeline{display:grid;gap:10px}.timeline div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e2eee9;padding-bottom:8px}.timeline span{color:#6c8079}.empty{border:1px dashed #b9d8cc;border-radius:8px;padding:16px;background:#f7fbf8;color:#49655d}.empty p{margin:6px 0 0}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#d6f3e8,#f8fbf8)}.login form{width:min(380px,100%);display:grid;gap:12px;background:#fff;border:1px solid #c7e2d7;border-radius:8px;padding:24px;box-shadow:0 18px 50px #1a42391f}.login h1{font-size:24px}.login button{padding:11px 14px}@media(max-width:820px){.app-shell{grid-template-columns:1fr}aside{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-right:0;border-bottom:1px solid #b7d8cc}.brand{grid-column:1 / -1}.nav-button{justify-content:center}header{grid-template-columns:1fr;display:grid}.searchbar{grid-template-columns:1fr 44px}.user-detail,.timeline div{display:grid}dl{grid-template-columns:1fr}}
