:root{color-scheme:light;--ink:#17211d;--muted:#68746e;--line:#dce3df;--card:#fff;--bg:#f5f7f5;--side:#eef2ef;--green:#175c43;--green2:#e2f0e9;--danger:#a62b2b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif}.hidden{display:none!important}button,input{font:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#e4eee8,var(--bg) 45%)}.login-card{width:min(420px,100%);padding:36px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:0 18px 55px #1c3e2b1a}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--green);color:#fff;font-weight:800;font-size:20px}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:16px}.eyebrow{margin:16px 0 4px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.login-card h1{margin:0 0 24px;font-size:27px}.login-card label{display:grid;gap:7px;margin:14px 0;font-weight:650}.login-card input,.toolbar input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;outline:none}.login-card input:focus,.toolbar input:focus{border-color:var(--green);box-shadow:0 0 0 3px #175c4318}.primary{width:100%;margin-top:8px;padding:12px;border:0;border-radius:10px;background:var(--green);color:#fff;font-weight:750;cursor:pointer}.error{min-height:20px;color:var(--danger)}header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:#ffffffed}.brand{display:flex;align-items:center;gap:11px}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.13em}.user{display:flex;align-items:center;gap:12px}.ghost{padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.layout{display:grid;grid-template-columns:310px 1fr;max-width:1500px;margin:auto;min-height:calc(100vh - 66px)}aside{padding:24px;background:var(--side);border-right:1px solid var(--line);overflow:auto}aside .eyebrow{margin-top:0}.muted{color:var(--muted)}nav{display:grid;gap:7px;margin-top:18px}.client{display:flex;justify-content:space-between;gap:8px;width:100%;padding:12px;border:1px solid transparent;border-radius:11px;background:transparent;text-align:left;cursor:pointer}.client:hover,.client.active{border-color:#b9cec2;background:#fff}.client span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client small{color:var(--muted)}.content{min-width:0;padding:34px}.content h1{margin:0 0 5px;font-size:29px}.client-meta{color:var(--muted)}.panel{margin-top:24px;border:1px solid var(--line);border-radius:17px;background:var(--card);overflow:hidden;box-shadow:0 8px 28px #23352a0a}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px;border-bottom:1px solid var(--line)}.toolbar input{max-width:390px}.toolbar span{color:var(--muted);font-size:12px}.record{display:grid;grid-template-columns:1.25fr 1fr 1fr auto;gap:18px;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line)}.record:last-child{border-bottom:0}.record h2{margin:0;font-size:14px}.record p{margin:3px 0 0;color:var(--muted);font-size:12px}.field label{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.11em}.field div{margin-top:4px;overflow-wrap:anywhere}.password{font-family:Consolas,monospace}.actions{display:flex;gap:6px}.icon{width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.empty{padding:54px;text-align:center;color:var(--muted)}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line);max-height:280px}.content{padding:22px}.record{grid-template-columns:1fr}.actions{justify-content:flex-end}}@media(max-width:520px){header{padding:0 16px}.user span{display:none}.content{padding:16px}.toolbar{align-items:stretch;flex-direction:column}.toolbar input{max-width:none}}