:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#17211d;background:#f4f6f5;font-synthesis:none;--brand: #176b4d;--brand-dark: #0f5138;--line: #dce3df;--muted: #68736e;--surface: #ffffff;--sidebar: #17231e;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit;letter-spacing:0}.el-button{gap:7px;border-radius:5px}.el-button--primary{--el-button-bg-color: var(--brand);--el-button-border-color: var(--brand);--el-button-hover-bg-color: var(--brand-dark);--el-button-hover-border-color: var(--brand-dark)}.el-input__wrapper,.el-select__wrapper{border-radius:5px}.admin-shell{min-height:100vh;display:grid;grid-template:58px 1fr / 218px 1fr}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#fff;background:var(--sidebar);border-bottom:1px solid #2c3933;z-index:20}.brand-lockup,.login-brand{display:flex;align-items:center;gap:11px}.brand-lockup div,.login-brand div{display:flex;flex-direction:column;line-height:1.25}.brand-lockup strong,.login-brand strong{font-size:15px}.brand-lockup span:not(.brand-mark),.login-brand span:not(.brand-mark){color:#9fb0a8;font-size:11px}.brand-mark{width:30px;height:30px;display:inline-grid;place-items:center;background:#f3c759;color:#193529;border-radius:5px;font-family:Georgia,serif;font-size:19px;font-weight:700}.brand-mark.large{width:38px;height:38px;font-size:24px}.account-menu{display:flex;align-items:center;gap:12px;color:#dce5e1;font-size:13px}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;padding:0;color:inherit;background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer}.icon-button:hover{background:#ffffff14;border-color:#ffffff26}.sidebar{grid-column:1;grid-row:2;padding:16px 12px;color:#cfdbd5;background:var(--sidebar)}.sidebar a{height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;color:inherit;text-decoration:none;border-radius:5px;font-size:14px}.sidebar a.router-link-active{color:#fff;background:var(--brand)}.nav-section-label{display:block;padding:20px 12px 7px;color:#80948a;font-size:10px;font-weight:700;text-transform:uppercase}.main-content{grid-column:2;min-width:0;padding:28px clamp(18px,3vw,40px) 48px}.page-section{width:100%;max-width:1400px;margin:0 auto}.page-header{min-height:56px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.page-header h1{margin:0 0 5px;font-size:24px;line-height:1.25}.page-header p{margin:0;color:var(--muted);font-size:13px}.record-count{padding:8px 11px;color:#405048;background:#e6ece8;border-radius:5px;font-size:13px;white-space:nowrap}.page-header-actions{display:flex;align-items:center;gap:10px}.filter-band{display:grid;grid-template-columns:minmax(260px,420px) 160px auto;gap:10px;align-items:center;padding:14px 16px;background:#e9eeeb;border:1px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0}.table-frame{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:0 0 6px 6px}.el-table{--el-table-header-bg-color: #f6f8f7;--el-table-row-hover-bg-color: #f0f7f3}.el-table .el-table__row{cursor:pointer}.pagination-row{display:flex;justify-content:flex-end;padding:14px 16px;border-top:1px solid var(--line)}.empty-table{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#89938e}.table-actions{display:flex;align-items:center;gap:4px}.table-icon-button{width:32px;height:32px;display:inline-grid;place-items:center;padding:0;color:#3f5149;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer}.table-icon-button:hover{color:var(--brand);background:#eaf4ef;border-color:#cde2d8}.table-icon-button.danger{color:#ad4242}.table-icon-button.danger:not(:disabled):hover{color:#982d2d;background:#fff0f0;border-color:#eccaca}.table-icon-button:disabled{color:#aeb7b2;background:transparent;border-color:transparent;cursor:not-allowed}.admin-filter-band{grid-template-columns:minmax(260px,420px) auto}.admin-table .el-table__row{cursor:default}.admin-name-cell{display:flex;align-items:center;gap:8px}.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.overview-metric{min-height:118px;display:flex;align-items:flex-start;gap:14px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:6px}.overview-metric>div{min-width:0;display:flex;flex-direction:column}.overview-metric strong{font-size:28px;line-height:1}.overview-metric span:not(.metric-icon){margin-top:8px;color:#34463e;font-size:13px;font-weight:600}.overview-metric small{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.45}.metric-icon{width:38px;height:38px;flex:0 0 auto;display:inline-grid;place-items:center;border-radius:5px}.metric-icon.users{color:#176b4d;background:#e4f2eb}.metric-icon.challenges{color:#8b661b;background:#fff3d4}.metric-icon.content{color:#315f7b;background:#e4eef4}.metric-icon.readings{color:#8b3c42;background:#f7e6e7}.data-section{margin-top:24px}.data-section>header{display:flex;justify-content:space-between;margin-bottom:12px}.data-section h2{margin:0 0 4px;font-size:17px}.data-section p{margin:0;color:var(--muted);font-size:12px}.flat-table{border-radius:6px}.user-cell{display:flex;flex-direction:column;gap:3px}.user-cell strong{font-size:13px}.user-cell span{color:var(--muted);font-size:11px}.form-hint{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#e8eeea;border-top:5px solid var(--brand)}.login-panel{width:min(100%,390px);padding:34px;background:#fff;border:1px solid #d5dfda;border-radius:7px;box-shadow:0 16px 45px #162c231a}.login-heading{margin:32px 0 22px}.login-heading h1{margin:0 0 7px;font-size:23px}.login-heading p{margin:0;color:var(--muted);font-size:13px}.login-panel .el-button{width:100%;margin-top:8px}.detail-title{display:flex;align-items:center;gap:10px}.back-button{color:#34463e;background:#fff;border-color:var(--line)}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status-strip{display:flex;align-items:center;gap:8px;padding:11px 14px;margin-bottom:16px;border:1px solid;border-radius:5px;font-size:13px}.status-strip.active{color:#165f43;background:#eaf6ef;border-color:#b9ddc8}.status-strip.disabled{color:#a23838;background:#fff0f0;border-color:#efc0c0}.status-dot{width:8px;height:8px;background:currentColor;border-radius:50%}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-block{padding:20px;background:#fff;border:1px solid var(--line);border-radius:6px}.detail-block h2{margin:0 0 18px;font-size:16px}.detail-block dl{margin:0}.detail-block dl div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:15px;padding:12px 0;border-top:1px solid #edf0ee}.detail-block dt{color:var(--muted);font-size:13px}.detail-block dd{margin:0;overflow-wrap:anywhere;font-size:14px}.metrics-band{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:6px}.metrics-band div{display:flex;flex-direction:column;gap:4px;padding:22px;border-right:1px solid var(--line)}.metrics-band div:last-child{border-right:0}.metrics-band strong{font-size:24px}.metrics-band span{color:var(--muted);font-size:12px}.user-growth-metrics{grid-template-columns:repeat(5,1fr)}.content-notice{display:flex;align-items:flex-start;gap:9px;margin-bottom:14px;padding:12px 14px;color:#4f4527;background:#fff8df;border:1px solid #ead99e;border-radius:6px;font-size:12px;line-height:1.55}.content-notice svg{flex:0 0 auto;margin-top:1px}.word-filter-band{grid-template-columns:minmax(230px,1.4fr) minmax(130px,.6fr) minmax(180px,.8fr) auto}.word-identity{display:flex;flex-direction:column;gap:4px}.word-identity strong{font-size:14px}.word-identity span{color:var(--muted);font-size:12px}.inline-tags{display:flex;flex-wrap:wrap;gap:5px}.missing-value{color:#a05a5a;font-size:12px}.source-code{padding:3px 6px;color:#44574e;background:#edf1ef;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.content-actions{min-height:32px}.content-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-lock-notice{margin-bottom:16px;padding:11px 13px;color:#74551d;background:#fff6dd;border-left:4px solid #dbad3f;font-size:12px;line-height:1.5}.phoneme-dialog-identity{display:flex;align-items:baseline;gap:13px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.phoneme-dialog-identity strong{font-size:34px}.phoneme-dialog-identity span{color:var(--muted);font-size:12px}.phoneme-summary-band{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:16px 20px;color:#fff;background:#21483a;border-radius:6px}.phoneme-summary-band>div{display:flex;align-items:center;gap:13px}.phoneme-summary-band span{display:flex;flex-direction:column;gap:3px}.phoneme-summary-band span strong{font-size:14px}.phoneme-summary-band span small{color:#bdd0c7;font-size:11px}.phoneme-summary-band>strong{font-size:28px}.phoneme-summary-band>strong small{margin-left:3px;color:#bdd0c7;font-size:12px}.phoneme-toolbar{margin-bottom:14px;overflow-x:auto}.phoneme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.phoneme-admin-card{min-width:0;padding:15px;background:#fff;border:1px solid var(--line);border-top:4px solid #d8ae3e;border-radius:6px}.phoneme-admin-card[data-accent=blue]{border-top-color:#5f96bd}.phoneme-admin-card[data-accent=coral]{border-top-color:#d87863}.phoneme-admin-card[data-accent=green]{border-top-color:#5c967b}.phoneme-admin-card>header,.phoneme-admin-card>footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.phoneme-admin-card>header>span{color:var(--muted);font-size:10px}.phoneme-admin-identity{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:18px 0 14px}.phoneme-admin-identity strong{font-size:28px}.phoneme-admin-identity span{color:var(--muted);font-size:11px}.phoneme-admin-card dl{margin:0 0 13px}.phoneme-admin-card dl div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;padding:7px 0;border-top:1px solid #eef1ef}.phoneme-admin-card dt{color:var(--muted);font-size:11px}.phoneme-admin-card dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:12px;font-weight:600}.phoneme-admin-card dd small{display:block;margin-top:2px;color:var(--muted);font-size:10px;font-weight:400}.phoneme-admin-card dd.ready{color:var(--brand)}.phoneme-admin-card>footer{padding-top:3px}.phoneme-admin-card>footer .el-button{margin-left:auto}.mobile-menu,.nav-backdrop{display:none}@media (max-width: 1120px){.phoneme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.phoneme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.admin-shell{grid-template:58px 1fr / 1fr}.mobile-menu{display:inline-grid}.topbar{padding:0 12px}.topbar .brand-lockup{margin-right:auto;margin-left:6px}.account-menu>span{display:none}.sidebar{position:fixed;inset:58px auto 0 0;width:218px;z-index:30;transform:translate(-100%);transition:transform .18s ease}.sidebar.open{transform:translate(0)}.nav-backdrop{display:block;position:fixed;top:58px;right:0;bottom:0;left:0;z-index:25;padding:0;background:#0a141061;border:0}.main-content{grid-column:1;padding:20px 14px 36px}.page-header,.detail-header{flex-direction:column;align-items:stretch}.page-header-actions{justify-content:space-between}.filter-band{grid-template-columns:1fr}.content-form-grid{grid-template-columns:1fr;gap:0}.phoneme-grid{grid-template-columns:1fr}.phoneme-summary-band{align-items:flex-start}.overview-metrics{grid-template-columns:1fr}.detail-actions{justify-content:flex-start}.detail-grid,.metrics-band{grid-template-columns:1fr}.metrics-band div{border-right:0;border-bottom:1px solid var(--line)}.metrics-band div:last-child{border-bottom:0}.pagination-row{overflow-x:auto;justify-content:flex-start}}