/* ==== _common (跨页公共样式, 提取自各页) ==== */
.system_table {border: 1px solid #dcdcdc;width: 100%}
.bg-image {position: absolute;inset: 0;width: 100%;height: 100%;z-index: 1;background-color: #000;background-image: url("/uploads/allimg/20260724/1-260H4163H4E5.jpg");background-size: cover;background-position: center;background-repeat: no-repeat}
.kf-box {width: 100%;height: 100%;position: relative;display: flex;align-items: center}
.form-group {margin-bottom: 20px}
.password-container {position: relative}
.code-container {position: relative}
.password-toggle {position: absolute;right: 12px;top: 50%;transform: translateY(-50%);background: none;border: none;cursor: pointer;color: #666;font-size: 1.1rem;padding: 4px}
.checkbox-group {display: flex;align-items: center;margin-bottom: 25px;gap: 10px}
.btn-google {background-color: #1a202c;color: white;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);display: flex;align-items: center;justify-content: center;gap: 8px}
.login-link {text-align: center;margin-top: 20px;color: #939697}
.g_id_signin {display: none}
.code-toggle {padding: 14px 20px;border: none;border-radius: 25px;font-size: 1rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;text-align: center;top: 50%;position: absolute;right: 2px;border-radius: 6px;padding: 13.8px 20px;transform: translateY(-50%);color: #000}
.address-modal {width: 100% !important;margin: 0 auto;box-sizing: border-box}
.article-media-add .url-box_sys .layui-btn:focus, .article-media-edit .url-box_sys .layui-btn:focus {color: #fff}
.article-order-details .system_table td, .media-order-details .system_table td {height: 40px;line-height: 40px;font-size: 12px;color: #454545;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;width: 35%;padding-left: 1%}
.article-order-details .system_table td.gray_bg, .media-order-details .system_table td.gray_bg {background: #f7f7f7;width: 15%}
.pay-recharge-detail #yezf_balance_tips, .shop-under-order #yezf_balance_tips {position: absolute;bottom: 0}
.reset-password .container form, .retrieve-password .container form, .users-reg .container form {max-width: 600px;margin: 0 auto}
.reset-password .checkbox-group input[type="checkbox"], .retrieve-password .checkbox-group input[type="checkbox"], .users-reg .checkbox-group input[type="checkbox"] {width: 18px;height: 18px;accent-color: #1e2734}
.reset-password .btn-primary:hover, .retrieve-password .btn-primary:hover, .users-reg .btn-primary:hover {background-color: #2d3748;transform: translateY(-1px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15)}
.reset-password .btn-google:hover, .retrieve-password .btn-google:hover, .users-reg .btn-google:hover {background-color: #2d3748;transform: translateY(-1px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15)}
.reset-password .login-link a, .retrieve-password .login-link a, .users-reg .login-link a {font-size: 14px;color: #939697;font-family: 'InterDisplayMedium';display: inline-block;min-width: 150px}
.reset-password .login-link a:nth-of-type(1), .retrieve-password .login-link a:nth-of-type(1), .users-reg .login-link a:nth-of-type(1) {text-align: right}
.reset-password .login-link a:nth-of-type(2), .retrieve-password .login-link a:nth-of-type(2), .users-reg .login-link a:nth-of-type(2) {text-align: left}
.reset-password .login-link a:hover, .retrieve-password .login-link a:hover, .users-reg .login-link a:hover {text-decoration: underline}
.reset-password .login-link .line-h, .retrieve-password .login-link .line-h, .users-reg .login-link .line-h {height: 10px;width: 1px;display: inline-block;background-color: #939697;margin: 0 15px}
.shop-add-address .address-modal .ey-dialog__body, .shop-edit-address .address-modal .ey-dialog__body {padding: 26px 24px 4px !important}
.shop-add-address .address-add .item, .shop-edit-address .address-add .item {margin-bottom: 22px !important}
.shop-add-address .address-add .item:last-child, .shop-edit-address .address-add .item:last-child {margin-bottom: 24px !important}
.shop-add-address .address-add .input-text, .shop-edit-address .address-add .input-text {width: 100%;height: 40px;line-height: 38px;border: 1px solid #e0e0e0;padding: 0 14px;box-sizing: border-box;outline: none}
.shop-add-address .address-add select.input-text, .shop-edit-address .address-add select.input-text {height: 40px;line-height: 40px;padding: 0 10px;color: #333;background-color: #fff;-webkit-appearance: none;appearance: none;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23b0b0b0'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 14px center}
.shop-add-address .address-add textarea.input-text, .shop-edit-address .address-add textarea.input-text {height: auto;min-height: 76px;line-height: 1.5;padding: 10px 14px;resize: vertical}
.shop-add-address .address-add .item .col, .shop-edit-address .address-add .item .col {min-width: 0}
.shop-add-address .address-add .item .col.full, .shop-edit-address .address-add .item .col.full {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%}
/* ==== users/article_media_add.htm ==== */
/* ==== users/article_media_edit.htm ==== */
/* ==== users/article_order_details.htm ==== */
/* ==== users/level_centre.htm ==== */
/* ==== users/media_order_details.htm ==== */
/* ==== users/pay_recharge_detail.htm ==== */
/* ==== users/reset_password.htm ==== */
* {margin: 0;padding: 0;box-sizing: border-box}
html, body {width: 100%;height: 100%;-webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: transparent;user-select: none;font-family: 'InterDisplay'}
.reset-password .container {max-width: 1280px;margin: 0 auto;width: 96%;background: white;padding: 40px;border-radius: 12px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1)}
h1 {text-align: center;margin-bottom: 40px;color: #1e2734;font-size: 70px;font-weight: 600}
p {color: #939697;font-size: 20px;font-family: "InterDisplayMedium";text-align: center;margin-bottom: 40px}
label {display: block;margin-bottom: 8px;font-weight: 600;color: #1e2734;font-size: 20px}
.reset-password input[type="text"], .reset-password input[type="email"], .reset-password input[type="password"] {width: 100%;padding: 12px 16px;border: 2px solid #e1e5e9;border-radius: 8px;font-size: 18px;transition: border-color 0.2s ease;background-color: #fff}
.reset-password input[type="text"]:focus, .reset-password input[type="email"]:focus, .reset-password input[type="password"]:focus {outline: none;border-color: #667eea;box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1)}
input::placeholder {color: #aaa;font-size: 0.95rem}
.reset-password .code-toggle {padding: 14px 20px;border: none;border-radius: 25px;font-size: 1rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;text-align: center;top: 50%;position: absolute;right: 2px;border-radius: 6px;padding: 13.8px 20px;transform: translateY(-50%);background: #1a202c;color: #fff}
.reset-password .checkbox-group input[type="checkbox"] {width: 18px;height: 18px;accent-color: #1e2734}
.reset-password .checkbox-group label {margin-bottom: 0;font-size: 19px;color: #555;cursor: pointer;font-weight: 600}
.reset-password .button-group {display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 15px;margin-bottom: 20px}
button {padding: 14px 20px;border: none;border-radius: 25px;font-size: 1rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;text-align: center}
.reset-password .btn-primary {background-color: #1a202c;color: white;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)}
.reset-password .google-icon {width: 30px;height: 30px;background: url('/template/custom/pc/skin/images/google-color.svg') no-repeat center / 100%}
/* 响应式优化 */
/* @media (max-width: 480px){ .container { padding: 30px 20px; margin: 10px; } h1 { font-size: 2rem; } .button-group { grid-template-columns: 1fr; } }*/
/* ==== users/retrieve_password.htm ==== */
html, body {width: 100%;height: 100%;-webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: transparent;font-family: 'InterDisplay'}
.retrieve-password .container {max-width: 1280px;margin: 0 auto;width: 96%;background: white;padding: 40px;border-radius: 12px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1)}
.retrieve-password input[type="text"], .retrieve-password input[type="email"], .retrieve-password input[type="password"] {width: 100%;padding: 12px 16px;border: 2px solid #e1e5e9;border-radius: 8px;font-size: 18px;transition: border-color 0.2s ease;background-color: #fff}
.retrieve-password input[type="text"]:focus, .retrieve-password input[type="email"]:focus, .retrieve-password input[type="password"]:focus {outline: none;border-color: #667eea;box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1)}
.retrieve-password .checkbox-group input[type="checkbox"] {width: 18px;height: 18px;accent-color: #1e2734}
.retrieve-password .checkbox-group label {margin-bottom: 0;font-size: 19px;color: #555;cursor: pointer;font-weight: 600}
.retrieve-password .button-group {display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 15px;margin-bottom: 20px}
.retrieve-password .btn-primary {background-color: #1a202c;color: white;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)}
.retrieve-password .google-icon {width: 30px;height: 30px;background: url('/template/custom/pc/skin/images/google-color.svg') no-repeat center / 100%}
/* 响应式优化 */
/* @media (max-width: 480px){ .container { padding: 30px 20px; margin: 10px; } h1 { font-size: 2rem; } .button-group { grid-template-columns: 1fr; } }*/
/* ==== users/shop_add_address.htm ==== */
body {background: #fff;overflow-y: unset}
.shop-add-address /* 表单固定为两列，最后一行不满时左对齐不拉伸 */ .address-add .item .col {min-width: 0}
/* ==== users/shop_edit_address.htm ==== */
.shop-edit-address /* 表单固定为两列，最后一行不满时左对齐不拉伸 */ .address-add .item .col {min-width: 0}
/* ==== users/shop_query_express.htm ==== */
.shop-query-express #theForm .form-group {margin:10px 0px}
/* ==== users/shop_under_order.htm ==== */
.shop-under-order #verify_store_name {font-weight: 700}
/* ==== users/users_change_pwd.htm ==== */
.users-change-pwd #theForm_s .form-group {margin:10px 0px}
/* ==== users/users_footer.htm ==== */
.country-selector {display: inline-flex;align-items: center;color: #212121;font-size: 12px;cursor: pointer;padding: 6px 4px;user-select: none;position: relative}
.country-selector:hover {}
.country-selector .arrow {font-size: 12px;margin-left: 2px;transition: transform 0.2s ease}
.country-selector .arrow.open {transform: rotate(180deg)}
/* 下拉菜单样式 */
.dropdown-menu {display: none;position: absolute;top: 0;left: 0;background: #ffffff;border: 1px solid #e0e0e0;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);padding: 8px 0;min-width: 110px;z-index: 100;margin-bottom: 4px;transform: translateY(-100%)}
.dropdown-menu.show {display: block}
.dropdown-menu a {display: block;padding: 8px 16px;color: #333;text-decoration: none;font-size: 14px;white-space: nowrap}
.dropdown-menu a:hover {background: #f1f3f4;color: #1a73e8;text-decoration: none}
.dropdown-menu .current {background: #e8f0fe;color: #1a73e8;font-weight: 500}
/* 基础样式 */
.hover-link {position: relative;display: inline-block;text-decoration: none;color: #1e2734;cursor: pointer}
/* 下划线伪元素 */
.hover-link::after {content: '';position: absolute;left: 0;bottom: -1px;width: 0;height: 1px;background-color: #1e2734;transition: width 0.4s ease}
/* 鼠标悬停时展开 */
.hover-link:hover::after {width: 100%}
/* ==== users/users_gift_detail.htm ==== */
.users-gift-detail .b_box {display: flex;justify-content: left;margin: 20px;color: #666666;padding: 20px 0 30px 0;border-bottom: 1px solid #e8e8e8}
.users-gift-detail .b_img {display: table-cell;position: relative;width: 150px;height: 150px;margin-right: 20px;overflow: hidden;text-align: center;vertical-align: middle;border: 1px solid #eee}
.users-gift-detail .b_img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%}
.users-gift-detail .b_div {display: flex;flex-flow: column;justify-content: space-around}
.users-gift-detail .flex-content {display: flex;flex-direction: row;align-items: center;justify-content: left;font-size: 16px}
.users-gift-detail .flex-title {margin-right: 10px}
.users-gift-detail .flex-val {}
.users-gift-detail a.okgo {display: flex;flex-direction: row;align-items: center;justify-content: center;text-align: center;margin-top: 8px;height: 30px;width: 110px;color: #000000;font-size: 14px;border: solid 1px #000000;cursor: pointer}
.users-gift-detail a.okgo:hover {background:#000000;color:#fff}
.users-gift-detail a.nones {color: #ccc;border: solid 1px #ccc;cursor:default}
.users-gift-detail .giftcontent {margin-bottom: 20px;padding: 30px}
.users-gift-detail .giftcontent img {max-width:100%!important}
/* ==== users/users_gift_shiwu.htm ==== */
.users-gift-shiwu .input-boxs {display: flex;margin-top: 10px;justify-content: space-between}
.users-gift-shiwu .input-boxs-con {width: 100%;display:flex;height: 40px;line-height: 40px}
/* ==== users/users_login.htm ==== */
.users-login .login-container {max-width: 1280px;margin: 0 auto;width: 96%;background: white;padding: 40px;border-radius: 12px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);padding-bottom: 100px}
.users-login .login-container form {max-width: 600px;margin: 0 auto}
.users-login .login-container h1 {text-align: center;margin-bottom: 40px;color: #1e2734;font-size: 70px;font-weight: 600}
.users-login .login-container label {display: block;margin-bottom: 8px;font-weight: 600;color: #1e2734;font-size: 20px}
.users-login .login-container input[type="text"], .users-login .login-container input[type="email"], .users-login .login-container input[type="password"] {width: 100%;padding: 12px 16px;border: 2px solid #e1e5e9;border-radius: 8px;font-size: 18px;transition: border-color 0.2s ease;background-color: #fff}
.users-login .login-container input[type="text"]:focus, .users-login .login-container input[type="email"]:focus, .users-login .login-container input[type="password"]:focus {outline: none;border-color: #667eea;box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1)}
.users-login .login-container input::placeholder {color: #aaa;font-size: 0.95rem}
.users-login .login-container .checkbox-group input[type="checkbox"] {width: 18px;height: 18px;accent-color: #1e2734}
.users-login .login-container .checkbox-group label {margin-bottom: 0;font-size: 19px;color: #555;cursor: pointer;font-weight: 600}
.users-login .login-container .button-group {display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 15px;margin-bottom: 20px}
.users-login .login-container button {padding: 14px 20px;border: none;border-radius: 50px;font-size: 1rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;text-align: center}
.users-login .login-container .btn-primary {background-color: #1a202c;color: white;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)}
.users-login .login-container .btn-primary:hover {background-color: #2d3748;transform: translateY(-1px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15)}
.users-login .login-container .btn-google:hover {background-color: #2d3748;transform: translateY(-1px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15)}
.users-login .login-container .google-icon {width: 30px;height: 30px;background: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgc3R5bGU9ImZsZXg6bm9uZTtsaW5lLWhlaWdodDoxIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxZW0iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPkdvb2dsZTwvdGl0bGU+PHBhdGggZD0iTTIzIDEyLjI0NWMwLS45MDUtLjA3NS0xLjU2NS0uMjM2LTIuMjVoLTEwLjU0djQuMDgzaDYuMTg2Yy0uMTI0IDEuMDE0LS43OTcgMi41NDItMi4yOTQgMy41NjlsLS4wMjEuMTM2IDMuMzMyIDIuNTMuMjMuMDIyQzIxLjc3OSAxOC40MTcgMjMgMTUuNTkzIDIzIDEyLjI0NXoiIGZpbGw9IiM0Mjg1RjQiPjwvcGF0aD48cGF0aCBkPSJNMTIuMjI1IDIzYzMuMDMgMCA1LjU3NC0uOTc4IDcuNDMzLTIuNjY1bC0zLjU0Mi0yLjY4OGMtLjk0OC42NDgtMi4yMiAxLjEtMy44OTEgMS4xYTYuNzQ1IDYuNzQ1IDAgMDEtNi4zODYtNC41NzJsLS4xMzIuMDExLTMuNDY1IDIuNjI4LS4wNDUuMTI0QzQuMDQzIDIwLjUzMSA3LjgzNSAyMyAxMi4yMjUgMjN6IiBmaWxsPSIjMzRBODUzIj48L3BhdGg+PHBhdGggZD0iTTUuODQgMTQuMTc1QTYuNjUgNi42NSAwIDAxNS40NjMgMTJjMC0uNzU4LjEzOC0xLjQ5MS4zNjEtMi4xNzVsLS4wMDYtLjE0Ny0zLjUwOC0yLjY3LS4xMTUuMDU0QTEwLjgzMSAxMC44MzEgMCAwMDEgMTJjMCAxLjc3Mi40MzYgMy40NDcgMS4xOTcgNC45MzhsMy42NDItMi43NjN6IiBmaWxsPSIjRkJCQzA1Ij48L3BhdGg+PHBhdGggZD0iTTEyLjIyNSA1LjI1M2MyLjEwOCAwIDMuNTI5Ljg5MiA0LjM0IDEuNjM4bDMuMTY3LTMuMDMxQzE3Ljc4NyAyLjA4OCAxNS4yNTUgMSAxMi4yMjUgMSA3LjgzNCAxIDQuMDQzIDMuNDY5IDIuMTk3IDcuMDYybDMuNjMgMi43NjNhNi43NyA2Ljc3IDAgMDE2LjM5OC00LjU3MnoiIGZpbGw9IiNFQjQzMzUiPjwvcGF0aD48L3N2Zz4=') no-repeat center / 100%}
.users-login .login-container .login-link a {font-size: 14px;color: #939697;font-family: 'InterDisplayMedium'}
.users-login .login-container .login-link a:hover {text-decoration: underline}
.users-login .login-container .login-link .line-h {height: 10px;width: 1px;display: inline-block;background-color: #939697;margin: 0 10px}
/* ==== users/users_reg.htm ==== */
.users-reg .container {max-width: 1280px;margin: 0 auto;width: 96%;background: white;padding: 40px;border-radius: 12px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1)}
.users-reg input[type="text"], .users-reg input[type="email"], .users-reg input[type="password"] {width: 100%;padding: 12px 16px;border: 2px solid #e1e5e9;border-radius: 8px;font-size: 18px;transition: border-color 0.2s ease;background-color: #fff}
.users-reg input[type="text"]:focus, .users-reg input[type="email"]:focus, .users-reg input[type="password"]:focus {outline: none;border-color: #667eea;box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1)}
.users-reg .checkbox-group input[type="checkbox"] {width: 18px;height: 18px;accent-color: #1e2734}
.users-reg .checkbox-group label {margin-bottom: 0;font-size: 19px;color: #555;cursor: pointer;font-weight: 600}
.users-reg .button-group {display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 15px;margin-bottom: 20px}
.users-reg .btn-primary {background-color: #1a202c;color: white;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)}
.users-reg .google-icon {width: 30px;height: 30px;background: url('/template/custom/pc/skin/images/google-color.svg') no-repeat center / 100%}
/* 响应式优化 */
/* @media (max-width: 480px){ .container { padding: 30px 20px; margin: 10px; } h1 { font-size: 2rem; } .button-group { grid-template-columns: 1fr; } }*/
/* ==== users/users_release_field.htm ==== */
.users-release-field .input-file-show {position: relative;width: 120px;height: 120px;overflow: hidden}
.users-release-field .input-file-show img {position: absolute;width: 120px;height: 120px}
.users-release-field .input-file-show span {position: absolute;bottom: 0;width: 120px;height: 26px;line-height: 26px;text-align: center;background-color: rgba(0,0,0,0.6);color: #fff;z-index: 2}

/* ==== merged @media (sorted largest -> smallest) ==== */
@media (max-width: 1200px) {
.container {width: 60%}
h1 {font-size: 43.75px;margin-bottom: 25px}
p {font-size: 16px;margin-bottom: 25px}
label {font-size: 16px}
input[type="text"], input[type="email"], input[type="password"] {font-size: 14px}
.checkbox-group label {font-size: 16px !important}
.button-group {gap: 25px}
.btn-primary {padding: 8.75px 12.5px}
.google-icon {width: 20px;height: 20px}
.login-container {width: 60%}
.login-container h1 {
    font-size: 43.75px !important;
    margin-bottom: 25px !important;
}
.login-container p {font-size: 16px;margin-bottom: 25px}
.login-container label {font-size: 16px}
.login-container input[type="text"], .login-container input[type="email"], .login-container input[type="password"] {font-size: 14px}
.login-container .checkbox-group label {font-size: 16px}
.login-container .button-group {gap: 25px}
.login-container .btn-primary {padding: 8.75px 12.5px}
.login-container .google-icon {width: 20px;height: 20px}
}

@media (max-width: 640px) {
.level-centre .panel-body {padding: 18px}
/*.centre .panel-body { padding: 18px; }*/
}


@media (max-width: 480px) {
    .retrieve-password .form-group{
        margin-bottom: 10px;
    }
    .retrieve-password .button-group {
        gap: 10px;
        grid-template-columns: repeat(1, 1fr);
    }
    .retrieve-password .btn-primary{
        height: 37.5px;
        padding: 0;
    }
    .retrieve-password .btn-google {
        padding: 8.75px 12.5px;
    }
    .retrieve-password .google-icon {
        width: 20px;
        height: 20px;
    }
    .retrieve-password .checkbox-group{
        height: 10px;
    }
    .retrieve-password input[type="text"], .retrieve-password input[type="email"], .retrieve-password input[type="password"]{
        padding: 8px 10px;
        font-size: 14px;
    }
    .reset-password .login-link a, .retrieve-password .login-link a, .users-reg .login-link a{
        min-width: 112px;
    }
    .login-link{
    margin-top: 10px;

    }
    .users-login .login-container{
        padding: 40px;

    }
    
    .users-login .form-group{
        margin-bottom: 10px;
    }
    .users-login .button-group {
        gap: 10px;
        grid-template-columns: repeat(1, 1fr);
    }
    .users-login .login-container .btn-primary{
        height: 37.5px;
        padding: 0;
    }
    .users-login .login-container .btn-google {
        padding: 8.75px 12.5px;
    }
    .users-login .login-container .google-icon {
        width: 20px;
        height: 20px;
    }
    .users-login .login-container input[type="text"], .users-login .login-container input[type="email"], .users-login .login-container input[type="password"]{
        padding: 8px 10px;
        font-size: 14px;

    }

    .users-reg .container{
        padding: 40px;
    }
    .users-reg .form-group{
        margin-bottom: 10px;
    }
    .users-reg .button-group {
        gap: 10px;
        grid-template-columns: repeat(1, 1fr);
    }
    .users-reg .btn-primary{
        height: 37.5px;
        padding: 0;
    }
    .users-reg .btn-google {
        padding: 8.75px 12.5px;
    }
    .users-reg .google-icon {
        width: 20px;
        height: 20px;
    }
    .users-reg input[type="text"], .users-reg input[type="email"], .users-reg input[type="password"]{
        padding: 8px 10px;
        font-size: 14px;

    }
    .code-toggle{
        padding: 8px 16px;

    }



    .reset-password .container{
        padding: 40px;
    }
    .reset-password .form-group{
        margin-bottom: 10px;
    }
    .reset-password .button-group {
        gap: 10px;
        grid-template-columns: repeat(1, 1fr);
    }
    .reset-password .btn-primary{
        height: 37.5px;
        padding: 0;
    }
    .reset-password .btn-google {
        padding: 8.75px 12.5px;
    }
    .reset-password .google-icon {
        width: 20px;
        height: 20px;
    }


    .reset-password input[type="text"], .reset-password input[type="email"], .reset-password input[type="password"]{
        padding: 8px 10px;
        font-size: 14px;

    }
}