*{box-sizing:border-box;font-family:system-ui,Arial} body{margin:0;background:#f6f7f9;color:#1c2127}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#fff;border-bottom:1px solid #eee;font-weight:700}
.shell{display:flex;min-height:calc(100vh - 49px)}
.sidebar{width:180px;background:#fff;border-right:1px solid #eee;padding:8px}
.nav-item{padding:8px 10px;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between}
.nav-item.active{background:#EAF5FC;color:#0A78BE;font-weight:700}
.content{flex:1;padding:18px;overflow:auto}
.card{background:#fff;border:1px solid #e4e7eb;border-radius:10px;padding:12px;margin-bottom:10px}
.btn{border:none;border-radius:8px;padding:6px 12px;cursor:pointer;background:#eef1f4}
.btn-green{background:#16a34a;color:#fff}.btn-red{background:#ef4444;color:#fff}
.chip{font-size:11px;padding:1px 6px;border-radius:6px;background:#eef;color:#33c}
.login{max-width:320px;margin:80px auto;background:#fff;padding:24px;border-radius:12px}
input,select{padding:7px 9px;border:1px solid #ddd;border-radius:8px;width:100%}