:root{font-family:PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif;color:#1b252b;background:#f4f8fa;font-synthesis:none;--accent: #2a98d5;--accent-dark: #1678ae;--accent-soft: #e8f5fb;--ink: #1b252b;--muted: #687780;--line: #dce6eb;--surface: #fff;--success: #187b57;--danger: #b33948}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:#f4f8fa}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.68}.boot-screen{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:18px;color:var(--muted);font-size:13px}.boot-line{width:160px;height:3px;overflow:hidden;border-radius:2px;background:#dce9ee}.boot-line:after{content:"";display:block;width:48%;height:100%;background:var(--accent);animation:loading 1s ease-in-out infinite alternate}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(210%)}}.brand-tile{width:58px;height:58px;display:grid;place-items:center;border-radius:14px;color:var(--accent);background:#fff;font-weight:900;letter-spacing:-.07em;box-shadow:0 10px 28px #14455c21}.brand-tile.small{width:40px;height:40px;border-radius:10px;font-size:13px}.overline{display:block;color:#ffffffb8;font-size:11px;font-weight:800;letter-spacing:.16em}.overline.accent{color:var(--accent-dark)}.login-page{min-height:100dvh;display:grid;grid-template-columns:minmax(360px,1.08fr) minmax(420px,.92fr)}.login-brand{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(42px,7vw,88px);color:#fff;background:#238ec9}.login-brand:after{content:"";position:absolute;z-index:-1;right:-170px;bottom:-230px;width:520px;height:520px;border:86px solid rgba(255,255,255,.085);border-radius:50%}.brand-copy{margin:auto 0}.brand-copy h1{max-width:560px;margin:16px 0 22px;font-size:clamp(38px,5vw,66px);line-height:1.08;letter-spacing:-.055em}.brand-copy p{max-width:520px;margin:0;color:#ffffffc7;font-size:16px;line-height:1.9}.admin-only{display:flex;align-items:center;gap:10px;color:#ffffffc7;font-size:13px}.admin-only i{width:8px;height:8px;border-radius:50%;background:#86edbb;box-shadow:0 0 0 5px #86edbb21}.login-form-panel{display:grid;place-items:center;padding:48px;background:#fff}.login-form{width:min(390px,100%);display:grid;gap:20px}.login-form h2{margin:10px 0 8px;font-size:31px;letter-spacing:-.04em}.login-form p{margin:0;color:var(--muted)}.login-form>small,.create-panel>small{color:#87949b;font-size:12px;line-height:1.6}label{display:grid;gap:8px;color:#34444c;font-size:13px;font-weight:700}input{width:100%;height:48px;padding:0 14px;border:1px solid #cad8df;border-radius:10px;outline:none;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#9da9af}input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #2a98d521}.primary-button{min-height:48px;border:0;border-radius:10px;color:#fff;background:var(--accent);font-weight:750;transition:background .15s,transform .15s}.primary-button:hover:not(:disabled){background:var(--accent-dark)}.primary-button:active:not(:disabled),.secondary-button:active{transform:translateY(1px)}.secondary-button{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:9px;color:#51616a;background:#fff;font-weight:650}.secondary-button:hover{border-color:#afc0c9;color:var(--ink)}.message{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid;border-radius:10px;font-size:13px;line-height:1.5}.message.error{color:var(--danger);border-color:#f1c6cc;background:#fff0f2}.message.success{color:var(--success);border-color:#c7e7d9;background:#eaf7f1}.message button{padding:0;border:0;color:inherit;background:none;font-weight:750;white-space:nowrap}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);background:#fffffff5}.topbar-brand{display:flex;align-items:center;gap:12px}.topbar-brand>div:last-child{display:grid;gap:2px}.topbar-brand strong{font-size:13px;letter-spacing:.07em}.topbar-brand span{color:var(--muted);font-size:11px}.dashboard{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:48px 0 72px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.page-heading h1{margin:9px 0 8px;font-size:32px;letter-spacing:-.045em}.page-heading p{margin:0;color:var(--muted)}.metric{min-width:150px;padding:15px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;margin-top:2px;font-size:28px;letter-spacing:-.04em}.dashboard>.message{margin-bottom:18px}.content-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;align-items:start}.create-panel,.users-panel{border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 9px 30px #2d52630e}.create-panel{padding:24px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-title h2,.users-toolbar h2{margin:0 0 4px;font-size:18px;letter-spacing:-.025em}.section-title p,.users-toolbar p{margin:0;color:var(--muted);font-size:12px}.add-mark{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:var(--accent-dark);background:var(--accent-soft);font-size:25px}.create-panel form{display:grid;gap:18px}.create-panel>small{display:block;margin-top:14px}.users-panel{min-width:0;overflow:hidden}.users-toolbar{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line)}.users-toolbar input{width:220px;height:40px;font-size:13px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{padding:13px 16px;color:#77858c;background:#f8fafb;font-size:11px;font-weight:750;letter-spacing:.04em;text-align:left;white-space:nowrap}td{padding:17px 16px;border-top:1px solid #edf1f3;color:#506069;white-space:nowrap}tbody tr:first-child td{border-top:0}tbody tr:hover{background:#fbfdfe}td strong{display:block;color:var(--ink);font-size:13px}td small{display:block;margin-top:4px;color:#89959b}.type-badge{display:inline-flex;padding:5px 9px;border-radius:999px;color:var(--accent-dark);background:var(--accent-soft);font-size:11px;font-weight:750}.status{display:inline-flex;align-items:center;gap:6px;color:var(--success);font-weight:700}.status i{width:7px;height:7px;border-radius:50%;background:#31ad7c}.time{color:#75838a}.empty-state{min-height:270px;display:grid;place-content:center;justify-items:center;gap:7px;color:var(--muted)}.empty-state strong{color:var(--ink)}.empty-state span{font-size:13px}.table-skeleton{display:grid;gap:1px;background:#edf1f3}.table-skeleton div{height:62px;background:linear-gradient(90deg,#fff 20%,#f5f8f9,#fff 64%);background-size:250% 100%;animation:shimmer 1.2s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-brand{min-height:310px;padding:38px}.brand-copy{margin-top:48px}.brand-copy h1{font-size:38px}.admin-only{display:none}.login-form-panel{padding:48px 28px}.content-layout{grid-template-columns:1fr}}@media(max-width:580px){.login-brand{min-height:245px;padding:26px 22px}.brand-copy{margin-top:32px}.brand-copy h1{margin:10px 0 0;font-size:29px}.brand-copy p{display:none}.login-form-panel{place-items:start stretch;padding:34px 22px 48px}.topbar{padding:0 16px}.dashboard{width:calc(100% - 32px);padding-top:30px}.page-heading{align-items:stretch;flex-direction:column}.metric{min-width:0}.create-panel{padding:20px}.users-toolbar{align-items:stretch;flex-direction:column;padding:20px}.users-toolbar input{width:100%}}