@charset "UTF-8";.login__backdrop{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--gray-backdrop)}.login__box{background-color:var(--white);border:1px solid var(--border);border-radius:8px;padding:40px;width:100%;max-width:400px;box-sizing:border-box}.login__title{margin:0 0 4px;font-size:22px}.login__subtitle{margin:0 0 30px;color:var(--gray-mid);font-size:14px}.login__form{display:flex;flex-direction:column;gap:16px}.login__field{display:flex;flex-direction:column;gap:6px}.login__label{font-weight:600;font-size:14px}.login__input{padding:10px 12px;border:1px solid var(--gray-light);border-radius:4px;font-size:15px;box-sizing:border-box;width:100%}.login__input:focus{outline:none;border-color:var(--gray-focus)}.login__error{color:var(--red-danger);font-size:14px;margin:0}.login__button{padding:12px;background-color:var(--black-btn);color:var(--white);border:none;border-radius:4px;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px;width:100%}.login__button:hover{background-color:var(--black-btn-hover)}:root{--red: #fd3219;--red-pale: #ff8c7d;--black: #1a1a1a;--orange: #eea22c;--gray-dark: #333333;--gray-mid: #666666;--gray-light: #cccccc;--gray-bg: #f5f5f5;--white: #ffffff;--green: #2a7a2a;--blue-select: #d6eaff;--border: #dddddd;--radius: 4px;--badge: #FFF5F599;--mail-border:#ffe58f;--mail-info:#fffbe6;--red-danger: #cc2010;--red-danger-bg: #fff0ee;--black-btn: #222222;--black-btn-hover: #444444;--gray-backdrop: #f3f3f3;--gray-focus: #888888;--gray-muted: #999999;--gray-stripe: #fafafa;--gray-search-bg: #f8f9fa;--gray-separator-text: #555555;--border-light: #eeeeee;--green-bg: #e8f4e8;--orange-bg: #fff0e8;--orange-dark: #c05000;--overlay-dark: rgba(0, 0, 0, .45);--overlay-light: rgba(255, 255, 255, .92);--shadow-color: rgba(0, 0, 0, .18);--shadow-color-soft: rgba(0, 0, 0, .08);--shadow-color-strong: rgba(0, 0, 0, .2);--white-a10: rgba(255, 255, 255, .1);--white-a30: rgba(255, 255, 255, .3);--white-a60: rgba(255, 255, 255, .6)}