:root{--primary-0:#f8faff;--primary-10:#f3e7fc;--primary-20:#e0d4fc;--primary-30:#c084fc;--primary-40:#9f7aea;--primary-50:#8b5cf6;--primary-60:#7c3aed;--primary-70:#6366f1;--primary-80:#5b21b6;--primary-90:#4c1d95;--primary-100:#1e1b4b;--secondary-0:#fdf4ff;--secondary-10:#f3e8ff;--secondary-20:#e9d5ff;--secondary-30:#d8b4fe;--secondary-40:#c084fc;--secondary-50:#a855f7;--secondary-60:#9333ea;--secondary-70:#7e22ce;--secondary-80:#6b21a8;--secondary-90:#581c87;--secondary-100:#3b0764;--accent-0:#fef7f7;--accent-10:#fdf2f8;--accent-20:#fce7f3;--accent-30:#fbcfe8;--accent-40:#f9a8d4;--accent-50:#ec4899;--accent-60:#db2777;--accent-70:#be185d;--accent-80:#9d174d;--accent-90:#831843;--accent-100:#500724;--success-0:#f0fdf4;--success-10:#dcfce7;--success-20:#bbf7d0;--success-30:#86efac;--success-40:#4ade80;--success-50:#34c759;--success-60:#16a34a;--success-70:#15803d;--success-80:#166534;--success-90:#14532d;--success-100:#052e16;--danger-0:#fef2f2;--danger-10:#fee2e2;--danger-20:#fecaca;--danger-30:#fca5a5;--danger-40:#f87171;--danger-50:#ef4444;--danger-60:#dc2626;--danger-70:#cf3049;--danger-80:#bb0f0c;--danger-90:#991b1b;--danger-100:#7f1d1d;--warning-0:#fffbeb;--warning-10:#fef3c7;--warning-20:#fde68a;--warning-30:#fcd34d;--warning-40:#fbbf24;--warning-50:#dca02b;--warning-60:#d97706;--warning-70:#b45309;--warning-80:#92400e;--warning-90:#78350f;--warning-100:#451a03;--neutral-0:#fff;--neutral-5:#fafafa;--neutral-10:#f5f5f5;--neutral-20:#e5e5e5;--neutral-30:#d4d4d4;--neutral-40:#a3a3a3;--neutral-50:#737373;--neutral-60:#525252;--neutral-70:#404040;--neutral-80:#262626;--neutral-90:#171717;--neutral-95:#0a0a0a;--neutral-100:#000;--bg-primary:#0a0a0f;--bg-secondary:#0a0b0d;--bg-tertiary:#0b0e11;--social-facebook:#1877f2;--social-twitter:#08c;--social-reddit:#ff4500;--social-vk:#4c75a3;--chart-positive:#26a69a;--chart-negative:#ef5350;--primary:#2997ff;--primary-hover:#1a7ee6;--primary-light:rgba(41,151,255,.1);--bg-page:#fff;--bg-light-gray:#f5f5f7;--bg-card-white:#fff;--gradient-hero-start:#cde7ff;--gradient-hero-end:#8dc8ff;--text-primary:#000;--text-secondary:#2d2d2d;--text-tertiary:rgba(0,0,0,.6);--text-quaternary:rgba(0,0,0,.3);--text-white:#fff;--border-default:rgba(0,0,0,.1);--border-light:hsla(0,0%,100%,.2);--border-primary:#2997ff;--overlay-white-30:hsla(0,0%,100%,.3);--overlay-white-50:hsla(0,0%,100%,.5);--overlay-white-60:hsla(0,0%,100%,.6);--overlay-primary-10:rgba(41,151,255,.1);--shadow-card:0 4px 12px rgba(0,0,0,.08);--shadow-button:0 10px 30px rgba(41,151,255,.3);--shadow-focus:hsla(0,0%,100%,.8);--skeleton-color:rgba(41,151,255,.1);--badge-primary:#2997ff;--badge-secondary:#1a7ee6;--badge-tertiary:#737373;--badge-gradient:linear-gradient(135deg,#2997ff,#1a7ee6);--gradient-hero:linear-gradient(180deg,#cde7ff,#8dc8ff);--gradient-button:linear-gradient(135deg,#2997ff,#1a7ee6);--skeleton-gradient:linear-gradient(90deg,#cde7ff,#8dc8ff);--progress-gradient:linear-gradient(90deg,#8dc8ff,#1a7ee6);--skeleton-color-pulse:rgba(41,151,255,.3);--float-gradient:radial-gradient(circle,rgba(141,200,255,.15) 0%,transparent 70%);--page-gradient:linear-gradient(180deg,#cde7ff,#fff)}.layout-modal{align-items:center;display:flex;justify-content:center}.layout-modal__overlay{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;top:0;right:0;bottom:0;left:0;padding:1.5em}.layout-modal__overlay--bottom,.layout-modal__overlay--fullscreen,.layout-modal__overlay--left,.layout-modal__overlay--right{padding:0}.layout-modal__content{background:var(--bg-card-white);border:1px solid var(--border-default);border-radius:.625em;box-shadow:var(--shadow-card);width:100%}.layout-modal__content--center{max-width:37.5em}.layout-modal__content--bottom{border-radius:0;bottom:0;left:0;max-height:90vh;max-width:100%;overflow-y:auto;position:fixed;right:0}.layout-modal__content--left{left:0}.layout-modal__content--left,.layout-modal__content--right{border-radius:0;bottom:0;height:100vh;max-width:25em;overflow-y:auto;position:fixed;top:0}.layout-modal__content--right{right:0}.layout-modal__content--fullscreen{border:none;border-radius:0;height:100vh;top:0;right:0;bottom:0;left:0;max-width:100%;position:fixed}@media (max-width:576px){.layout-modal__content--left,.layout-modal__content--right{max-width:100vw}}.vfm-slide-up-enter-active,.vfm-slide-up-leave-active{transition:transform .3s ease}.vfm-slide-up-enter-from,.vfm-slide-up-leave-to{transform:translateY(100%)}.vfm-slide-down-enter-active,.vfm-slide-down-leave-active{transition:transform .3s ease}.vfm-slide-down-enter-from,.vfm-slide-down-leave-to{transform:translateY(-100%)}.vfm-slide-left-enter-active,.vfm-slide-left-leave-active{transition:transform .3s ease}.vfm-slide-left-enter-from,.vfm-slide-left-leave-to{transform:translate(-100%)}.vfm-slide-right-enter-active,.vfm-slide-right-leave-active{transition:transform .3s ease}.vfm-slide-right-enter-from,.vfm-slide-right-leave-to{transform:translate(100%)}.layout-modal-wrapper{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.layout-modal-wrapper__header{align-items:center;border-bottom:1px solid var(--border-default);display:flex;flex-shrink:0;gap:.5em;justify-content:space-between;padding:2em 2em 1.5em}@media (max-width:768px){.layout-modal-wrapper__header{padding:1em}}.layout-modal-wrapper__title{color:var(--text-primary);font-size:1.5em;font-weight:500;line-height:1.2}@media (max-width:768px){.layout-modal-wrapper__title{font-size:1.25em}}.layout-modal-wrapper__close{align-items:center;background:transparent;border:none;border-radius:.5em;color:var(--text-secondary);cursor:pointer;display:flex;height:2em;justify-content:center;transition:all .2s ease;width:2em}.layout-modal-wrapper__close:hover{background:var(--bg-light-gray);color:var(--text-primary)}.layout-modal-wrapper__icon{color:inherit;height:1em;width:1em}.layout-modal-wrapper__content{flex:1;overflow-y:auto;padding:1.5em}@media (max-width:768px){.layout-modal-wrapper__content{padding:1em}}.layout-modal-wrapper__footer{align-items:center;border-top:1px solid var(--border-default);display:flex;flex-shrink:0;gap:.75em;justify-content:flex-end;padding:1.5em 2em}@media (max-width:768px){.layout-modal-wrapper__footer{padding:1em}}@media (max-width:576px){.layout-modal-wrapper__footer{flex-direction:column}}.layout-modal-wrapper--left .layout-modal-wrapper__content,.layout-modal-wrapper--right .layout-modal-wrapper__content,.layout-modal-wrapper.p-0 .layout-modal-wrapper__content{padding:0}