:root{--color-primary: #1a1a1a;--color-primary-fg: #ffffff;--color-secondary: #4a4a4a;--color-bg: #ffffff;--color-surface: #f8fafc;--color-fg: #0a0a0a;--color-muted: #64748b;--color-error: #d92d20;--app-radius: 12px;--space: 16px;--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .08);--ring: 0 0 0 3px color-mix(in srgb, var(--color-primary) 30%, transparent);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.screen{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg);padding:max(env(safe-area-inset-top),0px) 0 0}.screen__body{flex:1;width:100%;max-width:440px;margin:0 auto;padding:var(--space);display:flex;flex-direction:column;gap:var(--space)}.screen__title{margin:4px 0 0;font-size:1.4rem;line-height:1.2;font-weight:700;color:var(--color-fg)}.screen__subtitle{margin:0;color:var(--color-muted);font-size:.95rem}.app-header{display:flex;flex-direction:column;gap:10px;padding:14px var(--space);background:var(--color-surface);border-bottom:1px solid color-mix(in srgb,var(--color-muted) 22%,transparent)}.app-header__brand{display:flex;align-items:center;gap:12px}.app-nav{display:flex;gap:8px;flex-wrap:wrap}.app-nav__link{text-decoration:none;padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--color-secondary);background:color-mix(in srgb,var(--color-muted) 12%,transparent)}.app-nav__link--active{color:var(--color-primary-fg);background:var(--color-primary)}.app-header__logo{height:32px;width:auto;display:block}.app-header__mark{display:grid;place-items:center;height:36px;width:36px;border-radius:calc(var(--app-radius) * .6);background:var(--color-primary);color:var(--color-primary-fg);font-weight:700;font-size:1.05rem}.app-header__name{font-weight:700;font-size:1.05rem;color:var(--color-fg)}.sync-banner{margin:0;padding:6px var(--space);font-size:.78rem;font-weight:500;color:var(--color-muted);background:color-mix(in srgb,var(--color-muted) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-muted) 14%,transparent)}.sync-banner--never{color:var(--color-secondary)}.sync-banner--loading{height:29px;background:color-mix(in srgb,var(--color-muted) 12%,transparent)}.card{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-muted) 18%,transparent);border-radius:var(--app-radius);box-shadow:var(--shadow);padding:var(--space);display:flex;flex-direction:column;gap:14px}.balance-card{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-muted) 18%,transparent);border-radius:var(--app-radius);box-shadow:var(--shadow);padding:var(--space);display:flex;flex-direction:column;gap:6px}.balance-card__row{margin:0;font-size:.95rem;color:var(--color-secondary)}.balance-card__row--primary{font-size:1.4rem;font-weight:700;color:var(--color-fg)}.balance-card__row--debt{font-weight:600;color:var(--color-error)}.balance-card--loading{height:104px;background:color-mix(in srgb,var(--color-muted) 12%,transparent)}.tier-card--loading{height:120px;background:color-mix(in srgb,var(--color-muted) 12%,transparent)}.tier-card__progress{height:8px;margin-top:4px;border-radius:999px;background:color-mix(in srgb,var(--color-muted) 18%,transparent);overflow:hidden}.tier-card__progress-fill{height:100%;border-radius:999px;background:var(--color-primary);transition:width .2s ease}.ranking-card--loading{height:160px;background:color-mix(in srgb,var(--color-muted) 12%,transparent);border-radius:var(--app-radius)}.ranking-card__me-headline{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-primary)}.ranking-card__list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.ranking-card__row{display:flex;align-items:baseline;gap:8px;padding:4px 6px;border-radius:6px;font-size:.95rem;color:var(--color-secondary)}.ranking-card__row--me{font-weight:700;color:var(--color-fg);background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.ranking-card__pos{min-width:2.5rem;font-variant-numeric:tabular-nums}.ranking-card__name{flex:1}.ranking-card__value{font-variant-numeric:tabular-nums}.ranking-card__separator{margin:0;text-align:center;color:var(--color-muted);letter-spacing:.2em}.ranking-card__retry{align-self:flex-start;margin-top:4px;padding:6px 12px;border:1px solid var(--color-primary);border-radius:8px;background:transparent;color:var(--color-primary);font-weight:600;cursor:pointer}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:.85rem;font-weight:600;color:var(--color-fg)}.input{width:100%;padding:12px 14px;font-size:1rem;color:var(--color-fg);background:var(--color-bg);border:1px solid color-mix(in srgb,var(--color-muted) 40%,transparent);border-radius:var(--app-radius);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:color-mix(in srgb,var(--color-muted) 80%,transparent)}.input:focus-visible{border-color:var(--color-primary);box-shadow:var(--ring)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--app-radius);padding:12px 16px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .05s ease,filter .15s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.8)}.btn--primary{background:var(--color-primary);color:var(--color-primary-fg);width:100%}.btn--primary:not(:disabled):hover{filter:brightness(1.06)}.btn--ghost{background:transparent;color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)}.alert{margin:0;padding:10px 12px;border-radius:var(--app-radius);background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-error);font-size:.9rem}.status{margin:0;color:var(--color-muted);font-size:.95rem}.success-card{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-primary) 35%,transparent);border-left:4px solid var(--color-primary);border-radius:var(--app-radius);box-shadow:var(--shadow);padding:20px var(--space);display:flex;flex-direction:column;gap:8px}.success-card__badge{align-self:flex-start;padding:4px 10px;border-radius:999px;background:var(--color-primary);color:var(--color-primary-fg);font-size:.75rem;font-weight:700;letter-spacing:.02em}.success-card strong{color:var(--color-fg)}.toast{margin:0;padding:10px 12px;border-radius:var(--app-radius);background:color-mix(in srgb,#16a34a 14%,transparent);color:#166534;font-size:.9rem;font-weight:600}.banner{margin:0;padding:12px 14px;border-radius:var(--app-radius);font-size:.9rem;border:1px solid transparent}.banner--pending{background:#fffbeb;border-color:#fde68a;color:#92400e}.banner--ok{background:#dcfce7;border-color:#bbf7d0;color:#166534;display:flex;align-items:center;gap:8px}.banner--ok:before{content:"";width:10px;height:10px;border-radius:999px;background:#16a34a}.doc-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.doc-badge--PENDING{background:#fef3c7;color:#92400e}.doc-badge--APPROVED{background:#dcfce7;color:#166534}.doc-badge--REJECTED{background:#fee2e2;color:#991b1b}.doc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.doc-list__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--color-muted) 18%,transparent);border-radius:var(--app-radius);background:var(--color-bg)}.doc-list__meta{display:flex;flex-direction:column;gap:2px}.doc-list__type{font-weight:600;color:var(--color-fg)}.doc-list__date{font-size:.8rem;color:var(--color-muted)}.field-error{margin:0;color:var(--color-error);font-size:.8rem}.withdrawal-section{display:flex;flex-direction:column;gap:8px}.withdrawal-history__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.withdrawal-history__item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 14px;background:var(--color-surface);border-radius:var(--app-radius);box-shadow:var(--shadow)}.withdrawal-history__date{color:var(--color-muted);font-size:.85rem}.withdrawal-history__amount{font-weight:700;color:var(--color-fg)}.withdrawal-badge{padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:700}.withdrawal-badge--REQUESTED{background:#fef3c7;color:#92400e}.withdrawal-badge--PAID{background:#dcfce7;color:#166534}.withdrawal-badge--CANCELLED{background:#fee2e2;color:#991b1b}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f172a73;display:grid;place-items:center;padding:24px}.modal-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px}.modal-card__title{margin:0;font-size:1.1rem;color:var(--color-fg)}.modal-card__actions{display:flex;gap:8px;margin-top:6px}.modal-card__actions .btn{flex:1}.sync-banner--delayed{color:var(--color-error);font-weight:700;background:color-mix(in srgb,var(--color-error) 10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-error) 28%,transparent)}.notif-bell{position:relative;margin-left:auto}.notif-bell__button{position:relative;display:grid;place-items:center;height:36px;width:36px;padding:0;border:1px solid color-mix(in srgb,var(--color-muted) 24%,transparent);border-radius:999px;background:var(--color-bg);color:var(--color-fg);cursor:pointer}.notif-bell__button:focus-visible{outline:none;box-shadow:var(--ring)}.notif-bell__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:var(--color-error);color:#fff;font-size:.68rem;font-weight:700;line-height:1}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:min(360px,calc(100vw - 32px));max-height:70vh;overflow-y:auto;background:var(--color-bg);border:1px solid color-mix(in srgb,var(--color-muted) 20%,transparent);border-radius:var(--app-radius);box-shadow:var(--shadow);padding:8px}.notif-panel__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 6px 10px}.notif-panel__title{font-weight:700;color:var(--color-fg)}.notif-panel__markall{font-size:.75rem;padding:4px 10px}.notif-panel__skeleton{height:64px;border-radius:var(--app-radius);background:color-mix(in srgb,var(--color-muted) 12%,transparent)}.notif-panel__empty{padding:18px 10px;text-align:center;color:var(--color-muted);font-size:.9rem}.notif-panel__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;border:0;background:transparent;cursor:default}.notif-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.notif-item{width:100%;display:flex;align-items:flex-start;gap:10px;padding:10px;border:0;border-radius:var(--app-radius);background:transparent;text-align:left;cursor:pointer}.notif-item:hover{background:color-mix(in srgb,var(--color-muted) 8%,transparent)}.notif-item--unread{background:color-mix(in srgb,var(--color-primary) 7%,transparent)}.notif-item__dot{flex:0 0 auto;margin-top:6px;height:8px;width:8px;border-radius:999px;background:var(--color-primary)}.notif-item__dot--placeholder{background:transparent}.notif-item__body{display:flex;flex-direction:column;gap:3px;min-width:0}.notif-item__title{font-weight:600;color:var(--color-fg);font-size:.9rem}.notif-item__tag{display:inline-block;margin-right:6px;padding:1px 6px;border-radius:999px;font-size:.68rem;font-weight:700;color:var(--color-secondary);background:color-mix(in srgb,var(--color-muted) 14%,transparent)}.notif-item__message{color:var(--color-secondary);font-size:.82rem}.notif-item__time{color:var(--color-muted);font-size:.72rem}.vendas-filter{display:flex;flex-direction:column;gap:4px}.vendas-filter__label{font-size:.8rem;color:var(--color-muted)}.vendas-skeleton{min-height:160px;border-radius:var(--app-radius);background:var(--color-surface);box-shadow:var(--shadow);opacity:.6}.vendas-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.venda-item{background:var(--color-surface);border-radius:var(--app-radius);box-shadow:var(--shadow);padding:12px 14px;display:flex;flex-direction:column;gap:6px}.venda-item__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.venda-item__code{font-weight:700;color:var(--color-fg)}.venda-item__flag{font-weight:400;font-size:.78rem;color:var(--color-muted)}.venda-item__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.venda-item__value{font-weight:700;color:var(--color-fg)}.venda-item__date{color:var(--color-muted);font-size:.85rem}.venda-item__commission{font-size:.9rem;color:var(--color-muted)}.vendas-more{width:100%;margin-top:4px}.venda-badge{padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap}.venda-badge--em-analise{background:#e2e8f0;color:#334155}.venda-badge--nao-reconciliada{background:#fee2e2;color:#991b1b}.venda-badge--pendente{background:#fef3c7;color:#92400e}.venda-badge--disponivel{background:#dbeafe;color:#1e40af}.venda-badge--saque-solicitado{background:#ede9fe;color:#6d28d9}.venda-badge--pago{background:#dcfce7;color:#166534}.venda-badge--estornada{background:#b91c1c;color:#fff}