:root{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#252735;background:#f4f6f9;--red:#ed312c;--ink:#252735;--muted:#7b818d;--line:#e5e8ed}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 8%,#ffe9e5 0,transparent 24%),#f4f6f9}button,input,select{font:inherit}a{text-decoration:none}.root-header{height:70px;padding:0 max(24px,calc((100% - 1320px)/2));display:flex;align-items:center;justify-content:space-between;border-top:4px solid var(--red);background:#fff;box-shadow:0 2px 12px rgba(31,36,47,.05)}.root-header>a{display:flex;align-items:center;gap:10px;color:var(--ink)}.root-header img{width:43px;height:43px}.root-header span{display:flex;flex-direction:column}.root-header small{color:var(--red);font-size:9px;letter-spacing:.12em}.root-header nav{display:flex;gap:24px}.root-header nav a{color:#5f6570}main{width:min(1320px,calc(100% - 36px));margin:32px auto 60px}.title-row{display:flex;align-items:flex-end;justify-content:space-between}.title-row>div>span,.dialog-heading span{color:var(--red);font-size:11px;font-weight:800;letter-spacing:.14em}.title-row h1{margin:7px 0 5px;font-size:34px}.title-row p{margin:0;color:var(--muted)}.title-row>button,.primary{padding:12px 20px;border:0;border-radius:9px;color:#fff;background:var(--red);cursor:pointer}.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:25px 0}.summary-grid article{padding:19px 20px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(35,39,50,.04)}.summary-grid span{display:block;color:var(--muted);font-size:13px}.summary-grid b{display:block;margin-top:6px;font-size:27px}.user-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 36px rgba(35,39,50,.05)}.toolbar{min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line)}.toolbar h2{display:inline;margin:0 10px 0 0}.toolbar>div span{color:var(--muted);font-size:12px}.toolbar form{display:flex;gap:8px}.toolbar input{width:310px;height:40px;padding:0 12px;border:1px solid #dce0e6;border-radius:8px;outline:none}.toolbar button{padding:0 15px;border:1px solid #dfe2e7;border-radius:8px;color:#626873;background:#fff;cursor:pointer}.toolbar button:first-of-type{color:#fff;border-color:var(--red);background:var(--red)}.table-wrap{overflow:auto}table{width:100%;min-width:1040px;border-collapse:collapse}th{height:48px;padding:0 14px;color:#6c727d;background:#f7f8fa;text-align:left;font-weight:600}td{padding:15px 14px;border-top:1px solid #edf0f3;vertical-align:middle}.user-main{display:flex;align-items:center;gap:11px}.user-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#ef4541;font-weight:800}.user-main strong,.contact strong{display:block}.user-main small,.contact small{display:block;color:#969ba5}.root-tag,.status,.permission-tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:12px;font-size:11px}.root-tag{margin-left:5px;color:#fff;background:#242733}.status.active{color:#197047;background:#eaf8f0}.status.disabled{color:#9a3b36;background:#fff0ef}.permission-list{display:flex;gap:5px;flex-wrap:wrap;max-width:410px}.permission-tag{color:#3c536d;background:#edf3f8}.permission-tag.free{color:#85620f;background:#fff5d9}.permission-tag.admin{color:#a62e29;background:#fff0ef}.action-buttons{display:flex;gap:6px}.action-buttons button{padding:6px 9px;border:1px solid #dfe2e7;border-radius:6px;color:#5f6570;background:#fff;cursor:pointer}.action-buttons button:hover{color:var(--red);border-color:#f5aaa6}.empty{padding:80px;text-align:center;color:var(--muted)}dialog{width:min(760px,calc(100% - 24px));max-height:92vh;padding:0;border:0;border-radius:16px;box-shadow:0 28px 80px rgba(20,24,33,.28)}dialog::backdrop{background:rgba(25,28,37,.48);backdrop-filter:blur(2px)}dialog form{padding:25px 28px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line)}.dialog-heading h2{margin:5px 0 0}.dialog-heading>button{width:34px;height:34px;border:0;border-radius:50%;color:#666;background:#f3f4f6;font-size:21px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px;margin-top:20px}.form-grid label,#resetForm label{display:grid;gap:6px;color:#606671;font-size:13px}.form-grid input,.form-grid select,#resetForm input{height:42px;padding:0 11px;border:1px solid #dce0e6;border-radius:7px;outline:none}.form-grid input:disabled{color:#8d929b;background:#f4f5f7}.permission-editor{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.permission-editor h3{display:inline;margin:0 9px 0 0}.permission-editor>p{display:inline;color:var(--muted);font-size:12px}.permission-editor>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.permission-check{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid #e4e7ec;border-radius:9px}.permission-check input{margin-top:3px;accent-color:var(--red)}.permission-check span{display:flex;flex-direction:column}.permission-check small{color:#8b909b}.dialog-message{min-height:22px;margin-top:12px;color:#b23631}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.dialog-actions button{padding:10px 20px;border-radius:8px;cursor:pointer}.secondary{border:1px solid #dfe2e7;color:#626873;background:#fff}#resetDialog{width:min(470px,calc(100% - 24px))}#resetForm>p{color:var(--muted)}#resetForm label{margin:13px 0}@media(max-width:900px){.summary-grid{grid-template-columns:repeat(3,1fr)}.toolbar{align-items:flex-start;gap:12px;flex-direction:column}.toolbar form{width:100%}.toolbar input{flex:1;width:auto}}@media(max-width:650px){.root-header{height:auto;min-height:64px;padding:9px 12px}.root-header nav a:not(:first-child){display:none}main{width:calc(100% - 18px);margin-top:20px}.title-row{align-items:flex-start;gap:15px}.title-row h1{font-size:27px}.title-row p{font-size:13px}.title-row>button{padding:10px 12px;white-space:nowrap}.summary-grid{grid-template-columns:repeat(2,1fr);gap:8px}.summary-grid article{padding:14px}.summary-grid b{font-size:22px}.toolbar form{flex-wrap:wrap}.toolbar input{width:100%;flex-basis:100%}.form-grid,.permission-editor>div{grid-template-columns:1fr}dialog form{padding:20px 16px}}