:root{--color-primary: #6c57c3;--color-primary-hover: #55409d;--color-primary-soft: #f0ebfa;--color-gold: #f2bc5a;--surface-page: #faf8fc;--surface-card: #ffffff;--surface-sidebar: #221e39;--surface-sidebar-active: #403359;--text-primary: #161a24;--text-secondary: #616875;--text-muted: #8b919c;--border-subtle: #e9e4ed;--color-danger: #b43c3c;--radius-small: 8px;--radius-medium: 12px;--radius-large: 18px;--shadow-card: 0 2px 10px rgba(20, 24, 36, .06);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width: 224px;--mobile-nav-height: 64px;--content-max: 1200px}html,body{min-height:100%;margin:0}body{min-width:320px;color:var(--text-primary);background:var(--surface-page);font-family:var(--font-sans);font-size:14px;line-height:1.45}*,*:before,*:after{box-sizing:border-box}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}h1,h2,h3,p{text-wrap:pretty}h1,h2,h3,strong{color:var(--text-primary)}.section-title{margin:0 0 11px;font-size:14px;font-weight:680}.muted{color:var(--text-muted)}.page-container{width:min(100%,var(--content-max));margin-inline:auto;padding:30px 32px 48px}.page-header{display:flex;min-height:48px;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.page-header h1{margin:0;font-size:25px;font-weight:680;letter-spacing:-.025em}.page-header p{margin:5px 0 0;color:var(--text-secondary);font-size:13px}.primary-action{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-small);padding:0 15px;color:#fff;background:var(--color-primary);font-weight:600}.primary-action:hover{background:var(--color-primary-hover)}.surface-card{border:1px solid var(--border-subtle);border-radius:var(--radius-medium);background:var(--surface-card);box-shadow:var(--shadow-card)}@media(max-width:760px){.page-container{padding:18px 16px 30px}.page-header{min-height:40px;margin-bottom:16px}.page-header h1{font-size:22px}.page-header p{display:none}.page-header .primary-action{min-height:38px;padding-inline:12px;font-size:12px}}
