:root{ --primary:#2b77f4; --accent:#00b894; --bg:#f7fafc; --muted:#6b7280;}
html,body{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial;background:var(--bg);}
.app-shell{min-height:100vh;display:flex;flex-direction:column;}
.header{background: linear-gradient(90deg,var(--primary), var(--accent));color:white;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:10px;margin:12px;box-shadow:0 6px 18px rgba(2,6,23,0.08);}
.header .title { font-weight:600; font-size:17px; }
.header-logo { height:36px; width:auto; margin-right:10px; border-radius:6px; }
.content { flex:1 1 auto; padding:12px; overflow:auto; }
.card { background:#fff; border-radius:12px; padding:14px; margin-bottom:12px; box-shadow:0 2px 8px rgba(2,6,23,0.04); }
.login-logo { height:120px; width:auto; display:block; margin:20px auto; }
.muted-small { color:var(--muted); font-size:0.92rem; }
.form-control, .form-select, .btn { font-size:15px; padding:10px; border-radius:8px; }
.bottom-nav { height:62px; background:#fff; display:flex;align-items:center;justify-content:space-around;border-top:1px solid #e6e9ef;position:sticky;bottom:0;box-shadow:0 -1px 6px rgba(2,6,23,0.03);}