:root{--color-white: #ffffff;--color-black: #000000;--color-gray-25: #fcfcfd;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-700: #374151;--color-gray-900: #111827;--color-slate-900: #0f172a;--color-surface-tint: #eef4f5;--color-teal-50: #ecfafa;--color-teal-200: #a9e4e6;--color-teal-500: #38adb2;--color-teal-600: #0e9298;--color-teal-700: #0a767c;--color-teal-800: #0f5b60;--color-teal-600-rgb: 14, 146, 152;--color-primary: var(--color-teal-600);--color-primary-hover: var(--color-teal-700);--color-primary-strong: var(--color-teal-800);--color-primary-tint: var(--color-teal-50);--color-primary-tint-strong: var(--color-teal-200);--color-primary-rgb: var(--color-teal-600-rgb)}.header{padding-bottom:8px;margin-bottom:16px;border-bottom:1px solid #ddd;position:fixed;width:100%;background:#fff}.header__top{padding:12px 16px 8px;display:flex;align-items:center;justify-content:space-between}.header__title{font-size:20px;letter-spacing:-.5px}.header__action{display:flex;align-items:center}.header__action>img{width:20px}.header__date{padding-left:16px;font-size:12px;color:#888}.count-label{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-radius:16px;background:#fff;border:1px solid #f1f5f9;box-shadow:0 2px 6px #0000000a}.count-label__info{display:flex;align-items:center;gap:16px}.count-label__icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center}.count-label__text{font-size:20px;font-weight:700}.stepper{display:flex;align-items:center;gap:12px;padding:4px 8px;background:#f1f5f9;border-radius:999px}.stepper__btn{width:32px;height:32px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,background-color .12s ease,opacity .12s ease}.stepper__btn:active{transform:scale(.9)}.stepper__btn:disabled{opacity:.4;cursor:not-allowed}.stepper__btn--primary{background:#0f172a;border:none;color:#fff}.stepper__btn--primary:hover{background:#020617}.stepper__count{width:32px;text-align:center;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;color:#0f172a}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:40px 16px;background:radial-gradient(1100px 520px at 50% -8%,var(--color-primary-tint) 0%,transparent 62%),linear-gradient(180deg,var(--color-gray-50) 0%,#ffffff 100%)}.auth{--panel: var(--color-white);--bg: var(--color-gray-50);--border: var(--color-gray-200);--border-soft: var(--color-surface-tint);--text: var(--color-gray-900);--muted: var(--color-gray-500);--primary: var(--color-primary);--danger: #ef4444;width:100%;max-width:440px;padding:2.25rem 2rem;border-radius:20px;background:var(--panel);border:1px solid rgba(17,24,39,.05);box-shadow:0 1px 2px #1118270a,0 8px 24px #1118270f,0 28px 64px #1118271a;display:flex;flex-direction:column;gap:1rem}.auth__brand{width:56px;height:56px;margin:0 auto .25rem;display:grid;place-items:center;border-radius:16px;color:var(--color-white);background:linear-gradient(150deg,var(--color-primary),var(--color-primary-strong));box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.35)}.auth__brand .auth__brand-mark{display:block;width:32px;height:32px}.auth__title{text-align:center;font-size:1.6rem;font-weight:800;letter-spacing:-.03em;color:var(--text);margin:0 0 .25rem}.auth__hint{text-align:center;font-size:.85rem;letter-spacing:-.01em;color:var(--muted);margin:-.15rem 0 .75rem}.auth__form{display:flex;flex-direction:column;gap:1rem}.auth__field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.auth__label{font-size:.82rem;font-weight:700;letter-spacing:-.01em;color:var(--color-gray-700)}.auth__input{width:100%;min-width:0;padding:.7rem .85rem;border-radius:12px;border:1px solid var(--border);background:var(--bg);font-size:.95rem;color:var(--text);font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.auth__input:focus{outline:none;background:var(--panel);border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.auth__input:disabled{background:var(--color-gray-100);color:var(--color-gray-400);cursor:not-allowed}.auth__input::placeholder{color:var(--color-gray-400)}.auth__actions{margin-top:.5rem;display:flex;justify-content:stretch;align-items:center;gap:8px}.auth__button{width:100%;height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--color-primary-hover);background:linear-gradient(180deg,var(--color-primary),var(--color-primary-hover));color:var(--color-white);font-size:.95rem;font-weight:700;letter-spacing:.01em;cursor:pointer;box-shadow:0 2px 6px rgba(var(--color-primary-rgb),.22);transition:background-color .15s ease,box-shadow .15s ease,transform .05s ease}.auth__button:hover{background:var(--color-primary-hover);box-shadow:0 6px 16px rgba(var(--color-primary-rgb),.22)}.auth__button:active{transform:translateY(1px)}.auth__button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.auth__message{margin-top:.5rem;font-size:.82rem;color:var(--muted);text-align:center}.auth__error{margin-top:.5rem;font-size:.82rem;color:var(--danger);text-align:center}.auth__link{margin-top:.5rem;font-size:.9rem;padding:.75rem;text-align:center;color:var(--primary)}.auth__link a{color:inherit;text-decoration:none;font-weight:600}.auth__link a:hover{text-decoration:underline}@media(max-width:480px){.auth{padding:1.5rem 1.25rem;border-radius:18px}.auth__title{font-size:1.4rem}.auth__input{font-size:.9rem}.auth__button{height:46px;font-size:.9rem}.auth__message,.auth__error,.auth__link{font-size:.82rem;margin-top:.25rem;padding:.5rem}.auth__actions{justify-content:stretch}}*{margin:0;padding:0;box-sizing:border-box}button{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;appearance:none}ul{list-style:none}.main{padding:84px 16px;display:flex;flex-direction:column;gap:12px}.footer{position:fixed;bottom:0;width:100%;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -1px #0f172a0d,0 -12px 32px #0f172a14;padding:16px;display:flex;align-items:center;justify-content:space-between}.footer__left{display:flex;flex-direction:column;gap:2px}.footer__status{font-size:12px;min-height:16px;color:#94a3b8}.footer__status--error{color:#dc2626}.footer__text,.footer__unit{font-size:20px;font-weight:500;color:#64748b}.footer__number{font-size:32px;font-weight:900}