/* Administration follows the same restrained blue identity as the workspaces. */
.system-header{display:flex;align-items:center;gap:16px;padding:22px 24px;margin-bottom:16px;border:1px solid #D9E5EF;border-radius:18px;background:linear-gradient(115deg,#F6FAFD,#FFF 60%,#EAF3FA);box-shadow:0 3px 12px #193F5805}
.system-mark{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:17px;background:var(--brand);color:#FFF;box-shadow:0 5px 12px #085EA619}
.system-eyebrow{display:block;font-size:10px;font-weight:700;color:var(--brand);margin-bottom:3px}
.system-header h1{font-size:23px;line-height:1.6;margin:0;letter-spacing:normal}
.system-header p{font-size:12px;color:var(--muted);margin:4px 0 0}
.system-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.system-tab{flex:1 1 190px;min-width:0;display:flex;align-items:center;gap:12px;position:relative;border:1px solid var(--line);border-radius:13px;padding:14px 16px;background:#FFF;color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:background .15s,border-color .15s}
.system-tab-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:var(--muted);background:#F0F4F7}
.system-tab b{display:block;font-size:13px}.system-tab small{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.system-tab:hover{border-color:#A8C3D9;background:#F8FBFD}.system-tab.active{border-color:#8EB6D6;background:#EAF3FB;box-shadow:inset 0 -3px 0 var(--brand)}
.system-tab.active b{color:var(--brand)}.system-tab.active .system-tab-icon{color:#FFF;background:var(--brand)}
.system-tab:focus-visible{outline:3px solid #83B5DC;outline-offset:3px}
.system-content{min-width:0}.system-content>.page-head,.system-content>#portal-management>.page-head{background:none!important;border:0;box-shadow:none;border-radius:0;padding:0 0 16px;gap:10px;margin:0 0 18px!important;border-bottom:1px solid var(--line)}
.system-content .page-head:before,.system-content .page-head:after{display:none}.system-content .page-head h1{font-size:18px;letter-spacing:normal}.system-content .page-head .sub{font-size:11px}.system-content .page-head .actions{margin:0}.system-content .table-wrap{max-width:100%}
.system-content .hr-kpis{gap:12px}.system-content .chart-card{border-radius:14px}.system-content .grid2{min-width:0}
@media(max-width:900px){.system-tab{flex-basis:calc(50% - 10px)}.system-content .hr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.system-header{padding:17px 15px;gap:12px}.system-header h1{font-size:21px}.system-mark{width:46px;height:46px;border-radius:14px}.system-tabs{gap:8px;margin-bottom:18px}.system-tab{padding:12px 10px;gap:8px;align-items:flex-start}.system-tab-icon{width:30px;height:30px;border-radius:9px}.system-tab b{font-size:12px}.system-tab small{font-size:9px;line-height:1.7}.system-content .page-head .btn{font-size:11px;padding:9px 12px}.system-content .hr-kpi{min-width:0}.system-content .grid2{grid-template-columns:minmax(0,1fr)}}