:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#15252e;background:#f4f7f8;--canvas: #f4f7f8;--surface: #ffffff;--primary: #15252e;--muted: #6f7e86;--accent: #178b84;--accent-soft: #e4f4f2;--danger: #c73c48}*{box-sizing:border-box}body{margin:0;min-width:1080px;background:var(--canvas)}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 15%,#dff4f1,transparent 34%),linear-gradient(145deg,#eef7f6,#f7f8fa)}.login-card{width:420px;padding:20px;box-shadow:0 24px 80px #163e421f}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#fff;background:linear-gradient(145deg,#178b84,#0d5f5b);font-weight:800;font-size:22px;box-shadow:0 10px 24px #178b8447}.brand-mark.small{width:34px;height:34px;border-radius:10px;font-size:16px}.admin-layout{min-height:100vh;background:var(--canvas)}.admin-sider{position:sticky!important;top:0;height:100vh;background:#10262b!important}.sider-brand{height:76px;padding:0 22px;display:flex;align-items:center;gap:12px;color:#fff}.sider-brand strong,.sider-brand small{display:block}.sider-brand small{margin-top:2px;color:#8ca8ad;font-size:11px;letter-spacing:.08em}.admin-sider .ant-menu{border:0;background:transparent}.sider-footer{position:absolute;inset:auto 14px 18px;display:grid;gap:8px}.sider-footer .ant-typography{max-width:210px;overflow:hidden;color:#8ca8ad;font-size:12px;text-overflow:ellipsis}.sider-footer .ant-btn{padding-inline:0;color:#b8c9cc;justify-content:flex-start}.admin-header{height:64px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:#ffffffeb;border-bottom:1px solid #e5ebed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.admin-header h4{margin:0}.admin-header>div .ant-typography{display:block;line-height:1.25}.admin-content{width:min(1500px,calc(100% - 64px));margin:0 auto;padding:38px 0 64px}.page-heading h2{margin:0 0 4px}.summary-row{margin:24px 0 16px}.summary-row .ant-card,.panel-card{border:1px solid #e4eaec;box-shadow:0 8px 30px #1f39420d}.panel-card .ant-card-body{padding:8px 20px 20px}.muted{color:var(--muted);font-size:12px;margin-top:3px}.error-text{color:var(--danger);font-size:12px;margin-top:4px}.form-alert{margin-bottom:18px}.selected-row>td{background:var(--accent-soft)!important}.selected-row{cursor:pointer}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.skin-preview{position:relative;min-height:112px;padding:42px 14px 14px;border:1px solid #dfe6e8;border-radius:10px;overflow:hidden}.skin-preview-bar{position:absolute;inset:0 0 auto;height:30px}.skin-preview strong,.skin-preview span{display:block}.skin-preview span{margin-top:4px;color:var(--muted);font-size:12px}.skin-preview i{position:absolute;right:12px;bottom:12px;width:12px;height:12px;border-radius:50%}