.staff-portal-frame{min-height:100vh;font-family:system-ui,PingFang SC,Noto Sans SC,sans-serif;font-size:16px;background:var(--color-background,#f4f6f8)}.staff-portal-c4--auth-clean,.staff-portal-c4--clean,.staff-portal-frame{color:var(--color-text,#1e293b)}.staff-portal-c4{font-size:16px}.staff-portal-c4__nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px}.staff-portal-c4__nav-btn{font:inherit;font-size:.889rem;font-weight:700;padding:10px 16px;border-radius:12px;border:1px solid var(--color-border,#e2e8f0);background:var(--color-card,#fff);color:var(--color-text,#1e293b);cursor:pointer;min-height:44px}.staff-portal-c4__nav-btn--secondary{font-size:.833rem}.staff-portal-c4--edtech .staff-portal-c4__workspace{background:var(--color-card,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:16px;padding:20px;box-shadow:0 1px 3px rgba(15,23,42,.06),0 4px 12px rgba(15,23,42,.04)}.staff-portal-c4__status-strip--compact{font-size:.8125rem;padding:8px 12px}.staff-portal-c4__more-nav{margin:-8px 0 16px;font-size:.833rem}.staff-portal-c4__more-nav summary{cursor:pointer;font-weight:600;color:#64748b;min-height:44px;display:flex;align-items:center}.staff-portal-c4__more-nav-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:8px}.staff-portal-c4__dashboard-actions{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:16px 0 20px}.staff-portal-c4__action-card{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;text-align:left;cursor:pointer;font:inherit;min-height:44px}.staff-portal-c4__action-card strong{font-size:.944rem;color:#1e293b}.staff-portal-c4__action-card span{font-size:.833rem;color:#64748b}.staff-portal-c4__action-card:hover{border-color:#2563eb;background:#eff6ff}.staff-portal-c4__nav-btn.is-active{background:var(--color-primary,#2563eb);color:#fff;border-color:transparent;box-shadow:0 1px 2px rgba(37,99,235,.2)}.staff-portal-c4__operations{margin-top:8px}.staff-portal-c4__operations-header{font-weight:700;margin-bottom:12px;padding:10px 14px;border-radius:12px;background:var(--portal-bold-surface,#fff);border:1px solid var(--portal-bold-border,#e2e8f0)}.staff-portal-c4__auth{max-width:520px;margin:0 auto;padding:24px;border-radius:20px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 24px rgba(15,23,42,.08)}.staff-portal-c4__auth-actions{margin-top:16px}.staff-portal-c4__gate-note{font-size:.889rem;color:var(--portal-bold-muted,#64748b);margin-bottom:12px;overflow-wrap:anywhere}.staff-portal-c4__status-strip{margin:0 0 16px;padding:10px 14px;border-radius:10px;font-size:.833rem;line-height:1.45;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;overflow-wrap:anywhere}.staff-portal-c4__tech-details{margin-top:16px;font-size:.833rem;color:var(--portal-bold-muted,#64748b)}.staff-portal-c4__tech-details summary{cursor:pointer;font-weight:600;color:#64748b}.developer-details,.staff-portal-c4__governance-details{margin-top:16px;font-size:.833rem;color:var(--portal-bold-muted,#64748b)}.developer-details summary,.staff-portal-c4__governance-details summary{cursor:pointer;font-weight:600;color:#64748b;min-height:44px;display:flex;align-items:center}.staff-portal-c4__governance-details-body{margin-top:12px;padding:12px 14px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;overflow-wrap:anywhere}.staff-portal-c4__governance-note{margin-top:12px;padding:12px 16px;border-radius:12px;font-size:.889rem;background:#f8fafc;border:1px dashed #cbd5e1;color:#475569}.staff-portal-c4__queue-list{margin:0;padding-left:1.25rem;line-height:1.55}.staff-portal-c4__queue-empty{margin:0;color:var(--portal-bold-muted,#64748b);font-size:.944rem}.staff-panel-accent-border{border-left:4px solid var(--color-primary,#2563eb)}.staff-panel-accent-border--slate{border-left-color:#64748b}@media (max-width:480px){.staff-portal-c4__nav{flex-direction:column}.staff-portal-c4__nav-btn{width:100%}.staff-portal-c4 .portal-content table,.staff-portal-c4__governance-details-body table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}