.layui-icon{display:inline-block;width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:contain}
.icon-user{background-image:url('icons/user.svg')}.icon-chart{background-image:url('icons/chart.svg')}
.icon-dashboard{background-image:url('icons/layout-dashboard.svg')}.icon-link{background-image:url('icons/link.svg')}.icon-settings{background-image:url('icons/settings.svg')}.icon-shield{background-image:url('icons/shield-check.svg')}
.icon-eye{background-image:url('icons/eye.svg')}.icon-eye-off{background-image:url('icons/eye-off.svg')}
.icon-info{background-image:url('icons/info.svg')}
.panel-alert{margin:20px 27px 0}.main-content>section+section{margin-top:22px}.device-links div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact .layui-input{margin-bottom:7px}.table-link{color:var(--accent);font-size:12px}.tag{display:inline-flex;padding:4px 8px;border-radius:6px;font-size:11px}.tag.android{background:#ecfbf4;color:#16815a}.tag.ios{background:#f1f4f8;color:#5a6679}.tag.desktop{background:#edf2ff;color:#3157d5}.tag.harmony{background:#fff5e8;color:#b46a10}.danger-btn{background:#fff1f3!important;color:#c43b4d!important;border:1px solid #ffd5da!important}.status-enabled{color:#14946a}.status-disabled{color:#a0a9b7}.empty-cell{text-align:center!important;color:#9aa6b6!important;padding:48px!important}.form-tip{margin:0 0 18px;padding:10px 12px;border-radius:8px;background:#f7f9fc;color:#8794a6;font-size:11px}.guide{display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding:17px 20px;border:1px solid #e2eaff;border-radius:12px;background:#f8faff}.guide-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e6edff}.guide h3{margin:0 0 5px;font-size:13px}.guide p{margin:0;color:#78869a;font-size:12px}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:22px}.trend-list,.device-stat-list{padding:18px 27px}.trend-row{display:grid;grid-template-columns:58px 1fr 42px;gap:12px;align-items:center;margin:12px 0;color:#7d899b;font-size:12px}.trend-track{height:8px;border-radius:8px;background:#eef2f7;overflow:hidden}.trend-track i{display:block;height:100%;border-radius:8px;background:var(--accent)}.device-stat-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eef1f5;color:#66748a}.device-stat-row:last-child{border-bottom:0}.log-url{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remember-option{display:flex;align-items:center;gap:8px;margin:3px 0 17px;color:#7d899b;font-size:13px}.remember-option input{accent-color:var(--accent)}
@media(max-width:760px){.analytics-grid{grid-template-columns:1fr}.layui-table{min-width:620px}}
.project-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 32px;margin-bottom:22px;border:1px solid #e4eaf4;border-radius:16px;background:linear-gradient(115deg,#f8faff,#fff)}.project-hero h2{margin:0 0 7px;font-size:22px;letter-spacing:-.4px}.project-hero p{margin:0;color:#7d899b;font-size:13px}.project-hero-meta{min-width:150px;padding-left:26px;border-left:1px solid #e2e8f1}.project-hero-meta span,.project-hero-meta small{display:block;color:#98a4b5;font-size:11px}.project-hero-meta strong{display:block;margin:3px 0;font-size:27px;color:var(--accent)}.project-alert{margin:0 0 22px}.step-badge{padding:6px 10px;border-radius:6px;background:#edf2ff;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:1px}.project-form{padding:25px 27px 28px}.project-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.project-form-grid .form-item:first-child{grid-column:1/-1}.project-form-grid .layui-input{height:43px}.project-form label .layui-icon{width:14px;height:14px;vertical-align:-2px;margin-right:4px}.icon-android{background-image:url('icons/smartphone.svg')}.icon-ios{background-image:url('icons/apple.svg')}.icon-windows{background-image:url('icons/monitor.svg')}.icon-harmony{background-image:url('icons/sparkles.svg')}.project-form-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:5px}.project-form-foot>span{color:#98a4b5;font-size:11px}.project-form-foot>span .layui-icon{width:14px;height:14px;vertical-align:-3px;margin-right:4px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:28px 0 15px}.section-heading h3{margin:0 0 4px;font-size:17px}.section-heading p{margin:0;color:#98a4b5;font-size:12px}.project-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{padding:22px;border:1px solid #e5eaf2;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(39,60,95,.035)}.project-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.project-title{display:flex;align-items:center;gap:11px}.project-icon{width:38px;height:38px;border-radius:10px;background:#edf2ff;display:grid;place-items:center}.project-icon .layui-icon{width:19px;height:19px}.project-title h4{margin:0 0 3px;font-size:15px}.project-title small{color:#9aa6b6;font-size:11px}.project-card-actions{display:flex;align-items:center;gap:4px}.project-card-actions form{margin:0}.icon-action{width:30px;height:30px;padding:0;border:0;border-radius:7px;background:transparent;display:grid;place-items:center;cursor:pointer;list-style:none}.icon-action::-webkit-details-marker{display:none}.icon-action:hover{background:#edf2ff}.icon-action.danger:hover{background:#fff0f2}.edit-popover{position:absolute;right:0;top:35px;width:320px;padding:17px;background:#fff;border:1px solid #e1e7f0;border-radius:12px;box-shadow:0 16px 35px rgba(26,42,72,.14);z-index:3}.project-card-actions details{position:relative}.edit-popover .form-item{margin-bottom:10px}.edit-popover .form-item label{font-size:11px;margin-bottom:5px}.edit-popover .layui-input{height:35px;font-size:12px}.share-box{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:21px 0 17px;padding:13px 14px;border-radius:10px;background:#f7f9fd;border:1px solid #edf0f5}.share-label{display:block;color:#98a4b5;font-size:10px;margin-bottom:3px}.share-box strong{display:block;max-width:280px;color:#44536b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-link-list{border-top:1px solid #eef1f5;padding-top:8px}.device-link-list>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:9px;align-items:center;padding:8px 0}.device-link-list a{color:#66758b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-link-list em{grid-column:2;color:#a2adba;font-size:10px;font-style:normal;margin-top:-6px}.device-pill{display:inline-flex;justify-content:center;padding:4px 7px;border-radius:5px;font-size:10px;font-weight:650}.device-pill.android{background:#ecfbf4;color:#15835b}.device-pill.ios{background:#f1f4f8;color:#5c687a}.device-pill.windows{background:#edf2ff;color:#3157d5}.device-pill.harmony{background:#fff5e8;color:#b66d15}.project-empty{grid-column:1/-1;padding:60px 20px;text-align:center;border:1px dashed #dfe6ef;border-radius:15px}.project-empty .empty-illustration{margin:0 auto 13px}.project-empty h4{margin:0 0 5px;font-size:15px}.project-empty p{margin:0;color:#9aa6b6;font-size:12px}
@media(max-width:800px){.project-card-grid{grid-template-columns:1fr}.project-hero{align-items:flex-start;flex-direction:column}.project-hero-meta{width:100%;padding:13px 0 0;border-left:0;border-top:1px solid #e2e8f1}.project-form-grid{grid-template-columns:1fr}.project-form-grid .form-item:first-child{grid-column:auto}.project-form-foot{align-items:flex-start;flex-direction:column}.project-form-foot .layui-btn{width:100%}}
.icon-android,.icon-ios,.icon-windows,.icon-harmony{background-image:url('icons/link.svg')}
.row-share strong{max-width:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;word-break:break-all}
.row-share>div{min-width:0;flex:1}
.analytics-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.analytics-summary>div{padding:18px 21px;border:1px solid #e4eaf2;border-radius:12px;background:#fff}.analytics-summary span{display:block;color:#8e9aab;font-size:11px;margin-bottom:5px}.analytics-summary strong{font-size:25px;color:var(--accent)}
@media(max-width:620px){.analytics-summary{grid-template-columns:1fr}}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 24px;border-top:1px solid #eef1f5;color:#98a4b5;font-size:11px}.pagination>div{display:flex;gap:6px;align-items:center}.pagination a{min-width:30px;height:30px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e1e7ef;border-radius:7px;color:#708097;background:#fff}.pagination a:hover,.pagination a.active{border-color:var(--accent);background:#edf2ff;color:var(--accent)}
@media(max-width:620px){.pagination{align-items:flex-start;flex-direction:column}.pagination>div{width:100%;justify-content:center}}
.main-content>section{margin-bottom:22px}.main-content>section:last-child{margin-bottom:0}.main-content>.panel{margin-bottom:22px}.main-content>.panel:last-child{margin-bottom:0}.stats-grid,.analytics-summary{margin-bottom:24px}.analytics-grid{margin-bottom:24px}.analytics-grid>.panel{margin-bottom:0}.project-card-stack{gap:18px}.project-row-card{margin:0}.project-list-section{margin-top:0}.panel+.panel{margin-top:22px}.welcome+.stats-grid{margin-top:0}.modal-backdrop{padding:24px}.modal-card{background:#fff;margin:0}
.page-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #edf1f6}.page-intro h2{margin:0 0 6px;font-size:21px}.page-intro p{margin:0;color:#8794a7;font-size:13px}.intro-count{display:flex;align-items:baseline;gap:6px}.intro-count strong{font-size:29px;color:var(--accent)}.intro-count span{color:#9aa6b6;font-size:12px}.project-workspace-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}.create-project-panel{position:sticky;top:24px;padding:22px 21px;border:1px solid #e5eaf2;border-radius:15px;background:#fff;box-shadow:0 9px 25px rgba(39,60,95,.035)}.create-heading{display:flex;align-items:center;gap:11px;padding-bottom:18px;border-bottom:1px solid #edf1f5}.create-icon{width:36px;height:36px;border-radius:10px;background:#edf2ff;display:grid;place-items:center}.create-heading h3{margin:0 0 3px;font-size:16px}.create-heading p{margin:0;color:#9aa6b6;font-size:11px}.create-tip{display:flex;gap:7px;margin:17px 0;padding:10px;border-radius:8px;background:#f7f9fd;color:#8390a3;font-size:11px;line-height:1.6}.create-tip .layui-icon{width:14px;height:14px;flex:none}.create-project-panel .project-form{padding:0}.create-project-panel .form-item{margin-bottom:14px}.create-project-panel .form-item label{font-size:12px;margin-bottom:6px}.create-project-panel .layui-input{height:40px;font-size:12px}.create-submit{width:100%;margin-top:2px}.list-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.list-heading h3{margin:0 0 4px;font-size:17px}.list-heading p{margin:0;color:#98a4b5;font-size:12px}.list-sort{color:#a1acba;font-size:11px}.project-card-stack{display:flex;flex-direction:column;gap:15px}.project-row-card{padding:21px 23px;border:1px solid #e4e9f1;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(39,60,95,.03)}.row-card-top{display:flex;justify-content:space-between;align-items:flex-start}.row-actions{display:flex;align-items:center;gap:3px}.row-actions form{margin:0}.row-share{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:19px 0 13px;padding:12px 14px;border:1px solid #e8edf4;border-radius:9px;background:#fafbfe}.row-share span{display:block;color:#9aa6b6;font-size:10px;margin-bottom:3px}.row-share strong{display:block;max-width:420px;color:#42516a;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-rows{border-top:1px solid #eef1f5;padding-top:6px}.device-rows>div{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0}.device-rows a{color:#66758b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-rows em{color:#a1acba;font-size:10px;font-style:normal}.project-empty{padding:64px 20px;text-align:center;border:1px dashed #dfe6ef;border-radius:14px}.project-empty h4{margin:0 0 5px;font-size:15px}.project-empty p{margin:0;color:#9aa6b6;font-size:12px}
@media(max-width:980px){.project-workspace-grid{grid-template-columns:1fr}.create-project-panel{position:static}.project-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-form-grid .form-item:first-child{grid-column:1/-1}}
@media(max-width:620px){.page-intro{align-items:flex-start;flex-direction:column;gap:10px}.project-form-grid{grid-template-columns:1fr}.project-form-grid .form-item:first-child{grid-column:auto}.row-share{align-items:flex-start;flex-direction:column}.row-share .layui-btn{width:100%}.device-rows>div{grid-template-columns:68px minmax(0,1fr)}.device-rows em{grid-column:2;margin-top:-5px}.edit-popover{position:fixed;left:14px;right:14px;top:90px;width:auto}}
.pagination .disabled{min-width:30px;height:30px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #edf0f4;border-radius:7px;color:#c2c9d3;background:#fafbfc}
.sidebar-icp{display:block;margin:8px 0 0 15px;color:#b0bac7;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.footer-icp{display:block;margin-top:5px;color:#b1bbc7}
.dashboard-welcome{padding:28px 31px}.welcome-kicker{display:block;margin-bottom:7px;color:#a1adbc;font-size:10px;letter-spacing:1.5px;font-weight:700}.welcome-actions{display:flex;gap:9px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:24px}.dashboard-stat{position:relative;overflow:hidden;padding:22px 23px;border:1px solid #e3e9f1;border-radius:14px;background:#fff}.dashboard-stat>span,.dashboard-stat>strong,.dashboard-stat>small{display:block;position:relative;z-index:1}.dashboard-stat>span{color:#8996a8;font-size:12px}.dashboard-stat>strong{margin:8px 0 6px;font-size:29px;line-height:1;color:var(--accent)}.dashboard-stat>small{color:#a3adba;font-size:11px}.dashboard-stat>.layui-icon{position:absolute;right:18px;top:18px;width:40px;height:40px;opacity:.15}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:20px;margin-bottom:22px}.text-link{color:var(--accent);font-size:12px}.recent-list{padding:7px 24px 12px}.recent-item{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #eef1f5}.recent-item:last-child{border-bottom:0}.recent-icon{width:33px;height:33px;border-radius:9px;background:#edf2ff;display:grid;place-items:center}.recent-item span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1}.recent-item strong{font-size:13px}.recent-item small{color:#a0aaba;font-size:11px}.recent-arrow{width:15px;height:15px;opacity:.55}.device-overview{padding:14px 24px 19px}.device-overview-row{display:grid;grid-template-columns:92px minmax(0,1fr) 38px;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #eef1f5}.device-overview-row:last-child{border-bottom:0}.device-bar{height:7px;border-radius:8px;background:#eef2f7;overflow:hidden}.device-bar i{display:block;height:100%;border-radius:8px;background:var(--accent)}.device-overview-row strong{text-align:right;font-size:13px}.dashboard-guide{display:flex;gap:12px;align-items:flex-start;padding:17px 20px;border:1px solid #e2eaff;border-radius:12px;background:#f8faff}.dashboard-guide h3{margin:0 0 5px;font-size:13px}.dashboard-guide p{margin:0;color:#78869a;font-size:12px;line-height:1.7}
@media(max-width:820px){.dashboard-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.dashboard-stats{grid-template-columns:1fr}.dashboard-welcome{padding:23px}.welcome-actions{width:100%}.welcome-actions .layui-btn{flex:1}.device-overview-row{grid-template-columns:82px minmax(0,1fr) 32px}}
.copy-project .icon-copy{filter:brightness(0) invert(1)}
.admin-dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:29px 31px;margin-bottom:22px;border:1px solid #e3e9f2;border-radius:16px;background:linear-gradient(115deg,#f8faff,#fff)}.admin-dashboard-hero h2{margin:0 0 7px;font-size:22px}.admin-dashboard-hero p{margin:0;color:#7e8b9e;font-size:13px}.hero-date{min-width:150px;padding-left:25px;border-left:1px solid #e0e7f0}.hero-date span,.hero-date small{display:block;color:#9aa6b6;font-size:11px}.hero-date strong{display:block;margin:3px 0;font-size:18px;color:var(--accent)}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.admin-metric{position:relative;overflow:hidden;padding:20px 21px;border:1px solid #e3e9f1;border-radius:13px;background:#fff}.admin-metric.highlight{border-color:#cbd8fa;background:#f8faff}.admin-metric span,.admin-metric strong,.admin-metric small{position:relative;z-index:1;display:block}.admin-metric span{color:#8996a8;font-size:11px}.admin-metric strong{margin:8px 0 5px;font-size:27px;line-height:1;color:var(--accent)}.admin-metric small{color:#a1acba;font-size:10px}.admin-metric>.layui-icon{position:absolute;right:17px;top:17px;width:38px;height:38px;opacity:.14}.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:20px;margin-bottom:20px}.admin-dashboard-grid.lower{grid-template-columns:1fr 1fr}.admin-trend-list{height:210px;display:flex;align-items:flex-end;gap:15px;padding:21px 26px}.admin-trend-row{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.admin-trend-row span{color:#9aa6b6;font-size:10px}.admin-trend-row strong{font-size:11px;color:#64728a}.admin-trend-track{height:135px;width:18px;display:flex;align-items:flex-end;border-radius:8px;background:#f1f4f9;overflow:hidden}.admin-trend-track i{display:block;width:100%;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#7895ef,#3157d5)}.admin-device-list{padding:12px 25px 18px}.admin-device-row{display:grid;grid-template-columns:86px minmax(0,1fr) 34px;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #eef1f5}.admin-device-row:last-child{border-bottom:0}.admin-device-bar{height:7px;border-radius:7px;background:#eef2f7;overflow:hidden}.admin-device-bar i{display:block;height:100%;border-radius:7px;background:#7895ef}.admin-device-row strong{text-align:right;font-size:12px}.admin-project-list,.admin-user-list{padding:8px 25px 14px}.admin-project-row,.admin-user-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #eef1f5}.admin-project-row:last-child,.admin-user-row:last-child{border-bottom:0}.admin-project-row>span:nth-child(2){flex:1;font-size:12px}.admin-project-row strong{font-size:11px;color:#65738a}.rank{width:28px;color:#9aa6b6;font-size:11px;font-weight:700}.admin-user-row .avatar{flex:none}.admin-user-row>span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1}.admin-user-row strong{font-size:12px}.admin-user-row small{color:#a1acba;font-size:10px}.admin-user-row em{font-size:10px;font-style:normal}.admin-quick-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 23px;margin-bottom:22px;border:1px solid #e3e9f1;border-radius:13px;background:#fff}.admin-quick-actions h3{margin:0 0 4px;font-size:14px}.admin-quick-actions p{margin:0;color:#9aa6b6;font-size:11px}.quick-links{display:flex;gap:9px}.quick-links a{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #e4e9f1;border-radius:8px;color:#637188;font-size:11px}.quick-links a:hover{border-color:#cbd8fa;background:#f7f9ff;color:var(--accent)}.quick-links .layui-icon{width:15px;height:15px}
@media(max-width:950px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-grid,.admin-dashboard-grid.lower{grid-template-columns:1fr}}
@media(max-width:620px){.admin-dashboard-hero{align-items:flex-start;flex-direction:column}.hero-date{width:100%;padding:13px 0 0;border-left:0;border-top:1px solid #e0e7f0}.admin-metrics{grid-template-columns:1fr}.admin-quick-actions{align-items:flex-start;flex-direction:column}.quick-links{width:100%;flex-wrap:wrap}.quick-links a{flex:1;justify-content:center}}
.intro-actions{display:flex;align-items:center;gap:20px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(20,31,52,.34)}.modal-backdrop.show{display:flex}.project-modal{width:min(100%,540px);max-height:calc(100vh - 40px);overflow:auto;border-radius:16px;background:#fff!important;box-shadow:0 24px 70px rgba(22,36,66,.22)}.project-modal .modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;border-bottom:1px solid #edf1f5;background:#fff}.project-modal .modal-head h3{margin:0 0 5px;font-size:17px}.project-modal .modal-head p{margin:0;color:#98a4b5;font-size:12px}.modal-close{width:31px;height:31px;border:0;border-radius:8px;background:#f5f7fa;display:grid;place-items:center;cursor:pointer}.modal-close:hover{background:#edf2ff}.project-modal .create-tip{margin:18px 24px 0}.modal-form{padding:18px 24px 24px;background:#fff}.modal-form .form-item{margin-bottom:14px}.modal-form .layui-input{height:42px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:5px}.toast{position:fixed;right:24px;bottom:24px;z-index:120;padding:11px 16px;border-radius:8px;background:#1e293b;color:#fff;font-size:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}
.admin-users-intro{margin-bottom:22px}.user-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.user-metrics>div{padding:18px 21px;border:1px solid #e3e9f1;border-radius:12px;background:#fff}.user-metrics span{display:block;color:#8e9aab;font-size:11px;margin-bottom:5px}.user-metrics strong{font-size:25px;color:var(--accent)}.user-list{padding:6px 24px 10px}.user-row{display:grid;grid-template-columns:minmax(220px,1.3fr) 150px minmax(250px,.9fr);gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid #eef1f5}.user-row:last-child{border-bottom:0}.user-main{display:flex;align-items:center;gap:12px}.user-main .avatar{width:38px;height:38px;border-radius:11px}.user-main h4{margin:0 0 4px;font-size:14px}.user-main p{margin:0;color:#9aa6b6;font-size:11px}.user-role{display:flex;flex-direction:column;gap:5px;color:#65738a;font-size:11px}.user-role em{font-style:normal;font-size:11px}.user-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px;white-space:nowrap}.user-actions form{margin:0}.user-modal{width:min(100%,460px)}
.user-modal{background:#fff!important;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(22,36,66,.22)}.user-modal .modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;border-bottom:1px solid #edf1f5;background:#fff}.user-modal .modal-head h3{margin:0 0 5px;font-size:17px}.user-modal .modal-head p{margin:0;color:#98a4b5;font-size:12px}.user-modal .modal-form{padding:22px 24px 24px;background:#fff}.user-modal .form-item{margin:0 0 18px}.user-modal .form-item label{display:block;margin:0 0 8px;color:#435166;font-size:13px;font-weight:650}.user-modal .layui-input{height:43px;width:100%}.user-modal .modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.user-modal .modal-actions .layui-btn{min-width:86px}
@media(max-width:900px){.user-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.user-row{grid-template-columns:1fr auto}.user-role{align-items:flex-end}.user-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:620px){.user-metrics{grid-template-columns:1fr}.user-row{grid-template-columns:1fr;gap:12px}.user-role{align-items:flex-start}.user-actions{flex-wrap:wrap}}
.settings-intro{margin-bottom:22px}.settings-status{display:flex;align-items:center;gap:6px;color:#7f8ca0;font-size:11px}.settings-status .layui-icon{width:15px;height:15px}.settings-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:22px;align-items:start}.settings-main-card{min-height:100%}.settings-main-card .panel-head,.brand-assets-card .panel-head{padding:22px 25px}.settings-form-body{padding:24px 25px 20px}.settings-form-body .form-item{margin-bottom:19px}.settings-form-body .layui-input{height:44px}.settings-form-body .layui-textarea{min-height:145px}.settings-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-side-column{display:flex;flex-direction:column;gap:18px}.brand-assets-card{overflow:visible}.asset-setting{padding:20px 22px;border-bottom:1px solid #eef1f5}.asset-setting:last-child{border-bottom:0}.asset-setting-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.asset-setting-head strong,.asset-setting-head small{display:block}.asset-setting-head strong{font-size:13px}.asset-setting-head small{margin-top:3px;color:#9ca8b8;font-size:10px}.asset-setting-icon{width:32px;height:32px;border-radius:9px;background:#edf2ff;display:grid;place-items:center}.asset-setting-icon.favicon{background:#f5f0ff}.asset-setting-icon .layui-icon{width:16px;height:16px}.asset-upload{display:flex;align-items:center;gap:13px}.asset-preview-box{width:58px;height:58px;border:1px solid #e1e7ef;border-radius:11px;background:#fbfcfe;display:grid;place-items:center;color:#9ba7b7;font-size:11px;overflow:hidden}.asset-preview-box img{max-width:100%;max-height:100%;object-fit:contain}.favicon-box{width:46px;height:46px}.upload-button{position:relative;display:inline-flex;align-items:center;height:34px;padding:0 12px;border:1px solid #dfe6ef;border-radius:8px;color:#65738a;background:#fff;font-size:11px;cursor:pointer}.upload-button:hover{border-color:#cbd8fa;color:var(--accent);background:#f7f9ff}.upload-button input{position:absolute;width:1px;height:1px;opacity:0}.settings-save-card{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;border:1px solid #e2e8f0;border-radius:13px;background:#fff}.settings-save-card strong{font-size:13px}.settings-save-card p{margin:3px 0 0;color:#9aa6b6;font-size:11px}.settings-save-card .layui-btn{flex:none}
@media(max-width:900px){.settings-workspace{grid-template-columns:1fr}.settings-side-column{display:grid;grid-template-columns:1fr 1fr}.settings-save-card{grid-column:1/-1}}
@media(max-width:620px){.settings-inline-fields{grid-template-columns:1fr}.settings-side-column{display:flex}.settings-save-card{align-items:flex-start;flex-direction:column}.settings-save-card .layui-btn{width:100%}}