.mportal-shell{box-sizing:border-box;max-width:440px;min-height:min(100vh,100dvh);margin:0 auto;padding:8px 14px 104px}.mportal-shell--wide{max-width:520px}.mportal-header{margin-bottom:14px}.mportal-header__title{letter-spacing:-.03em;margin:0;font-size:1.35rem;font-weight:900;line-height:1.2}.mportal-header__sub{color:var(--text-muted);margin:6px 0 0;font-size:.88rem;line-height:1.45}.mportal-step-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:8px;font-size:.72rem;font-weight:800;display:inline-flex}.mportal-step-badge__num{background:color-mix(in srgb, var(--accent) 18%, var(--card));width:22px;height:22px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.mportal-card{border:1px solid var(--border);background:var(--card);border-radius:16px;margin-bottom:12px;padding:14px 16px;box-shadow:0 2px 12px #0000000a}.mportal-card--pick select,.mportal-card--pick input[type=date],.mportal-card--pick input[type=search],.mportal-card--pick input[type=month]{border:1px solid var(--border);width:100%;font:inherit;background:var(--card);box-sizing:border-box;border-radius:12px;padding:12px 14px;font-size:1rem}.mportal-card--pick label{letter-spacing:.04em;text-transform:uppercase;opacity:.75;gap:6px;font-size:.75rem;font-weight:800;display:grid}.mportal-kpi-row{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.mportal-kpi-row--3{grid-template-columns:repeat(3,1fr)}.mportal-kpi{border:1px solid var(--border);background:var(--card);text-align:center;border-radius:14px;padding:10px 8px}.mportal-kpi__label{letter-spacing:.04em;text-transform:uppercase;opacity:.7;margin-bottom:2px;font-size:.62rem;font-weight:800;display:block}.mportal-kpi__val{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:900;line-height:1.2}.mportal-kpi__sub{opacity:.65;margin-top:2px;font-size:.65rem;display:block}.mportal-kpi--p .mportal-kpi__val{color:#15803d}.mportal-kpi--a .mportal-kpi__val{color:#b91c1c}.mportal-kpi--pct .mportal-kpi__val{color:#1565c0;font-size:1.25rem}.mportal-kpi--m .mportal-kpi__val{color:#1d4ed8}.mportal-kpi--f .mportal-kpi__val{color:#be185d}.mportal-bottom-tabs{z-index:40;padding-bottom:env(safe-area-inset-bottom,0px);background:color-mix(in srgb, var(--card) 96%, transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;bottom:0;left:0;right:0}.mportal-bottom-tabs__inner{grid-template-columns:repeat(3,1fr);gap:4px;max-width:440px;margin:0 auto;padding:6px 10px 8px;display:grid}.mportal-tab{color:var(--text-muted);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;font-size:.68rem;font-weight:800;text-decoration:none;transition:background .12s,color .12s;display:flex}.mportal-tab svg{opacity:.75}.mportal-tab--active{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.mportal-tab--active svg{opacity:1}.mportal-action-card{color:inherit;border:1px solid var(--border);background:var(--card);border-radius:16px;padding:16px;text-decoration:none;transition:transform .1s;display:block;box-shadow:0 2px 12px #0000000a}.mportal-action-card:active{transform:scale(.99)}.mportal-action-card__title{margin-bottom:4px;font-size:1rem;font-weight:900}.mportal-action-card__desc{opacity:.8;font-size:.82rem;line-height:1.4}.mportal-action-card--primary{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, var(--card)), var(--card))}.mportal-day-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.mportal-day-row:last-child{border-bottom:none}.mportal-day-row__date{font-size:.95rem;font-weight:800}.mportal-day-row__meta{opacity:.7;margin-top:2px;font-size:.75rem}.mportal-status-pill{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:900}.mportal-status-pill--p{color:#15803d;background:#16a34a26}.mportal-status-pill--a{color:#b91c1c;background:#dc26261f}.mportal-status-pill--l{color:#c2410c;background:#ea580c1f}.mportal-status-pill--h{color:#1d4ed8;background:#2563eb1f}.mportal-scroll-list{border:1px solid var(--border);background:var(--card);border-radius:16px;overflow:hidden}.mportal-chip-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.mportal-chip-btn{border:1px solid var(--border);background:var(--card);font:inherit;cursor:pointer;border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:700}.mportal-grid-actions{gap:10px;margin-top:12px;display:grid}@media (width>=721px){.mportal-shell{max-width:100%;padding-bottom:24px}.mportal-bottom-tabs{display:none}}.staff-att-quick{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin:0 0 8px;padding:4px 2px 10px;display:flex;overflow-x:auto}.staff-att-quick::-webkit-scrollbar{display:none}.staff-att-quick__chip{border:1px solid var(--border,#e2e8f0);background:var(--card,#fff);color:inherit;white-space:nowrap;border-radius:999px;flex:none;align-items:center;min-height:36px;padding:8px 14px;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.staff-att-quick__chip--active,.staff-att-quick__chip--primary.staff-att-quick__chip--active{color:#1e3a5f;background:#e4e7ec;border-color:#1e3a5f}.staff-att-quick__chip--primary{border-color:color-mix(in srgb, #1565c0 40%, var(--border,#e2e8f0))}