:root{color:#172033;background:#f4f7fb;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#10213c;width:250px;padding:24px 16px;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #31415a;align-items:center;gap:12px;padding:0 10px 22px;display:flex}.brand-mark{font-size:20px;font-weight:800}.brand strong{font-size:13px;display:block}.brand span{color:#9fb0c8;font-size:12px;display:block}.sidebar nav{gap:6px;margin-top:18px;display:grid}.nav-item{color:#c7d1df;border-radius:9px;padding:11px 12px;font-size:14px;font-weight:600;text-decoration:none}.nav-item:hover{color:#fff;background:#1c3152}.nav-item.active{color:#10213c;background:#fff}.main-content{width:calc(100% - 250px);margin-left:250px}.topbar{background:#fff;border-bottom:1px solid #e2e7ef;align-items:center;height:70px;padding:0 32px;display:flex}.search{background:#f7f9fc;border:1px solid #dce3ec;border-radius:10px;outline:none;width:min(650px,80%);padding:12px 14px}.content{max-width:1400px;margin:auto;padding:30px 34px}.welcome{color:#fff;background:linear-gradient(120deg,#10213c,#244d81);border-radius:18px;margin-bottom:30px;padding:30px}.welcome h1{margin:5px 0 0;font-size:32px}.eyebrow{letter-spacing:1.3px;color:#74839a;margin:0 0 6px;font-size:11px;font-weight:800}.eyebrow.light{color:#c6d2e3}.section-title{margin-bottom:14px}.section-title h2{margin:0;font-size:22px}.workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.workflow-card{text-align:left;background:#fff;border:1px solid #e0e6ee;border-radius:14px;min-height:110px;padding:18px}.workflow-card:hover{border-color:#aebdce;box-shadow:0 8px 20px #10213c14}.workflow-card strong{font-size:15px;display:block}.count{margin-bottom:10px;font-size:26px;font-weight:800;display:block}.page-card{background:#fff;border:1px solid #e0e6ee;border-radius:14px;padding:24px}.page-card h2{margin:0;font-size:24px}.empty-state{text-align:center;color:#718096;border:1px dashed #cbd5e1;border-radius:12px;gap:6px;margin-top:20px;padding:46px 20px;display:grid}@media (width<=1000px){.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.sidebar{width:210px}.main-content{width:calc(100% - 210px);margin-left:210px}.content{padding:20px}.workflow-grid{grid-template-columns:1fr}.search{width:100%}}.topbar{justify-content:space-between;gap:20px}.topbar-user{align-items:center;gap:14px;margin-left:auto;display:flex}.topbar-user>div{text-align:right;line-height:1.15;display:grid}.topbar-user strong{color:#172033;font-size:13px}.topbar-user span{color:#74839a;margin-top:4px;font-size:11px}.topbar-user button{color:#10213c;cursor:pointer;background:#fff;border:1px solid #dce3ec;border-radius:9px;padding:9px 12px;font-weight:700}.login-page{background:linear-gradient(135deg,#0e1e36 0%,#244d81 100%);place-items:center;min-height:100vh;padding:28px;display:grid}.login-card{background:#fff;border-radius:18px;width:min(430px,100%);padding:36px;box-shadow:0 24px 70px #0000003d}.login-brand-mark{color:#fff;background:#10213c;border-radius:13px;place-items:center;width:52px;height:52px;margin-bottom:24px;font-size:22px;font-weight:800;display:grid}.login-card h1{color:#10213c;margin:4px 0 8px;font-size:30px}.login-subtitle{color:#718096;margin:0 0 26px}.login-card form{gap:18px;display:grid}.login-card label{color:#26364d;gap:7px;font-size:13px;font-weight:700;display:grid}.login-card input{background:#fbfcfe;border:1px solid #d5dde8;border-radius:10px;outline:none;width:100%;padding:12px 13px}.login-card input:focus{border-color:#244d81;box-shadow:0 0 0 3px #244d811a}.login-error{color:#9b2c2c;background:#fff4f4;border:1px solid #efc9c9;border-radius:9px;padding:10px 12px;font-size:13px}.login-button{color:#fff;cursor:pointer;background:#10213c;border:0;border-radius:10px;padding:13px 16px;font-weight:800}.login-button:disabled{opacity:.65;cursor:wait}.login-loading{align-items:center;gap:16px;display:flex}.login-loading .login-brand-mark{margin:0}@media (width<=760px){.topbar-user>div{display:none}.topbar{padding:0 18px}.login-card{padding:28px 22px}}.page-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.page-heading h2{margin:0}.page-heading span{color:#718096;font-size:13px}.table-wrap{border:1px solid #e0e6ee;border-radius:12px;overflow-x:auto}.data-table{border-collapse:collapse;background:#fff;width:100%}.data-table th{text-align:left;letter-spacing:.7px;text-transform:uppercase;color:#74839a;background:#f7f9fc;border-bottom:1px solid #e0e6ee;padding:12px 14px;font-size:11px}.data-table td{vertical-align:top;border-bottom:1px solid #edf1f5;padding:14px;font-size:13px}.data-table tbody tr:last-child td{border-bottom:0}.data-table td span{color:#718096;margin-top:3px;display:block}.status-pill{background:#eef3f8;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;color:#31415a!important;display:inline-block!important}.sidebar{max-height:100vh;overflow-y:auto}.workflow-stack{gap:16px;display:grid}.workflow-subsection{background:#fff;border:1px solid #dbe4ee;border-radius:12px;padding:14px}.workflow-subsection h3{margin:0 0 12px}.workflow-table-wrap{width:100%;overflow-x:auto}.workflow-table{border-collapse:collapse;width:100%;font-size:13px}.workflow-table th,.workflow-table td{text-align:left;vertical-align:top;white-space:nowrap;border-bottom:1px solid #e6edf5;padding:10px 12px}.workflow-table th{font-weight:800}.workflow-value{padding:10px 0}