: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%}}