:root{--color-primary:#7177f8;--color-red:#9A1C18;--color-orange:#c17826;--color-green:#3C8639;--bg-gradient:linear-gradient(135deg,#7177F8,#585B92);--text-for-gradient:#EEF2F4;--text-for-gradient-secondary:#cbd0d6;--color-text:#24292e;--color-text-secondary:#848d95;--color-body:#eef2f4;--color-body-secondary:#ffffff;--color-border:rgba(0,0,0,0.1);--color-border-hover:rgba(0,0,0,0.3);--color-border-active:rgba(0,0,0,0.4);--radius:20px;--radius-small:8px;--color-button-primary:#EEF2F4;--bg-button-primary:var(--color-primary);--bg-button-primary-hover:#6167d8;--bg-button-primary-active:#5256b8;--color-button-transparent:#0c0f15;--bg-button-transparent:transparent;--bg-button-transparent-hover:rgba(0,0,0,0.1);--bg-button-transparent-active:rgba(0,0,0,0.15);--color-button-secondary:#0c0f15;--bg-button-secondary:rgba(0,0,0,0.05);--bg-button-secondary-hover:rgba(0,0,0,0.1);--bg-button-secondary-active:rgba(0,0,0,0.15);--color-button-overlay:#eef2f4;--bg-button-overlay:rgba(0,0,0,0.5);--bg-button-overlay-hover:rgba(0,0,0,0.8);--bg-button-overlay-active:rgba(0,0,0,0.9);--color-button-success:#EEF2F4;--bg-button-success:var(--color-green);--bg-button-success-hover:#31702f;--bg-button-success-active:#2b6129;--color-button-danger:#EEF2F4;--bg-button-danger:var(--color-red);--bg-button-danger-hover:#811815;--bg-button-danger-active:#68120f}[data-theme=dark]{--color-text:#F6F8FC;--color-text-secondary:#6f7177;--bg-gradient:linear-gradient(135deg,#7177F8,#585B92);--color-body:#10141c;--color-body-secondary:#0c0f15;--color-border:rgba(255,255,255,0.1);--color-border-hover:rgba(255,255,255,0.3);--color-border-active:rgba(255,255,255,0.4);--color-button-secondary:#EEF2F4;--bg-button-secondary:rgba(255,255,255,0.05);--bg-button-secondary-hover:rgba(255,255,255,0.1);--bg-button-secondary-active:rgba(255,255,255,0.15);--color-button-transparent:#EEF2F4;--bg-button-transparent-hover:rgba(255,255,255,0.1);--bg-button-transparent-active:rgba(255,255,255,0.15)}.color-primary{color:var(--color-primary)}.color-text{color:var(--color-text)}.color-red{color:var(--color-red)}.color-orange{color:var(--color-orange)}.color-green{color:var(--color-green)}.color-body{color:var(--color-body)}.color-body-secondary{color:var(--color-body-secondary)}.toast{background:var(--color-body-secondary);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-small);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 14px;display:flex;align-items:center;gap:10px}.toast_success{border-color:var(--color-green)}.toast_error{border-color:var(--color-red)}.toast_warning{border-color:var(--color-orange)}.toast__icon{width:24px;height:24px;position:relative;display:flex;align-items:center;justify-content:center}.toast__title{font-size:14px;line-height:1;font-weight:600;margin-bottom:.2em}.toast__description{font-weight:500;font-size:13px;line-height:1.5;color:var(--color-border-active)}.toast__actionButton{display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-weight:500;font-size:13px;padding:4px 10px;cursor:pointer;transition:background .2s,color .2s,border-color .2s,filter .2s;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:10px;border:1px solid var(--color-border-hover);white-space:nowrap}.toast__actionButton:active,.toast__actionButton:focus,.toast__actionButton:hover{border-color:var(--color-border-active)}.container{display:block;width:100%;max-width:1800px;padding:0 20px}.icon{display:flex;align-items:center;justify-content:center}:root{--aside-width:260px;--header-height:52px;--footer-height:100px}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-inter),sans-serif;scrollbar-width:thin;scrollbar-color:var(--color-border-hover) rgba(0,0,0,0)}body,html{scroll-behavior:smooth}body{background:var(--color-body);color:var(--color-text);font-family:var(--font-inter),sans-serif}a{color:var(--bg-button-primary);transition:color .2s ease;text-decoration:underline}a:hover{color:var(--bg-button-primary-hover)}a:active{color:var(--bg-button-primary-active)}.h1,h1{font-size:clamp(24px,4vw,48px);font-weight:800}.h1,.h2,h1,h2{color:var(--color-text)}.h2,h2{font-size:clamp(22px,3vw,36px);font-weight:700}.h3,h3{font-size:clamp(16px,2vw,22px);color:var(--color-text)}.p,p{font-size:clamp(14px,2vw,16px);line-height:1.6}.container{max-width:1620px;margin:0 auto;padding:0 10px}