@charset "UTF-8";:root{--primary-color:#000000;--accent-color:#009688;--accent-color-rgb:0,150,136;--hover-accent-color:#00968855;--hover-bg-color:#e8f5f355;--text-color:#333333;--light-gray:#f5f5f5;--lightest-gray:#fafafa;--medium-gray:#e0e0e0;--dark-gray:#757575;--white:#ffffff;--box-shadow:0 4px 6px rgba(0,0,0,0.1);--background-color:#f1f1f1;--btn-primary-bg:#009688;--btn-primary-hover:#00796b;--btn-secondary-bg:#6c757d;--btn-secondary-hover:#5a6268;--btn-cancel-bg:#6c757d;--btn-cancel-hover:#5a6268;--btn-save-bg:#28a745;--btn-save-hover:#218838;--input-border:#ced4da;--input-focus-border:#009688;--input-focus-shadow:0 0 0 0.2rem rgba(0,150,136,0.25)}body{font-family:"Inter var";font-size:12px;-webkit-font-smoothing:antialiased;background-color:var(--background-color)}[v-cloak]{display:none}.header{display:flex;align-items:center;justify-content:space-between;padding:0.2rem 1.5rem;background:linear-gradient(to right,#ffffff,#f0f8f7);box-shadow:0 2px 4px rgba(0,0,0,0.1);z-index:100}.logo{height:40px;width:auto;flex:0 0 auto}.main-menu{display:flex;align-items:center;flex:1 1 auto;justify-content:flex-start;margin-left:2rem}.user-menu{display:flex;align-items:center;flex:0 0 auto;margin-left:auto}.user-menu .main-menu-link{color:var(--accent-color);font-weight:600}.user-menu .submenu{right:0;left:auto}.user-menu .submenu-item:hover{background-color:var(--hover-bg-color)}.user-menu .fa-sign-out-alt{color:#f44336}.menu-item{position:relative;margin-right:1rem}.main-menu-link{display:flex;align-items:center;padding:0.75rem 1rem;color:var(--text-color);text-decoration:none;font-weight:500;border-radius:4px;transition:background-color 0.2s}.main-menu-link i{margin-right:0.5rem}.main-menu-link:hover{background-color:var(--hover-bg-color)}.submenu{position:absolute;top:100%;left:0;min-width:220px;background-color:var(--white);border-radius:4px;box-shadow:var(--box-shadow);opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s;z-index:100}.menu-item:hover .submenu{opacity:1;visibility:visible;transform:translateY(0)}.submenu-item{position:relative;padding:0.75rem 1rem;cursor:pointer;transition:background-color 0.2s}.submenu-link{text-decoration:none;color:var(--text-color);display:block;margin:-0.75rem -1rem;padding:0.75rem 1rem}.submenu-header{display:flex;align-items:center}.submenu-header i{margin-right:0.5rem;width:20px;text-align:center}.submenu-item:hover{background-color:var(--hover-bg-color)}.third-level-menu{position:absolute;top:0;left:100%;min-width:280px;background-color:var(--white);border-radius:4px;box-shadow:var(--box-shadow);opacity:0;visibility:hidden;transform:translateX(10px);transition:all 0.3s;z-index:200}.third-level-menu.admin-menu{left:auto;right:100%;transform:translateX(-10px)}.submenu-item:hover .third-level-menu.admin-menu{transform:translateX(0)}.submenu-item[data-has-children="true"]::after{content:"›";position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:var(--dark-gray)}.submenu-item:hover .third-level-menu{opacity:1;visibility:visible;transform:translateX(0)}.third-level-item{display:block;padding:0.75rem 1rem;text-decoration:none;color:var(--text-color);transition:background-color 0.2s}.third-level-item:hover{background-color:var(--hover-bg-color)}.item-title{font-weight:500;margin-bottom:0.25rem;color:var(--accent-color)}.item-description{font-size:0.85rem;color:var(--dark-gray)}.main-menu-link.active{background-color:var(--hover-bg-color);color:var(--accent-color);font-weight:600;position:relative}.main-menu-link.active::after{content:'';position:absolute;bottom:0;left:10%;width:80%;height:2px;background-color:var(--accent-color);box-shadow:0 0 3px rgba(0,150,136,0.2)}.submenu-link.active,.third-level-item.active{background-color:var(--hover-bg-color);color:var(--accent-color);font-weight:600}.submenu-item.active{background-color:var(--hover-bg-color)}.submenu-item.active .submenu-header{color:var(--accent-color);font-weight:600}.third-level-item.active .item-title{color:var(--accent-color);font-weight:700}.container{display:flex;height:calc(100vh - 75px);padding:10px}.container div.menu{height:100%}.container div.menu>.card{height:100%}.flex{display:flex}.flex-center{display:flex;align-items:center}.flex-between{display:flex;justify-content:space-between}.flex-between-center{display:flex;justify-content:space-between;align-items:center}.fcol{flex-direction:column}.f1{flex:1}.f3{flex:3}.content{margin-left:1rem;flex:1}input{cursor:text}.list-search{display:flex;align-items:center;max-height:31px;font-size:12px}.list-search .search-input{padding:0.5rem;height:31px;border:1px solid var(--medium-gray);border-right:none;border-top-left-radius:4px;border-bottom-left-radius:4px;outline:none;transition:all 0.2s}.list-search .search-input:focus{border-color:var(--accent-color);box-shadow:inset 0 0 0 1px var(--accent-color)}.list-search .search-input-active{background-color:rgba(0,150,136,0.08);border-color:var(--accent-color);box-shadow:inset 0 0 0 1px var(--accent-color);color:var(--accent-color);font-weight:500}.list-search .search-btn{background-color:var(--accent-color);color:white;border:none;padding:0.5rem 0.75rem;border-top-right-radius:4px;border-bottom-right-radius:4px;cursor:pointer;max-height:31px}.list-search .search-btn i{font-size:12px}.global-search{display:flex;align-items:center;margin-right:2rem;position:relative}.header .list-search{max-width:250px}.search-results-dialog{position:absolute;top:calc(100% + 5px);right:0;width:700px;max-width:90vw;background-color:var(--white);border-radius:4px;box-shadow:var(--box-shadow);z-index:1000;border:1px solid var(--medium-gray);max-height:calc(80vh - 60px);display:flex;flex-direction:column}.search-results-header{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1rem;border-bottom:1px solid var(--medium-gray)}.search-results-title{font-weight:600;color:var(--accent-color)}.search-results-close{background:none;border:none;cursor:pointer;color:var(--dark-gray);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%}.search-results-close:hover{background-color:var(--light-gray)}.search-results-tabs{display:flex;border-bottom:1px solid var(--medium-gray);overflow-x:auto;padding:0 0.5rem}.tab-button{background:none;border:none;padding:0.5rem 0.75rem;margin:0.25rem;border-radius:4px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;color:var(--dark-gray)}.tab-button i{margin-right:0.5rem}.tab-button.active{background-color:var(--hover-bg-color);color:var(--accent-color);font-weight:500}.result-count{background-color:var(--accent-color);color:white;font-size:0.7rem;padding:0.1rem 0.4rem;border-radius:10px;margin-left:0.5rem}.search-results-content{padding:0.5rem;overflow-y:auto;max-height:50vh}.search-result-item{display:block;padding:0.75rem;border-radius:4px;text-decoration:none;color:var(--text-color);transition:background-color 0.2s;margin-bottom:0.5rem}.search-result-item:hover{background-color:var(--hover-bg-color)}.search-result-item-title{font-weight:500;color:var(--accent-color);margin-bottom:0.25rem}.search-result-item-desc{font-size:0.85rem;color:var(--dark-gray)}.search-results-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--dark-gray)}.search-results-empty i{font-size:2rem;margin-bottom:1rem;opacity:0.5}.search-results-footer{padding:0.75rem;border-top:1px solid var(--medium-gray);text-align:center}.search-results-footer a{color:var(--accent-color);text-decoration:none;font-weight:500}.search-results-footer a:hover{text-decoration:underline}.search-results-loading,.search-results-error,.search-results-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:var(--dark-gray);text-align:center}.search-results-loading i{font-size:2rem;margin-bottom:1rem;color:var(--accent-color)}.search-results-error i{font-size:2rem;margin-bottom:1rem;color:#f44336}.search-results-hint i{font-size:2rem;margin-bottom:1rem;color:var(--accent-color);opacity:0.7}.search-results-loading p,.search-results-error p,.search-results-hint p{margin:0;font-weight:500}.search-results-error small,.search-results-hint small{display:block;margin-top:0.5rem;color:var(--dark-gray);opacity:0.8}.items-result-item{padding:1rem!important;border-left:3px solid transparent;transition:all 0.2s}.items-result-item:hover{border-left-color:var(--accent-color);transform:translateX(2px)}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.item-code{font-family:'Monaco','Courier New',monospace;font-weight:600;color:var(--accent-color);font-size:0.9rem;background-color:rgba(0,150,136,0.1);padding:0.2rem 0.5rem;border-radius:3px}.item-price{font-weight:600;color:#2e7d32;font-size:0.9rem}.item-name{font-weight:500;margin-bottom:0.5rem;color:var(--text-color);line-height:1.3}.item-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.item-meta{display:flex;gap:1rem;flex:1}.item-meta span{display:flex;align-items:center;font-size:0.8rem;color:var(--dark-gray)}.item-meta span i{margin-right:0.3rem;width:12px;text-align:center}.item-stock{font-size:0.8rem;font-weight:500;display:flex;align-items:center}.item-stock i{margin-right:0.3rem}.item-stock.stock-ok{color:#2e7d32}.item-stock.stock-low{color:#f57c00}.item-stock.stock-empty{color:#d32f2f}.item-stock.stock-na{color:var(--dark-gray)}.item-badges{display:flex;gap:0.5rem;flex-wrap:wrap}.badge{font-size:0.7rem;padding:0.2rem 0.5rem;border-radius:12px;font-weight:500;display:flex;align-items:center}.badge i{margin-right:0.3rem;font-size:0.6rem}.badge.badge-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.badge.badge-info{background-color:#d1ecf1;color:#0c5460;border:1px solid #b8daff}.text-error{color:#f44336}.text-success{color:var(--accent-color)}.page-history{display:flex;align-items:center;margin-left:1rem}.page-history-btn{display:flex;align-items:center;padding:0.5rem 0.75rem;background-color:transparent;border:1px solid var(--medium-gray);border-radius:4px;color:var(--text-color);cursor:pointer;transition:all 0.2s;font-size:0.9rem;position:relative}.page-history-btn:hover{background-color:var(--hover-bg-color);border-color:var(--accent-color);color:var(--accent-color)}.page-history-btn.active{background-color:var(--hover-bg-color);border-color:var(--accent-color);color:var(--accent-color)}.page-history-btn i{margin-right:0.25rem}.history-count{background-color:var(--accent-color);color:white;font-size:0.7rem;padding:0.1rem 0.4rem;border-radius:10px;margin-left:0.25rem;font-weight:500}.page-history .submenu{min-width:320px;max-width:400px}.submenu-header-static{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;border-bottom:1px solid var(--medium-gray);background-color:var(--light-gray);font-weight:600;color:var(--accent-color)}.submenu-header-static i{margin-right:0.5rem}.clear-history-btn{background:none;border:none;color:var(--dark-gray);cursor:pointer;padding:0.25rem;border-radius:3px;transition:all 0.2s}.clear-history-btn:hover{background-color:#f44336;color:white}.history-item{display:block;padding:1rem 1.25rem;border-bottom:1px solid var(--light-gray);transition:background-color 0.2s;min-height:56px}.history-item:last-child{border-bottom:none}.history-item:hover{background-color:var(--hover-bg-color)}.history-item .submenu-header{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;height:100%}.history-item .submenu-header i{margin-right:0;color:var(--accent-color);flex-shrink:0;width:16px;text-align:center}.page-title{font-weight:500;color:var(--text-color);line-height:1.3;word-break:break-word;flex:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-time{color:var(--dark-gray);font-size:0.75rem;font-weight:normal;flex-shrink:0;margin-left:auto}.no-history{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;color:var(--dark-gray);text-align:center}.no-history i{font-size:1.5rem;margin-bottom:0.5rem;opacity:0.5}.impersonation-indicator{color:#ff9800;margin-right:0.25rem;font-size:0.8rem}.user-switcher-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(2px)}.user-switcher-modal{background-color:var(--white);border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.2);width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.user-switcher-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--medium-gray);background:linear-gradient(135deg,var(--accent-color) 0%,rgba(var(--accent-color-rgb),0.8) 100%);color:var(--white)}.user-switcher-header h3{margin:0;font-size:1.25rem;font-weight:600}.user-switcher-header h3 i{margin-right:0.5rem}.close-btn{background:none;border:none;color:var(--white);font-size:1.25rem;cursor:pointer;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s}.close-btn:hover{background-color:rgba(255,255,255,0.2)}.user-switcher-search{padding:1.5rem;border-bottom:1px solid var(--medium-gray);position:relative}.user-switcher-search .search-input{width:100%;padding:0.875rem 1rem 0.875rem 2.5rem;border:2px solid var(--medium-gray);border-radius:8px;font-size:1rem;outline:none;transition:border-color 0.2s}.user-switcher-search .search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),0.1)}.user-switcher-search .search-icon{position:absolute;left:2.25rem;top:50%;transform:translateY(-50%);color:var(--dark-gray);pointer-events:none}.user-switcher-results{flex:1;overflow-y:auto;max-height:300px}.user-result-item{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--light-gray);cursor:pointer;transition:background-color 0.2s}.user-result-item:hover{background-color:var(--hover-bg-color)}.user-result-item:last-child{border-bottom:none}.user-avatar{margin-right:1rem;color:var(--accent-color);font-size:2rem}.user-info{flex:1}.user-name{font-weight:600;color:var(--text-color);margin-bottom:0.25rem}.user-email{color:var(--dark-gray);font-size:0.9rem;margin-bottom:0.5rem}.user-details{display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}.user-badge{background-color:var(--accent-color);color:var(--white);font-size:0.7rem;padding:0.125rem 0.375rem;border-radius:12px;font-weight:500}.user-status{font-size:0.75rem;padding:0.125rem 0.375rem;border-radius:12px;font-weight:500}.user-status.active{background-color:#4caf50;color:var(--white)}.user-status.inactive{background-color:#f44336;color:var(--white)}.switch-icon{color:var(--dark-gray);font-size:1.25rem;transition:color 0.2s,transform 0.2s}.user-result-item:hover .switch-icon{color:var(--accent-color);transform:translateX(2px)}.user-switcher-empty,.user-switcher-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;color:var(--dark-gray);text-align:center}.user-switcher-empty i,.user-switcher-loading i{font-size:2.5rem;margin-bottom:1rem;opacity:0.5}.user-switcher-footer{padding:1rem 1.5rem;border-top:1px solid var(--medium-gray);background-color:var(--light-gray)}.keyboard-hint{margin:0;font-size:0.8rem;color:var(--dark-gray);text-align:center}.keyboard-hint i{margin-right:0.5rem}.keyboard-hint kbd{background-color:var(--white);border:1px solid var(--medium-gray);border-radius:3px;padding:0.125rem 0.25rem;font-size:0.75rem;font-family:monospace;margin:0 0.125rem}.compact-quick-menu{background:linear-gradient(to right,#fafafa,#f5f8f7);border-top:1px solid var(--medium-gray);padding:0.25rem 1.5rem;display:flex;align-items:center;gap:2rem;min-height:30px;max-height:30px;font-size:0.75rem;z-index:90}.quick-menu-group{display:flex;align-items:center;gap:0.25rem}.group-label{display:none}.quick-menu-buttons{display:flex;align-items:center;gap:0.25rem}.quick-menu-item{position:relative}.quick-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--medium-gray);border-radius:3px;background-color:var(--white);color:var(--text-color);text-decoration:none;transition:all 0.2s;cursor:pointer;font-size:0.75rem}.quick-btn:hover{background-color:var(--hover-bg-color);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.quick-btn.active{background-color:rgba(255,152,0,0.15);border-color:#ff9800;color:#ff9800;font-weight:600;position:relative}.quick-btn.active::after{content:'';position:absolute;bottom:-2px;left:10%;width:80%;height:2px;background-color:#ff9800;box-shadow:0 0 3px rgba(255,152,0,0.3)}.quick-btn i{font-size:10px}.quick-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,0.9);color:white;padding:0.375rem 0.5rem;border-radius:4px;font-size:0.75rem;white-space:nowrap;z-index:1000;margin-bottom:4px;opacity:0;pointer-events:none;transition:opacity 0.1s ease-in-out}.quick-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0,0,0,0.9)}.quick-tooltip.tooltip-left{left:0;transform:translateX(0)}.quick-tooltip.tooltip-left::after{left:12px;transform:translateX(0)}.quick-tooltip.tooltip-right{left:auto;right:0;transform:translateX(0)}.quick-tooltip.tooltip-right::after{left:auto;right:12px;transform:translateX(0)}.quick-menu-item{position:relative}.quick-menu-item:hover .quick-tooltip{opacity:1}.management-dropdown,.reports-dropdown{position:relative}.management-dropdown .quick-btn{background-color:var(--accent-color);color:var(--white);border-color:var(--accent-color)}.management-dropdown .quick-btn:hover{background-color:var(--btn-primary-hover);border-color:var(--btn-primary-hover);color:var(--white)}.reports-dropdown .quick-btn{background-color:#2e7d32;color:var(--white);border-color:#2e7d32}.reports-dropdown .quick-btn:hover{background-color:#1b5e20;border-color:#1b5e20;color:var(--white)}.management-submenu,.reports-submenu{position:absolute;top:100%;left:0;min-width:180px;background-color:var(--white);border-radius:4px;box-shadow:var(--box-shadow);border:1px solid var(--medium-gray);opacity:0;visibility:hidden;transform:translateY(5px);transition:all 0.2s;z-index:200;margin-top:2px}.management-dropdown:hover .management-submenu,.reports-dropdown:hover .reports-submenu{opacity:1;visibility:visible;transform:translateY(0)}.management-item,.reports-item{display:flex;align-items:center;padding:0.5rem 0.75rem;color:var(--text-color);text-decoration:none;font-size:0.8rem;transition:background-color 0.2s;border-bottom:1px solid var(--light-gray)}.management-item:last-child,.reports-item:last-child{border-bottom:none;border-radius:0 0 4px 4px}.management-item:first-child,.reports-item:first-child{border-radius:4px 4px 0 0}.management-item:hover,.reports-item:hover{background-color:var(--hover-bg-color);color:var(--accent-color)}.management-item i,.reports-item i{margin-right:0.5rem;width:12px;text-align:center;font-size:0.7rem}@media (max-width:480px){.user-switcher-modal{width:95%;max-height:90vh}.user-switcher-header{padding:1rem}.user-switcher-search{padding:1rem}.user-result-item{padding:0.875rem 1rem}.user-avatar{font-size:1.5rem;margin-right:0.75rem}.user-name{font-size:0.95rem}.user-email{font-size:0.85rem}.compact-quick-menu{display:none}}html,body{margin:0;padding:0;overflow:hidden}body{font-family:'Inter',sans-serif;background-image:url("/static/images/login-bg-placeholder.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;min-height:100dvh}.login-container{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:0;position:relative}.login-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.9);backdrop-filter:blur(5px);z-index:0}.login-container-centered{background:var(--white);border-radius:8px;box-shadow:var(--box-shadow);padding:2.5rem;width:100%;max-width:420px;position:relative;z-index:1;opacity:0;transform:translateY(20px);animation:loginEntrance 0.6s ease forwards;margin:1rem;max-height:90dvh}@keyframes loginEntrance{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.login-logo{text-align:center;margin-bottom:2rem}.login-logo img{max-width:200px;height:auto}.login-content .page{transition:opacity 0.3s ease}.tab__button__container{text-align:center;margin-bottom:2rem}.tab__button__container span{display:block;color:var(--text-color);font-size:1.1rem;margin-bottom:1rem}.tab__button__container .tab__button{flex:1;padding:0.75rem 1rem;border:none;background:var(--light-gray);color:var(--text-color);font-weight:500;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden}.tab__button__container .tab__button:first-child{border-radius:4px 0 0 4px}.tab__button__container .tab__button:last-child{border-radius:0 4px 4px 0}.tab__button__container .tab__button.is--active{background:var(--accent-color);color:var(--white)}.tab__button__container .tab__button:hover:not(.is--active){background:var(--medium-gray)}.input__container{position:relative;margin-bottom:1.5rem;width:100%;box-sizing:border-box}.input__container input{box-sizing:border-box;width:100%;padding:0.75rem 1rem;border:1px solid var(--medium-gray);border-radius:4px;font-size:1rem;transition:all 0.3s ease;background:var(--white);font-family:'Inter',sans-serif}.input__container input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(0,150,136,0.1)}.input__container input::placeholder{color:var(--dark-gray)}.button__submit{width:100%;padding:0.75rem 1rem;background:var(--accent-color);color:var(--white);border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;margin-top:1rem;font-family:'Inter',sans-serif}.button__submit:hover{background:#007d71}.button__submit:active{transform:translateY(1px)}.login-error{margin-top:1rem;padding:0.75rem 1rem;background:rgba(244,67,54,0.1);color:#f44336;border-radius:4px;text-align:center;font-size:0.9rem}a{color:var(--accent-color);text-decoration:none;font-size:0.9rem;display:block;text-align:center;margin-top:1rem;transition:color 0.3s ease;font-family:'Inter',sans-serif}a:hover{color:#00635a}@media (max-width:768px){body{background-image:none;background-color:var(--white)}.login-container::before{display:none}.login-container-centered{padding:1.5rem;margin:0.75rem;max-height:85dvh;box-shadow:none}.login-logo{margin-bottom:1rem}.login-logo img{max-width:140px}.tab__button__container{margin-bottom:1rem}.input__container{margin-bottom:1rem}}.page{opacity:1;transform:translateY(0);transition:all 0.3s ease}.page.v-enter-from,.page.v-leave-to{opacity:0;transform:translateY(10px)}