:root{--wb-admin-bg: #f6f6ea;--wb-admin-surface: #fffdf6;--wb-admin-surface-soft: #fff7ef;--wb-admin-primary: #f6b85e;--wb-admin-primary-dark: #d98c3f;--wb-admin-green: #8bbf8a;--wb-admin-blue: #7db7e8;--wb-admin-red: #ee7c6b;--wb-admin-title: #5b3a29;--wb-admin-text: #6d5b4b;--wb-admin-muted: #9f9488;--wb-admin-border: #eadfc8;--wb-admin-shadow: 0 16px 40px rgba(91, 58, 41, .08);--wb-admin-radius-lg: 24px;--wb-admin-radius-md: 18px;--wb-admin-radius-pill: 999px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;background:var(--wb-admin-bg);color:var(--wb-admin-text)}a{color:inherit;text-decoration:none}.admin-layout{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.admin-sidebar{padding:24px 18px;border-right:1px solid var(--wb-admin-border);background:linear-gradient(180deg,#fffdf6,#fff7ef)}.admin-sidebar__brand{display:flex;align-items:center;gap:14px;padding:12px;border-radius:var(--wb-admin-radius-md);background:#ffffffb8}.admin-sidebar__logo{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff3d4;font-size:26px}.admin-sidebar__title{margin:0;color:var(--wb-admin-title);font-size:18px;font-weight:700}.admin-sidebar__subtitle{margin:6px 0 0;color:var(--wb-admin-muted);font-size:12px}.admin-sidebar__nav{display:flex;flex-direction:column;gap:10px;margin-top:28px}.admin-sidebar__link{padding:12px 14px;border-radius:14px;color:var(--wb-admin-text);font-size:14px;font-weight:600}.admin-sidebar__link--active,.admin-sidebar__link:hover{background:var(--wb-admin-primary);color:#fff}.admin-main{padding:24px}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid var(--wb-admin-border);border-radius:var(--wb-admin-radius-lg);background:var(--wb-admin-surface);box-shadow:var(--wb-admin-shadow)}.admin-header__title{margin:0;color:var(--wb-admin-title);font-size:28px}.admin-header__desc{margin:8px 0 0;color:var(--wb-admin-muted);font-size:14px}.admin-header__user{display:flex;align-items:center;gap:10px}.admin-header__badge{padding:8px 12px;border-radius:var(--wb-admin-radius-pill);background:#edf7ea;color:#5d9662;font-size:12px;font-weight:700}.admin-header__name{color:var(--wb-admin-title);font-weight:700}.admin-content{margin-top:20px}.admin-page-shell{display:flex;flex-direction:column;gap:20px}.admin-panel-card{padding:24px;border:1px solid var(--wb-admin-border);border-radius:var(--wb-admin-radius-lg);background:var(--wb-admin-surface);box-shadow:var(--wb-admin-shadow)}.admin-panel-card__title{margin:0;color:var(--wb-admin-title);font-size:22px}.admin-panel-card__desc{margin:12px 0 0;color:var(--wb-admin-muted);font-size:14px;line-height:1.7}.login-page{display:grid;place-items:center;min-height:100vh;padding:24px;background:radial-gradient(circle at top,#fffdf6,#f6f6ea 65%)}.login-card{width:100%;max-width:420px;padding:36px;border:1px solid var(--wb-admin-border);border-radius:28px;background:var(--wb-admin-surface);box-shadow:var(--wb-admin-shadow);text-align:center}.login-card__icon{font-size:44px}.login-card__title{margin:14px 0 0;color:var(--wb-admin-title);font-size:26px}.login-card__desc{margin:12px 0 0;color:var(--wb-admin-muted);font-size:14px;line-height:1.7}.login-card__form{display:flex;flex-direction:column;gap:12px;margin-top:24px}.login-card__field,.login-card__button{display:flex;align-items:center;min-height:48px;padding:0 16px;border-radius:14px}.login-card__field{border:1px solid var(--wb-admin-border);background:#fffaf0;color:var(--wb-admin-muted)}.login-card__button{justify-content:center;background:var(--wb-admin-primary);color:#fff;font-weight:700}