.stack{display:grid;gap:16px;margin-top:22px}.small{padding:7px 10px;font-size:11px}.status{display:inline-flex;padding:6px 9px;border-radius:99px;background:#e7eee9;color:#3d5448;font-size:11px;font-weight:800}.status.resigned,.status.terminated{background:#f7e8e2;color:#9a4a31}.profile-head{display:flex;align-items:center;justify-content:space-between;background:var(--brand);color:#fff;border-radius:16px;padding:26px 30px}.profile-head h2{font:600 30px Georgia,serif;margin:5px 0}.profile-head p,.profile-head small{margin:0;color:#d3e8df}.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.profile-grid .panel{min-width:0}.back{margin-bottom:14px;color:var(--brand);font-weight:700}.upload-box{background:var(--bg);border:1px dashed #b6c5bc;padding:18px;border-radius:12px}.doc-list{display:grid;margin-top:18px}.doc-list a{display:grid;gap:4px;padding:12px 2px;border-bottom:1px solid var(--line)}.doc-list span{font-size:11px;color:var(--muted)}
@media(max-width:1100px){.content{padding:32px 24px}.grid-form{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.sidebar{position:sticky!important;z-index:10;top:0}.sidebar .brand{justify-content:center}.sidebar nav{padding-bottom:2px}.sidebar nav a{white-space:nowrap}.content{min-width:0}.profile-grid,.slip-meta{grid-template-columns:1fr}.profile-head{padding:22px;align-items:flex-start}.table-scroll{margin-inline:-18px;padding-inline:18px}}
@media(max-width:420px){.content{padding-inline:10px}.metrics article,.panel,.quick a{border-radius:12px}.brand>span{width:36px;height:36px}.brand b{font-size:13px}.role{font-size:9px}.auth-card h1{font-size:32px}}