:root{--midnight-950: #12131f;--midnight-900: #191a2e;--midnight-800: #22243a;--midnight-700: #2c2f48;--midnight-600: #3a3e5c;--mint-300: #7fd9bc;--mint-400: #63ceb0;--mint-500: #4ec3a2;--mint-600: #3aab8c;--cream-50: #fffdf5;--cream-100: #fffae4;--cream-200: #f3ecd2;--cream-300: #d9d2b8;--primary-50: rgb(78 195 162 / 14%);--primary-500: var(--mint-500);--primary-600: var(--mint-600);--accent-500: var(--mint-500);--neutral-0: var(--midnight-800);--neutral-50: var(--midnight-900);--neutral-200: var(--midnight-600);--neutral-500: #9aa0b8;--neutral-700: var(--cream-200);--neutral-900: var(--cream-100);--success-500: #4ec3a2;--warning-500: #e0b35a;--danger-500: #e05d6f;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow-sm: 0 1px 2px rgb(0 0 0 / 28%);--shadow-md: 0 12px 32px rgb(0 0 0 / 35%);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--topbar-height: 64px;--bottomnav-height: 68px;--sidebar-width: 248px;--surface: var(--midnight-800);--surface-elevated: var(--midnight-700);--text: var(--cream-100);--text-muted: var(--neutral-500);--border: rgb(255 250 228 / 10%);--focus-ring: var(--mint-500)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--text);background:var(--midnight-900);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--mint-400);text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.layout{min-height:100dvh;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);background:var(--midnight-900)}.layout__topbar{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-4);background:#191a2eeb;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.layout__brand{font-weight:700;color:var(--mint-500);letter-spacing:-.02em}.layout__shell{flex:1;display:flex;min-height:0}.layout__sidebar{display:none;width:var(--sidebar-width);flex-shrink:0;background:var(--midnight-950);border-right:1px solid var(--border);padding:var(--space-4)}.layout__content{flex:1;min-width:0;padding:var(--space-4);padding-bottom:calc(var(--bottomnav-height) + var(--space-4) + var(--safe-bottom))}.layout__bottomnav{position:fixed;left:0;right:0;bottom:0;height:calc(var(--bottomnav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:center;justify-content:space-around;background:var(--midnight-950);border-top:1px solid var(--border);z-index:20}.layout__nav-link{color:var(--text-muted);font-size:.875rem;font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.layout__nav-link.is-active{color:var(--midnight-900);background:var(--mint-500)}.layout--public .layout__content,.layout--transaction .layout__content{padding-bottom:var(--space-6);max-width:480px;margin:0 auto;width:100%}.layout--transaction .layout__topbar{justify-content:space-between}@media(min-width:960px){.layout__sidebar{display:block}.layout__bottomnav{display:none}.layout__content{padding:var(--space-6);padding-bottom:var(--space-6)}.layout--public .layout__content,.layout--transaction .layout__content{max-width:560px;padding-top:var(--space-10)}.layout__sidebar .layout__nav-link.is-active{color:var(--midnight-900)}}.page{display:grid;gap:var(--space-4)}.page__eyebrow{margin:0;color:var(--mint-400);font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.page__title{margin:0;font-size:1.65rem;line-height:1.2;letter-spacing:-.03em;color:var(--cream-100);font-weight:600}.page__text{margin:0;color:var(--cream-200);max-width:42rem}.page__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.page__meta{margin:0;color:var(--text-muted);font-size:.875rem}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.ui-btn:disabled{opacity:.55;cursor:not-allowed}.ui-btn--md{min-height:44px;padding:0 var(--space-4);font-size:.95rem}.ui-btn--sm{min-height:36px;padding:0 var(--space-3);font-size:.875rem}.ui-btn--lg{min-height:52px;padding:0 var(--space-5);font-size:1rem;width:100%}.ui-btn--primary{background:var(--mint-500);color:var(--midnight-900)}.ui-btn--primary:hover:not(:disabled){background:var(--mint-400)}.ui-btn--secondary{background:transparent;color:var(--cream-100);border-color:var(--border)}.ui-btn--secondary:hover:not(:disabled){background:var(--primary-50);border-color:var(--mint-500);color:var(--mint-300)}.ui-btn--ghost{background:transparent;color:var(--mint-400)}.ui-btn--ghost:hover:not(:disabled){background:var(--primary-50)}.ui-btn--danger{background:var(--danger-500);color:var(--cream-50)}.ui-field{display:grid;gap:var(--space-2)}.ui-field__label{font-size:.875rem;font-weight:600;color:var(--neutral-700)}.ui-field__hint,.ui-field__error{font-size:.8125rem}.ui-field__hint{color:var(--neutral-500)}.ui-field__error{color:var(--danger-500)}.ui-input,.ui-select,.ui-textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--midnight-950);color:var(--cream-100);padding:.7rem .85rem}.ui-textarea{min-height:110px;resize:vertical}.ui-input.is-invalid,.ui-select.is-invalid,.ui-textarea.is-invalid{border-color:var(--danger-500)}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--text-muted)}.ui-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;line-height:1.3}.ui-badge--neutral{background:var(--midnight-600);color:var(--cream-200)}.ui-badge--info{background:#4ec3a22e;color:var(--mint-300)}.ui-badge--success{background:#4ec3a238;color:var(--mint-300)}.ui-badge--warning{background:#e0b35a2e;color:var(--warning-500)}.ui-badge--danger{background:#e05d6f2e;color:var(--danger-500)}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.ui-empty{text-align:center;padding:var(--space-8) var(--space-4);display:grid;gap:var(--space-3);justify-items:center}.ui-empty__title{margin:0;font-size:1.125rem}.ui-empty__text{margin:0;color:var(--neutral-500);max-width:28rem}.ui-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#22243a 25%,#2c2f48,#22243a 75%);background-size:200% 100%;animation:skeleton-pulse 1.2s ease-in-out infinite}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-toast-viewport{position:fixed;right:var(--space-4);bottom:calc(var(--bottomnav-height) + var(--space-4) + var(--safe-bottom));z-index:60;display:grid;gap:var(--space-2);width:min(360px,calc(100vw - 2rem))}@media(min-width:960px){.ui-toast-viewport{bottom:var(--space-6)}}.ui-toast{border:0;text-align:left;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--neutral-0);font-weight:600;cursor:pointer;box-shadow:0 8px 24px #17202e29}.ui-toast--info{background:var(--midnight-700);color:var(--cream-100);border:1px solid var(--mint-500)}.ui-toast--success{background:var(--mint-600);color:var(--midnight-900)}.ui-toast--warning{background:var(--warning-500);color:var(--midnight-900)}.ui-toast--danger{background:var(--danger-500);color:var(--cream-50)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.page-header__copy{display:grid;gap:var(--space-2)}.page-header__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}@media(min-width:720px){.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat-card{display:grid;gap:var(--space-1)}.stat-card__value{font-size:1.5rem;font-weight:700;letter-spacing:-.03em}.stat-card__label{color:var(--neutral-500);font-size:.875rem}.list-stack{display:grid;gap:var(--space-3)}.list-card-link{display:grid;gap:var(--space-2);color:inherit}.list-card-link__row{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start}.list-card-link__title{margin:0;font-size:1rem;font-weight:650}.list-card-link__meta{margin:0;color:var(--neutral-500);font-size:.875rem}.fab{position:fixed;right:var(--space-4);bottom:calc(var(--bottomnav-height) + var(--space-4) + var(--safe-bottom));z-index:25;box-shadow:0 10px 30px #1e64b047}@media(min-width:960px){.fab{display:none}}.role-picker{display:grid;gap:var(--space-2)}.role-picker__option{display:grid;gap:2px;text-align:left;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--midnight-950);color:var(--cream-100);padding:var(--space-3) var(--space-4);cursor:pointer}.role-picker__option.is-selected{border-color:var(--mint-500);background:#4ec3a21f;box-shadow:inset 0 0 0 1px var(--mint-500)}.role-picker__name{font-weight:650}.role-picker__meta{color:var(--neutral-500);font-size:.8125rem}.auth-hero{display:grid;gap:var(--space-2);margin-bottom:var(--space-2)}.auth-hero__brand{font-size:1.75rem;font-weight:750;color:var(--primary-600);letter-spacing:-.04em;margin:0}.auth-hero__tagline{margin:0;color:var(--neutral-500)}.auth-form{display:grid;gap:var(--space-4)}.auth-form__footer{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;flex-wrap:wrap}.stepper{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.stepper__dot{height:6px;flex:1;border-radius:999px;background:var(--neutral-200)}.stepper__dot.is-active{background:var(--primary-500)}.pix-box{display:grid;gap:var(--space-3);justify-items:center;text-align:center}.pix-box__code{width:100%;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;background:var(--neutral-50);border-radius:var(--radius-md);padding:var(--space-3);border:1px dashed var(--neutral-200)}.layout__topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.layout__user{display:none;color:var(--neutral-500);font-size:.875rem}.layout__nav{display:grid;gap:var(--space-1)}.layout__bottomnav .layout__nav-link{display:grid;gap:2px;justify-items:center;font-size:.7rem;padding:var(--space-2);min-width:64px}.layout__bottomnav .layout__nav-icon{font-size:1rem;line-height:1}@media(min-width:960px){.layout__user{display:inline}.layout__nav-link{display:block}}.ui-avatar--sm{width:32px;height:32px;font-size:.75rem}.ui-avatar--md{width:44px;height:44px;font-size:.85rem}.ui-avatar--lg{width:56px;height:56px;font-size:1rem}.ui-modal-backdrop{position:fixed;inset:0;z-index:80;background:#17202e73;display:grid;place-items:end center;padding:var(--space-4)}.ui-modal{width:min(440px,100%);background:var(--neutral-0);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-lg) var(--radius-lg);padding:var(--space-5);display:grid;gap:var(--space-3);box-shadow:0 20px 50px #17202e3d;animation:modal-up .22s ease}@keyframes modal-up{0%{transform:translateY(16px);opacity:.4}to{transform:translateY(0);opacity:1}}.ui-modal__title{margin:0;font-size:1.2rem;letter-spacing:-.02em}.ui-modal__text{margin:0;color:var(--neutral-700)}.ui-modal__actions{display:flex;gap:var(--space-2);justify-content:flex-end;flex-wrap:wrap;margin-top:var(--space-2)}@media(min-width:720px){.ui-modal-backdrop{place-items:center}.ui-modal{border-radius:var(--radius-lg)}}.proposal-card{display:grid;gap:var(--space-3)}.proposal-card__head,.proposal-card__identity{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.proposal-card__identity{justify-content:flex-start}.proposal-card__price{display:flex;justify-content:space-between;gap:var(--space-3);align-items:baseline;font-size:.95rem}.proposal-card__price strong{font-size:1.15rem;color:var(--neutral-900)}.proposal-card__price span{color:var(--neutral-500)}.payment-status-card__amount{display:block;margin-top:4px;font-size:1.5rem;letter-spacing:-.03em}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4)}.timeline__item{display:grid;grid-template-columns:16px 1fr;gap:var(--space-3);position:relative}.timeline__item:not(:last-child):before{content:"";position:absolute;left:7px;top:16px;bottom:-16px;width:2px;background:var(--neutral-200)}.timeline__dot{width:16px;height:16px;border-radius:999px;border:2px solid var(--neutral-200);background:var(--neutral-0);margin-top:2px}.timeline__item.is-active .timeline__dot{border-color:var(--primary-500);background:var(--primary-500)}.timeline__label{margin:0;font-weight:650}.timeline__meta{margin:0;color:var(--neutral-500);font-size:.875rem}.detail-layout{display:grid;gap:var(--space-4)}@media(min-width:1024px){.detail-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.detail-layout__side{position:sticky;top:calc(var(--topbar-height) + var(--space-4))}}.data-table-wrap{display:none;overflow:auto;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--neutral-0)}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--neutral-200);white-space:nowrap}.data-table th{color:var(--neutral-500);font-weight:600;background:var(--neutral-50)}.data-table tr:last-child td{border-bottom:0}.data-table a{color:var(--primary-600);font-weight:600}.list-mobile-only{display:grid}@media(min-width:960px){.list-mobile-only{display:none}.data-table-wrap{display:block}}.icon-btn{width:44px;height:44px;border-radius:var(--radius-md);border:1px solid var(--neutral-200);background:var(--neutral-0);color:var(--neutral-700);display:inline-grid;place-items:center;cursor:pointer}.icon-btn:hover{background:var(--primary-50);color:var(--primary-600)}.home-greeting{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.protected-note{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3);border-radius:var(--radius-md);background:#e8f8f0;color:var(--success-500);font-size:.875rem;font-weight:600}.protected-note span{color:var(--neutral-700);font-weight:500}.nav-svg{width:20px;height:20px}.auth-hero__brand{display:flex;justify-content:center}.auth-hero{text-align:center;margin-bottom:var(--space-4)}.auth-hero__tagline{margin:var(--space-3) 0 0;color:var(--cream-200);font-weight:400}.layout--public{background:radial-gradient(circle at top right,rgb(78 195 162 / 16%),transparent 40%),radial-gradient(circle at bottom left,rgb(78 195 162 / 8%),transparent 36%),var(--midnight-900)}.layout--public .layout__content{max-width:440px}.layout--public .layout__topbar{background:transparent;border-bottom:0}.brand-mark-link{display:inline-flex;align-items:center}.brand-wordmark{display:inline-flex;align-items:center;gap:var(--space-2)}.brand-wordmark__icon{width:56px;height:56px;object-fit:cover;object-position:center 28%;border-radius:10px}.brand-wordmark__text{font-weight:700;letter-spacing:.04em;font-size:1rem;line-height:1;font-family:var(--font-sans)}.brand-wordmark__host{color:var(--mint-500)}.brand-wordmark__help{color:var(--cream-100)}.brand-logo--full{width:min(220px,70vw);height:auto}.brand-logo--compact{width:min(160px,55vw)}.brand-logo--icon{width:36px;height:36px;object-fit:contain;border-radius:8px}.ui-modal{width:min(440px,100%);background:var(--midnight-800);border:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-lg) var(--radius-lg);padding:var(--space-5);display:grid;gap:var(--space-3);box-shadow:var(--shadow-md);animation:modal-up .22s ease;color:var(--cream-100)}.ui-modal__text{margin:0;color:var(--cream-200)}.ui-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#4ec3a22e;color:var(--mint-300);font-weight:700;flex-shrink:0}.data-table-wrap{display:none;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.data-table th{color:var(--text-muted);font-weight:600;background:var(--midnight-950)}.data-table th,.data-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.data-table a{color:var(--mint-400);font-weight:600}.icon-btn{width:44px;height:44px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--midnight-800);color:var(--cream-200);display:inline-grid;place-items:center;cursor:pointer}.icon-btn:hover{background:var(--primary-50);color:var(--mint-300);border-color:var(--mint-500)}.protected-note{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3);border-radius:var(--radius-md);background:#4ec3a224;color:var(--mint-300);font-size:.875rem;font-weight:600}.protected-note span{color:var(--cream-200);font-weight:500}.pix-box__code{width:100%;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;background:var(--midnight-950);border-radius:var(--radius-md);padding:var(--space-3);border:1px dashed var(--border);color:var(--cream-200)}.stepper__dot.is-active{background:var(--mint-500)}.timeline__item.is-active .timeline__dot{border-color:var(--mint-500);background:var(--mint-500)}.fab{position:fixed;right:var(--space-4);bottom:calc(var(--bottomnav-height) + var(--space-4) + var(--safe-bottom));z-index:25;box-shadow:0 10px 30px #4ec3a247}