:root{color:#fafafa;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#09090b;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:#09090b;min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer;transition:background .2s,border-color .2s}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline-offset:3px;outline:2px solid #a3e635}::selection{color:#09090b;background:#a3e635}.member-detail-trigger{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.member-detail-trigger:hover .member-info h3{color:#a3e635}.member-detail-trigger:focus-visible{outline-offset:5px;border-radius:8px;outline:2px solid #a3e635}.member-detail-modal{flex-direction:column;max-height:min(85dvh,720px);display:flex}.detail-credit-box{background:#22251b;border:1px solid #3f4b2d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:18px;display:flex}.detail-credit-box span{color:#a1a1aa;font-size:14px}.detail-credit-box strong{color:#a3e635;font-size:32px;font-weight:700}.detail-history-title{margin-bottom:14px;font-size:16px}.detail-history-list{min-height:0;overflow-y:auto}.detail-history-item{border-bottom:1px solid #303036;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 0;display:flex}.detail-history-item:last-child{border-bottom:none}.detail-history-info{flex-direction:column;gap:5px;min-width:0;display:flex}.detail-history-info strong{color:#fafafa;font-size:14px}.detail-history-info span{color:#a1a1aa;font-size:12px}.detail-history-info p{color:#d4d4d8;overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px}.detail-history-item>strong{flex-shrink:0;font-size:17px}.detail-history-item .positive{color:#a3e635}.detail-history-item .negative{color:#fb7185}#root{width:100%;min-height:100vh}.app{width:100%;max-width:1100px;margin:0 auto;padding:36px 24px 80px}.header,.brand,.stats,.section-header,.member-top,.member-actions{display:flex}.header,.section-header{justify-content:space-between;align-items:center}.header{margin-bottom:40px}.brand{align-items:center;gap:14px}.brand-icon{color:#a3e635;background:#1c2921;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}h1,h2,h3,p{margin:0}h1{letter-spacing:-.8px;font-size:24px}.brand p,.member-info p,.credit-info span{color:#a1a1aa;margin-top:5px;font-size:13px}.profile-icon{color:#a1a1aa;background:#18181b;border:1px solid #303036;border-radius:50%;padding:12px}.stats{gap:16px;margin-bottom:40px}.stat-card{background:#18181b;border:1px solid #303036;border-radius:18px;flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}.stat-label{color:#a1a1aa;font-size:14px}.stat-number{letter-spacing:-1px;font-size:36px}.stat-footer{color:#a3e635;align-items:center;gap:6px;font-size:12px;display:flex}.section-header{margin-bottom:20px}.section-header h2{letter-spacing:-.5px;font-size:21px}.add-button{color:#09090b;background:#a3e635;border:none;border-radius:10px;align-items:center;gap:7px;padding:11px 16px;font-weight:600;display:flex}.add-button:hover{background:#bef264}.member-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.member-card{background:#18181b;border:1px solid #303036;border-radius:18px;padding:22px}.member-top{align-items:center;gap:12px;margin-bottom:20px}.avatar{color:#fafafa;background:#303036;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:13px;font-weight:600;display:grid}.member-info{flex:1;min-width:0}.member-info h3{font-size:15px}.credit-info{flex-direction:column;align-items:flex-end;display:flex}.credit-info strong{color:#a3e635;font-size:24px}.progress-track{background:#303036;border-radius:99px;height:6px;margin-bottom:20px;overflow:hidden}.progress-fill{background:#a3e635;border-radius:99px;height:100%;transition:width .25s}.member-actions{gap:10px}.member-actions button{color:#fafafa;background:0 0;border:1px solid #3f3f46;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 8px;font-size:13px;display:flex}.member-actions button:hover:not(:disabled){background:#27272a;border-color:#71717a}@media (width<=650px){.app{padding:24px 16px 60px}.header{margin-bottom:28px}.stats{gap:10px;margin-bottom:32px}.stat-card{padding:16px}.stat-number{font-size:30px}.member-list{grid-template-columns:1fr}.member-card{padding:18px}}.member-top{margin-bottom:20px}.history-section{margin-top:40px}.secondary-button{color:#fafafa;background:#27272a;border:1px solid #3f3f46;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;display:inline-flex}.secondary-button:hover{background:#3f3f46}.history-list{background:#18181b;border:1px solid #303036;border-radius:16px;overflow:hidden}.history-item{border-bottom:1px solid #303036;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.history-item:last-child{border-bottom:none}.history-item p,.history-item span,.empty-text{color:#a1a1aa;margin-top:5px;font-size:13px}.empty-text{padding:20px}.positive{color:#a3e635}.negative{color:#fb7185}.modal-overlay{z-index:100;background:#000000c7;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#18181b;border:1px solid #3f3f46;border-radius:20px;width:100%;max-width:440px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 20px 70px #00000080}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.modal-header h2{font-size:21px}.modal-header p{color:#a1a1aa;margin-top:6px;font-size:14px}.icon-button{color:#a1a1aa;background:0 0;border:none;border-radius:8px;place-items:center;padding:8px;display:grid}.field{flex-direction:column;gap:9px;margin-bottom:20px;display:flex}.field span{color:#d4d4d8;font-size:13px}.field input,.field textarea{color:#fafafa;width:100%;font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#09090b;border:1px solid #3f3f46;border-radius:10px;padding:13px}.field input:focus,.field textarea:focus{border-color:#a3e635;outline:none}.check-field{color:#a3e635;cursor:pointer;background:#1c2921;border:1px solid #36503a;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:14px;display:flex}.check-field input{accent-color:#a3e635;width:18px;height:18px}.check-field span{color:#fafafa;font-size:14px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}@media (width<=650px){.modal{padding:20px}.modal-actions{flex-direction:column-reverse}.modal-actions button{justify-content:center;width:100%}}.modal-overlay{box-sizing:border-box;padding:12px}.modal{box-sizing:border-box;width:100%;min-width:0;max-width:440px;overflow-x:hidden}.field{width:100%;min-width:0}.field input,.field textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:block}.field input[type=datetime-local]{appearance:none;text-align:left;width:100%;min-width:0;max-width:100%;padding:12px;font-size:16px;display:block}@media (width<=650px){.modal-overlay{padding:12px}.modal{border-radius:18px;max-width:100%;max-height:calc(100dvh - 24px);padding:20px 16px}.modal-header{margin-bottom:18px}.field{gap:8px;margin-bottom:16px}.check-field{margin-bottom:16px;padding:12px}.field textarea{resize:vertical;min-height:76px}.modal-actions{gap:8px;margin-top:18px}.modal-actions button{min-height:44px}}.center-screen,.login-screen{justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.login-card{background:#18181b;border:1px solid #303036;border-radius:20px;width:100%;max-width:400px;padding:32px}.login-card .brand-icon{margin-bottom:20px}.login-card h1{margin-bottom:6px;font-size:30px}.login-card>p{color:#a1a1aa;margin-bottom:30px}.login-card .field{margin-bottom:18px}.login-button{justify-content:center;width:100%;min-height:46px;margin-top:10px}.error-text{color:#fb7185;overflow-wrap:anywhere;background:#321a22;border:1px solid #713345;border-radius:10px;margin-bottom:16px;padding:12px}@media (width<=650px){.login-card{padding:24px 20px}}.member-detail-modal{flex-direction:column;height:min(620px,100dvh - 24px);max-height:calc(100dvh - 24px);display:flex;overflow:hidden}.member-detail-modal .modal-header,.member-detail-modal .detail-credit-box,.member-detail-modal .detail-history-title{flex-shrink:0}.member-detail-modal .detail-history-list{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.history-skeleton-row{border-bottom:1px solid #303036;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.history-skeleton-text{flex-direction:column;gap:10px;display:flex}.skeleton-bar{background:#34343b;border-radius:6px;height:12px;animation:1.3s ease-in-out infinite skeleton-pulse;display:block}.skeleton-title{width:126px}.skeleton-date{width:90px;height:9px}.skeleton-amount{width:34px;height:18px}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.skeleton-bar{animation:none}}@keyframes palafitModalEnter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes palafitOverlayEnter{0%{opacity:0}to{opacity:1}}.modal-overlay{animation:.18s ease-out both palafitOverlayEnter}.modal{transform-origin:50%;animation:.18s cubic-bezier(.2,.8,.2,1) both palafitModalEnter}.detail-history-list{scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:14px;overflow:hidden auto}.detail-history-item{box-sizing:border-box;padding-right:4px}.detail-history-item>strong{white-space:nowrap;flex-shrink:0;margin-right:2px}.detail-history-list::-webkit-scrollbar{width:5px}.detail-history-list::-webkit-scrollbar-thumb{background:#52525b;border-radius:10px}.detail-history-list::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal{animation:none}}.detail-history-list{padding-left:14px}
