*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:#f4f6f8;color:#242424;font-family:Outfit,sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased}::selection{background:#4db04e;color:#fff}input::placeholder{color:#a8a8a8}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f4f6f8}::-webkit-scrollbar-thumb{background:#c6c6c6;border-radius:3px}.green{color:#4db04e}.mono{font-family:JetBrains Mono,monospace}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.page{animation:fadeIn .4s ease}.page-center{align-items:center;background:linear-gradient(160deg,#29417c,#1b2e5a 40%,#0e600e);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:24px;position:relative;width:100%}.glow-top{background:radial-gradient(ellipse,rgba(77,176,78,.15) 0,transparent 70%);height:350px;left:50%;pointer-events:none;position:fixed;top:-120px;transform:translateX(-50%);width:700px;z-index:0}.card{background:#fff;border:1px solid #e0e0e0;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.15);padding:44px 40px;position:relative;width:100%;z-index:1}.card--login{max-width:440px}.card--first{max-width:480px}.card__title{color:#242424;font-size:22px;font-weight:700;margin-bottom:8px}.card__title-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.card__subtitle{color:#6e6e6e;font-size:14px;line-height:1.6;margin-bottom:28px}.icon-green{font-size:20px}.logo{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:36px}.logo__img{height:56px;max-width:240px}.logo__img,.logo__img--sm{display:block;object-fit:contain;width:auto}.logo__img--sm{height:36px;max-width:160px}.field{margin-bottom:18px}.field__label{color:#505050;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field__input{background:#f4f6f8;border:1.5px solid #e0e0e0;border-radius:12px;color:#242424;font-family:Outfit,sans-serif;font-size:15px;outline:none;padding:13px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.field__input:focus{border-color:#4db04e;box-shadow:0 0 0 3px rgba(77,176,78,.12)}.field__input--pw{padding-right:48px}.field__pw{position:relative}.field__eye{background:none;color:#a8a8a8;font-size:16px;line-height:1;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.btn,.field__eye{border:none;cursor:pointer}.btn{border-radius:12px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;letter-spacing:.3px;padding:14px;text-align:center;transition:all .2s;width:100%}.btn--primary{background:#4db04e;box-shadow:0 4px 14px rgba(77,176,78,.3);color:#fff;margin-top:8px}.btn--primary:hover:not(:disabled){background:#25a22a;box-shadow:0 6px 20px rgba(77,176,78,.4);transform:translateY(-1px)}.btn--primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.btn--ghost{background:transparent;border:1.5px solid #e0e0e0;color:#6e6e6e;font-weight:500;margin-top:14px}.btn--ghost:hover{border-color:#4db04e;color:#4db04e}.btn--ghost-sm{align-items:center;background:transparent;border:1.5px solid #e0e0e0;border-radius:10px;color:#6e6e6e;cursor:pointer;display:inline-flex;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s}.btn--ghost-sm:hover{border-color:#ef4444;color:#ef4444}.btn--outline-green{background:transparent;border:2px solid #4db04e;color:#4db04e;font-weight:700;margin-top:0}.btn--outline-green:hover{background:#4db04e;box-shadow:0 4px 14px rgba(77,176,78,.25);color:#fff;transform:translateY(-1px)}.first-access-cta{border-top:1.5px solid #f0f0f0;margin-top:24px;padding-top:20px;text-align:center}.first-access-cta__label{color:#8d8d8d;font-size:13px;margin-bottom:12px}.msg{border-radius:10px;font-size:13px;margin-bottom:16px;padding:11px 14px}.msg--error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.info-box{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;margin-bottom:20px;padding:14px 16px}.info-box p{color:#166534;font-size:13px;line-height:1.6;margin:0}.pw-rules{margin-bottom:14px;margin-top:10px}.pw-rule{align-items:center;display:flex;font-size:12px;gap:8px;margin-bottom:4px}.pw-rule--ok{color:#4db04e}.pw-rule--fail{color:#c6c6c6}.pw-match-error{color:#dc2626;font-size:12px;margin-top:6px}.first-step-label{color:#4db04e;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;text-transform:uppercase}#page-dash{background:#f4f6f8}.dash{margin:0 auto;max-width:960px;padding:0 24px 24px;width:100%}.dash__header{border-bottom:1.5px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;margin-bottom:28px;padding:20px 0}.dash__header,.dash__header-left{align-items:center;display:flex;gap:12px}.dash__brand{color:#242424;font-size:17px;font-weight:700}.dash__user{color:#8d8d8d;font-size:14px}.dash__footer{color:#a8a8a8;font-size:12px;padding:20px 0 40px;text-align:center}.stats{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:28px}.stat-card{background:#fff;border:1.5px solid #e0e0e0;border-radius:18px;box-shadow:0 2px 8px rgba(0,0,0,.04);padding:24px}.stat-card--green{border-color:#4db04e;border-width:2px}.stat-card--gold{border-color:#f5b700;border-width:2px}.stat__label{align-items:center;color:#8d8d8d;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.stat__value{color:#242424;font-family:JetBrains Mono,monospace;font-size:34px;font-weight:800;letter-spacing:-1.5px}.stat__value--green{color:#4db04e}.stat__value--gold{color:#d4950a}.stat__value--teal{color:#25a22a}.stat__suffix{color:#a8a8a8;font-size:14px;font-weight:400;margin-left:4px}.stat__sub{color:#a8a8a8;font-size:12px;margin-top:4px}.section{background:#fff;border:1.5px solid #e0e0e0;border-radius:18px;box-shadow:0 2px 8px rgba(0,0,0,.04);margin-bottom:20px;padding:24px}.section__title{color:#242424;font-size:16px;font-weight:700;gap:8px;margin-bottom:18px}.rank-row,.section__title{align-items:center;display:flex}.rank-row{border:1px solid transparent;border-radius:14px;gap:14px;margin-bottom:6px;padding:12px 14px;transition:background .15s}.rank-row:hover{background:#f9fafb}.rank-row--me{background:#f0fdf4;border:1.5px solid #bbf7d0}.rank-pos{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.rank-pos--1{background:#fef9c3;color:#a16207}.rank-pos--2{background:#f1f5f9;color:#64748b}.rank-pos--3{background:#fed7aa;color:#9a3412}.rank-pos--other{background:#f4f6f8;color:#8d8d8d}.rank-name{color:#353535;flex:1;font-size:14px;font-weight:500}.rank-name--me{color:#166534;font-weight:700}.rank-name__you{font-size:11px}.rank-filial,.rank-name__you{color:#a8a8a8;font-weight:400}.rank-filial{font-size:12px}.rank-score{color:#8d8d8d;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700}.rank-score--me{color:#4db04e}.hist-row{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 0}.hist-row:last-child{border-bottom:none}.hist-left{flex:1}.hist-product{color:#242424;font-size:15px;font-weight:600}.hist-date{color:#a8a8a8;font-size:12px;margin-top:4px}.hist-pts{color:#4db04e;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;white-space:nowrap}.hist-empty{color:#a8a8a8;font-size:14px}.rank-separator{color:#555;font-size:13px;letter-spacing:4px;padding:6px 0 22px;text-align:center}@media (max-width:520px){.card{border-radius:18px;padding:32px 24px}.stat__value{font-size:28px}.dash{padding:0 16px 16px}.page-center{padding:16px}}