*{box-sizing:border-box}.modal-overlay[data-v-274512b2]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-container[data-v-274512b2]{width:100%;max-width:500px;background:var(--bg-primary);border-radius:28px;padding:32px;border:1px solid var(--border-color);box-shadow:0 25px 50px -12px #00000080}.modal-header[data-v-274512b2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.title-with-icon[data-v-274512b2]{display:flex;align-items:center;gap:12px}.report-icon[data-v-274512b2]{color:var(--active-color);font-size:28px}h2[data-v-274512b2]{margin:0;font-size:1.5rem;font-weight:800;color:var(--text-primary)}.close-btn[data-v-274512b2]{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s}.close-btn[data-v-274512b2]:hover{color:#ef4444;transform:rotate(90deg)}.instruction[data-v-274512b2]{color:var(--text-secondary);font-size:.95rem;margin-bottom:20px;line-height:1.5}.report-textarea[data-v-274512b2]{width:100%;height:150px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:16px;color:var(--text-primary);font-family:inherit;font-size:1rem;resize:none;transition:all .3s;margin-bottom:16px}.report-textarea[data-v-274512b2]:focus{outline:none;border-color:var(--active-color);background:#fee7150d}.error-message[data-v-274512b2]{color:#ef4444;font-size:.85rem;margin-bottom:16px;font-weight:600}.success-message[data-v-274512b2]{color:#22c55e;font-size:.95rem;margin-bottom:16px;font-weight:700;text-align:center;padding:12px;background:#22c55e1a;border-radius:12px}.modal-footer[data-v-274512b2]{display:flex;justify-content:flex-end;gap:12px}.cancel-btn[data-v-274512b2]{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:12px 24px;border-radius:14px;font-weight:700;cursor:pointer;transition:all .2s}.cancel-btn[data-v-274512b2]:hover{background:var(--hover-bg);color:var(--text-primary)}.send-btn[data-v-274512b2]{background:var(--active-color);color:#101820;border:none;padding:12px 24px;border-radius:14px;font-weight:800;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;min-width:160px}.send-btn[data-v-274512b2]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #fee7154d}.send-btn[data-v-274512b2]:disabled{opacity:.5;cursor:not-allowed}.spinner-small[data-v-274512b2]{width:20px;height:20px;border:2px solid rgba(16,24,32,.2);border-top-color:#101820;border-radius:50%;animation:spin-274512b2 .8s linear infinite}@keyframes spin-274512b2{to{transform:rotate(360deg)}}.modal-fade-enter-active[data-v-274512b2],.modal-fade-leave-active[data-v-274512b2]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-274512b2],.modal-fade-leave-to[data-v-274512b2]{opacity:0}.modal-fade-enter-active .modal-container[data-v-274512b2]{animation:modal-in-274512b2 .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-in-274512b2{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.theme-switch[data-v-9f1f657d]{--toggle-size: 10px;--container-width: 5.625em;--container-height: 2.5em;--container-radius: 6.25em;--container-light-bg: #3D7EAE;--container-night-bg: #1D1F2C;--circle-container-diameter: 3.375em;--sun-moon-diameter: 2.125em;--sun-bg: #ECCA2F;--moon-bg: #C4C9D1;--spot-color: #959DB1;--circle-container-offset: calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);--stars-color: #fff;--clouds-color: #F3FDFF;--back-clouds-color: #AACADF;--transition: .5s cubic-bezier(0, -.02, .4, 1.25);--circle-transition: .3s cubic-bezier(0, -.02, .35, 1.17)}.theme-switch[data-v-9f1f657d],.theme-switch[data-v-9f1f657d] *,.theme-switch[data-v-9f1f657d] *:before,.theme-switch[data-v-9f1f657d] *:after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;font-size:var(--toggle-size)}.theme-switch__container[data-v-9f1f657d]{width:var(--container-width);height:var(--container-height);background-color:var(--container-light-bg);border-radius:var(--container-radius);overflow:hidden;cursor:pointer;-webkit-box-shadow:0em -.062em .062em rgba(0,0,0,.25),0em .062em .125em rgba(255,255,255,.94);box-shadow:0 -.062em .062em #00000040,0 .062em .125em #fffffff0;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);position:relative}.theme-switch__container[data-v-9f1f657d]:before{content:"";position:absolute;z-index:1;inset:0;-webkit-box-shadow:0em .05em .187em rgba(0,0,0,.25) inset,0em .05em .187em rgba(0,0,0,.25) inset;box-shadow:0 .05em .187em #00000040 inset,0 .05em .187em #00000040 inset;border-radius:var(--container-radius)}.theme-switch__checkbox[data-v-9f1f657d]{display:none}.theme-switch__circle-container[data-v-9f1f657d]{width:var(--circle-container-diameter);height:var(--circle-container-diameter);background-color:#ffffff1a;position:absolute;left:var(--circle-container-offset);top:var(--circle-container-offset);border-radius:var(--container-radius);-webkit-box-shadow:inset 0 0 0 3.375em rgba(255,255,255,.1),inset 0 0 0 3.375em rgba(255,255,255,.1),0 0 0 .625em rgba(255,255,255,.1),0 0 0 1.25em rgba(255,255,255,.1);box-shadow:inset 0 0 0 3.375em #ffffff1a,inset 0 0 0 3.375em #ffffff1a,0 0 0 .625em #ffffff1a,0 0 0 1.25em #ffffff1a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:var(--circle-transition);-o-transition:var(--circle-transition);transition:var(--circle-transition);pointer-events:none}.theme-switch__sun-moon-container[data-v-9f1f657d]{pointer-events:auto;position:relative;z-index:2;width:var(--sun-moon-diameter);height:var(--sun-moon-diameter);margin:auto;border-radius:var(--container-radius);background-color:var(--sun-bg);-webkit-box-shadow:.062em .062em .062em 0em rgba(254,255,239,.61) inset,0em -.062em .062em 0em #a1872a inset;box-shadow:.062em .062em .062em #feffef9c inset,0 -.062em .062em #a1872a inset;-webkit-filter:drop-shadow(.062em .125em .125em rgba(0,0,0,.25)) drop-shadow(0em .062em .125em rgba(0,0,0,.25));filter:drop-shadow(.062em .125em .125em rgba(0,0,0,.25)) drop-shadow(0em .062em .125em rgba(0,0,0,.25));overflow:hidden;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.theme-switch__moon[data-v-9f1f657d]{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%);width:100%;height:100%;background-color:var(--moon-bg);border-radius:inherit;-webkit-box-shadow:.062em .062em .062em 0em rgba(254,255,239,.61) inset,0em -.062em .062em 0em #969696 inset;box-shadow:.062em .062em .062em #feffef9c inset,0 -.062em .062em #969696 inset;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);position:relative}.theme-switch__spot[data-v-9f1f657d]{position:absolute;top:.75em;left:.312em;width:.75em;height:.75em;border-radius:var(--container-radius);background-color:var(--spot-color);-webkit-box-shadow:0em .0312em .062em rgba(0,0,0,.25) inset;box-shadow:0 .0312em .062em #00000040 inset}.theme-switch__spot[data-v-9f1f657d]:nth-of-type(2){width:.375em;height:.375em;top:.937em;left:1.375em}.theme-switch__spot[data-v-9f1f657d]:nth-last-of-type(3){width:.25em;height:.25em;top:.312em;left:.812em}.theme-switch__clouds[data-v-9f1f657d]{width:1.25em;height:1.25em;background-color:var(--clouds-color);border-radius:var(--container-radius);position:absolute;bottom:-.625em;left:.312em;-webkit-box-shadow:.937em .312em var(--clouds-color),-.312em -.312em var(--back-clouds-color),1.437em .375em var(--clouds-color),.5em -.125em var(--back-clouds-color),2.187em 0 var(--clouds-color),1.25em -.062em var(--back-clouds-color),2.937em .312em var(--clouds-color),2em -.312em var(--back-clouds-color),3.625em -.062em var(--clouds-color),2.625em 0em var(--back-clouds-color),4.5em -.312em var(--clouds-color),3.375em -.437em var(--back-clouds-color),4.625em -1.75em 0 .437em var(--clouds-color),4em -.625em var(--back-clouds-color),4.125em -2.125em 0 .437em var(--clouds-color);box-shadow:.937em .312em var(--clouds-color),-.312em -.312em var(--back-clouds-color),1.437em .375em var(--clouds-color),.5em -.125em var(--back-clouds-color),2.187em 0 var(--clouds-color),1.25em -.062em var(--back-clouds-color),2.937em .312em var(--clouds-color),2em -.312em var(--back-clouds-color),3.625em -.062em var(--clouds-color),2.625em 0 var(--back-clouds-color),4.5em -.312em var(--clouds-color),3.375em -.437em var(--back-clouds-color),4.625em -1.75em 0 .437em var(--clouds-color),4em -.625em var(--back-clouds-color),4.125em -2.125em 0 .437em var(--clouds-color);-webkit-transition:.5s cubic-bezier(0,-.02,.4,1.25);-o-transition:.5s cubic-bezier(0,-.02,.4,1.25);transition:.5s cubic-bezier(0,-.02,.4,1.25)}.theme-switch__stars-container[data-v-9f1f657d]{position:absolute;color:var(--stars-color);top:-100%;left:.312em;width:2.75em;height:auto;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.theme-switch__checkbox:checked+.theme-switch__container[data-v-9f1f657d]{background-color:var(--container-night-bg)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container[data-v-9f1f657d]{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter))}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container[data-v-9f1f657d]:hover{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - .187em)}.theme-switch__circle-container[data-v-9f1f657d]:hover{left:calc(var(--circle-container-offset) + .187em)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__moon[data-v-9f1f657d]{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__clouds[data-v-9f1f657d]{bottom:-4.062em}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__stars-container[data-v-9f1f657d]{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.app-header[data-v-81ee15cb]{background-color:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--header-text);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;height:64px;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:2000;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.app-header.admin-mode[data-v-81ee15cb]{background-color:#1e293be6;border-bottom:2px solid var(--active-color)}.header-left[data-v-81ee15cb]{display:flex;align-items:center;gap:12px}.admin-badge[data-v-81ee15cb]{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:1px;box-shadow:0 4px 12px #ef44444d}.driver-badge[data-v-81ee15cb]{background:linear-gradient(135deg,#fee715,#facc15);color:#101820;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:1px;box-shadow:0 4px 12px #fee7154d}.header-title[data-v-81ee15cb]{font-size:24px;font-weight:900;letter-spacing:-.02em;color:var(--text-primary);margin:0;text-align:center;grid-column:2;cursor:pointer;transition:all .3s ease}.dark{color:var(--active-color)}.header-title[data-v-81ee15cb]:hover{transform:scale(1.05)}.header-actions[data-v-81ee15cb]{grid-column:3;justify-self:end;display:flex;align-items:center;gap:8px}.header-button[data-v-81ee15cb]{background:transparent;border:none;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;color:inherit;transition:all .2s;border-radius:14px}.header-button[data-v-81ee15cb]:hover{background-color:var(--hover-bg);transform:translateY(-2px)}.report-btn-right[data-v-81ee15cb]{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fbbf24;padding:8px 16px;border-radius:12px;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.report-btn-right[data-v-81ee15cb]:hover{background:var(--active-color);color:#101820;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 15px #fee7154d;border-color:var(--active-color)}.report-text[data-v-81ee15cb]{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}@media(max-width:480px){.report-text[data-v-81ee15cb]{display:none}.report-btn-right[data-v-81ee15cb]{padding:10px;border-radius:50%}}.logout-header-btn[data-v-81ee15cb]{color:#f87171!important;background:#f8717114;border:1px solid rgba(248,113,113,.15);margin-left:8px;box-shadow:0 0 15px #f871710d}.logout-header-btn[data-v-81ee15cb]:hover{background:#f8717133;border-color:#f8717166;box-shadow:0 4px 15px #f8717133;color:#ef4444!important}.menu-dropdown[data-v-81ee15cb]{position:fixed;top:0;left:0;width:300px;height:100vh;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-color);padding:32px 0;z-index:10000;display:flex;flex-direction:column;box-shadow:20px 0 50px #00000080}.menu-header[data-v-81ee15cb]{padding:0 32px 32px;border-bottom:1px solid var(--border-color);margin-bottom:24px}.user-name[data-v-81ee15cb]{font-size:1.25rem;font-weight:900;color:var(--active-color);display:block}.menu-item[data-v-81ee15cb]{padding:16px 32px;display:flex;align-items:center;gap:16px;cursor:pointer;color:var(--text-primary);transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:1.05rem}.menu-item[data-v-81ee15cb]:hover{background-color:var(--hover-bg);padding-left:48px;color:var(--active-color)}.menu-item .material-icons[data-v-81ee15cb]{font-size:24px;color:var(--text-secondary);transition:all .3s}.menu-item:hover .material-icons[data-v-81ee15cb]{color:var(--active-color);transform:scale(1.2)}.menu-divider[data-v-81ee15cb]{height:1px;background:var(--border-color);margin:24px 32px}.menu-bottom-group[data-v-81ee15cb]{margin-top:auto;display:flex;flex-direction:column}.report-menu-item[data-v-81ee15cb]{color:#fbbf24}.report-menu-item[data-v-81ee15cb]:hover{background-color:#fbbf241a;color:#f59e0b}.report-menu-item .material-icons[data-v-81ee15cb]{color:#fbbf24}.login-item[data-v-81ee15cb]{color:#4ade80;border-top:1px solid var(--border-color);padding:20px 32px calc(20px + var(--safe-area-bottom));background:#4ade8008}.login-item[data-v-81ee15cb]:hover{background:#4ade801a;color:#22c55e;padding-left:40px}.login-item .material-icons[data-v-81ee15cb]{color:#4ade80}.login-item:hover .material-icons[data-v-81ee15cb]{color:#22c55e;transform:scale(1.1)}.menu-overlay[data-v-81ee15cb]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999}.menu-slide-enter-active[data-v-81ee15cb],.menu-slide-leave-active[data-v-81ee15cb]{transition:all .5s cubic-bezier(.4,0,.2,1)}.menu-slide-enter-from[data-v-81ee15cb],.menu-slide-leave-to[data-v-81ee15cb]{transform:translate(-100%);opacity:0}.overlay-fade-enter-active[data-v-81ee15cb],.overlay-fade-leave-active[data-v-81ee15cb]{transition:opacity .5s ease}.overlay-fade-enter-from[data-v-81ee15cb],.overlay-fade-leave-to[data-v-81ee15cb]{opacity:0}.material-icons[data-v-81ee15cb]{font-size:24px;display:block}.theme-toggle-container[data-v-81ee15cb]{justify-content:space-between!important}.toggle-label[data-v-81ee15cb]{flex:1}.theme-switch-btn[data-v-81ee15cb]{transform:scale(.9);margin-right:-2px}@media(max-width:600px){.app-header[data-v-81ee15cb]{height:72px;padding:0 16px}.header-title[data-v-81ee15cb]{font-size:20px}}.menu-btn-custom[data-v-81ee15cb]{width:44px;height:44px;border-radius:14px;border:none;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:14px;font-family:Inter,Verdana,sans-serif;font-weight:800;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-primary);cursor:pointer;letter-spacing:1px;box-shadow:none}.menu-btn-custom[data-v-81ee15cb]:hover{transform:scale(1.1);color:var(--active-color)}.menu-btn-custom .icon[data-v-81ee15cb]{display:flex;align-items:center}.logout-container[data-v-81ee15cb]{padding:24px 32px;border-top:1px solid var(--border-color);margin-top:8px}.logout-btn-custom[data-v-81ee15cb]{display:flex;align-items:center;justify-content:flex-start;width:45px;height:45px;border:none;border-radius:50%;cursor:pointer;position:relative;overflow:hidden;transition-duration:.3s;box-shadow:2px 2px 10px #0003;background-color:var(--active-color);background:linear-gradient(135deg,#ef4444,#dc2626)}.sign[data-v-81ee15cb]{width:45px;transition-duration:.3s;display:flex;align-items:center;justify-content:center}.sign svg[data-v-81ee15cb]{width:18px}.sign svg path[data-v-81ee15cb]{fill:#fff}.btn-text[data-v-81ee15cb]{position:absolute;right:0%;width:0%;opacity:0;color:#fff;font-size:.75rem;font-weight:800;transition-duration:.3s;white-space:nowrap;text-transform:uppercase;letter-spacing:.8px}.logout-btn-custom[data-v-81ee15cb]:hover{width:180px;border-radius:40px;transition-duration:.3s}.logout-btn-custom:hover .sign[data-v-81ee15cb]{width:30%;transition-duration:.3s;padding-left:15px}.logout-btn-custom:hover .btn-text[data-v-81ee15cb]{opacity:1;width:70%;transition-duration:.3s;padding-right:15px}.logout-btn-custom[data-v-81ee15cb]:active{transform:translate(2px,2px)}.bottom-nav[data-v-8d134396]{position:fixed;bottom:0;left:0;right:0;height:calc(70px + var(--safe-area-bottom));background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;align-items:center;padding-bottom:var(--safe-area-bottom);z-index:1000;box-shadow:0 -10px 30px #0000004d}.nav-item[data-v-8d134396]{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:8px 12px;border-radius:16px;flex:1}.nav-item[data-v-8d134396]:hover{background:var(--hover-bg)}.nav-item.active[data-v-8d134396]{color:var(--active-color);transform:translateY(-4px)}.material-icons[data-v-8d134396]{font-size:26px;transition:transform .3s}.nav-item.active .material-icons[data-v-8d134396]{transform:scale(1.1)}.nav-label[data-v-8d134396]{font-size:.75rem;font-weight:700;letter-spacing:-.01em}@media(min-width:900px){.bottom-nav[data-v-8d134396]{left:50%;right:auto;transform:translate(-50%);width:600px;bottom:24px;border-radius:24px;border:1px solid var(--border-color);box-shadow:0 20px 50px #0006;height:80px;padding:0 20px}.nav-item[data-v-8d134396]{border-radius:12px}}.main-layout[data-v-93d7ad2f]{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden;background:var(--bg-primary)}.main-content[data-v-93d7ad2f]{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg-primary);display:flex;flex-direction:column}.has-bottom-nav[data-v-93d7ad2f]{padding-bottom:70px}@media(min-width:900px){.has-bottom-nav[data-v-93d7ad2f]{padding-bottom:0}}*{margin:0;padding:0;box-sizing:border-box}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--transition-speed: .3s}:root,html.dark{--bg-primary: #0f172a;--bg-secondary: #020617;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .08);--shadow: 0 10px 15px -3px rgba(0, 0, 0, .5);--header-bg: rgba(15, 23, 42, .85);--header-text: #ffffff;--card-bg: rgba(30, 41, 59, .5);--hover-bg: rgba(255, 255, 255, .05);--active-bg: rgba(254, 231, 21, .1);--active-color: #fee715;--accent-color: #fee715;--accent-hover: #fde047;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1)}html.light-theme{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--border-color: #e2e8f0;--header-bg: #ffffff;--header-text: #0f172a;--card-bg: #ffffff;--hover-bg: #f1f5f9;--glass-bg: rgba(255, 255, 255, .85);--glass-border: #e2e8f0;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--active-bg: rgba(79, 70, 229, .1);--active-color: #4f46e5;--accent-color: #4f46e5}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s ease;font-family:Inter,system-ui,-apple-system,sans-serif;letter-spacing:-.01em}body{-webkit-font-smoothing:antialiased}#app{width:100%;height:100vh;display:flex;flex-direction:column;padding-top:var(--safe-area-top)}.glass-effect{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.gradient-text{background:linear-gradient(135deg,#fee715,#facc15);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-enter-active,.page-leave-active{transition:opacity .3s ease,transform .3s ease}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--active-color)}