@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Source+Sans+3:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Source+Sans+3:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg);background-image:var(--bg-pattern);color:var(--color-text);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100dvh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:-.02em}.app{flex-direction:column;min-height:100dvh;display:flex}.app-group{height:100dvh;overflow:hidden}.app:not(.app-home) .footer{z-index:40;flex-shrink:0;position:sticky;bottom:0}.app-home{flex-direction:column;min-height:100dvh;display:flex}.app-home .container{flex-direction:column;flex:1;display:flex;overflow-y:auto}.app-home .footer{z-index:40;flex-shrink:0;position:sticky;bottom:0}@media (width<=768px){.app .footer{position:static;bottom:auto}.app-home .container{overflow-y:visible}}.app-group .container.group-layout{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.app-group .wide-layout.group-layout{flex:1;min-height:0;overflow:hidden}.app-group .main-content{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.app-group .group-layout .card{flex-direction:column;flex:1;min-height:0;margin-bottom:0;display:flex}.app-group .group-layout .card>.card-header,.app-group .group-layout .card>.tabs,.app-group .group-layout .tab-panel-actions{flex-shrink:0}.app-group .group-layout .card>.tab-panel{flex:1;min-height:0}.container{width:100%;max-width:680px;padding:var(--spacing-lg);margin:0 auto}@media (width<=480px){.container{padding:var(--spacing-md)}}.header{background:var(--color-header-bg);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0;z-index:50;-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);max-width:680px;padding:0 var(--spacing-lg);margin:0 auto;display:flex}.header-left{align-items:center;gap:var(--spacing-md);display:flex}.header-actions{align-items:center;gap:var(--spacing-sm);display:flex}@media (width<=480px){.header-content{padding:0 var(--spacing-md)}}@media (width>=640px) and (width<=1023px){.header-content{max-width:720px}}@media (width>=1024px) and (width<=1279px){.header-content{max-width:900px}}@media (width>=1280px){.header-content{max-width:1000px}}.logo{align-items:center;gap:var(--spacing-sm);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);transition:all var(--transition-fast);letter-spacing:-.03em;text-decoration:none;display:flex}.logo:hover{color:var(--color-primary-hover)}.logo img{border-radius:var(--radius-md)}.card{background:var(--color-card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border);transition:box-shadow var(--transition-normal), transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg)}@media (width<=480px){.card{padding:var(--spacing-lg);border-radius:var(--radius-lg)}}.card-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.group-header{margin-bottom:var(--spacing-md);align-items:flex-start;gap:var(--spacing-md);flex-wrap:nowrap}.card-title{font-family:var(--font-display);font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-.02em}.group-header-left{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.group-title-compact{font-size:var(--font-size-xl);line-height:1.1}.group-title-row{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.group-share-button{justify-content:center;width:36px;height:36px;padding:0}.group-meta-row{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.group-meta-item{align-items:center;gap:6px;display:inline-flex}.group-meta-item:after{content:"•";color:var(--color-border)}.group-meta-item:last-of-type:after{content:""}.group-access-badge{border:1px solid var(--color-border);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-transform:none;letter-spacing:.03em;background:0 0;padding:2px 8px;font-size:10px}.group-header-total{text-align:right;flex-shrink:0;min-width:120px}.group-total-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:11px}.group-total-value{font-size:var(--font-size-xl);color:var(--color-primary);letter-spacing:-.02em;white-space:nowrap;font-weight:700}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:before{display:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:var(--clr-danger-a10)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.btn-sm{padding:6px var(--spacing-md);font-size:var(--font-size-xs);border-radius:var(--radius-md)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-md);border-radius:var(--radius-lg)}.btn-icon{padding:var(--spacing-sm);min-width:36px;min-height:36px;font-size:var(--font-size-lg);border-radius:var(--radius-md)}.app-header-icon{border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.app-header-icon:hover{color:var(--color-primary);background:var(--color-surface)}.btn-close{border-radius:var(--radius-md);width:36px;min-width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:24px;line-height:1;display:flex}.btn-close:hover{background:var(--color-surface);color:var(--color-text)}.btn-block{width:100%}.action-row{align-items:center}.action-input{height:48px}.select.action-input{height:48px;padding-top:0;padding-bottom:0}.input.action-input[type=date],.input.action-input[type=time]{padding-top:0;padding-bottom:0;line-height:1.2}.action-button{height:48px;padding:0 var(--spacing-xl)}.action-button-sm{height:36px;padding:0 var(--spacing-lg)}.action-icon-button{width:48px;padding:0}.input{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--font-size-md);background:var(--color-input-bg);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.input[type=number]{-moz-appearance:textfield}.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input[type=date],.input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark] .input[type=date],[data-theme=dark] .input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity var(--transition-fast)}.input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity var(--transition-fast)}.input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=dark] .input[type=date]::-webkit-calendar-picker-indicator{filter:invert()}[data-theme=dark] .input[type=time]::-webkit-calendar-picker-indicator{filter:invert()}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #0a7d6c1f}[data-theme=dark] .input:focus{box-shadow:0 0 0 4px #14b8a626}.input-group{margin-bottom:var(--spacing-lg)}.input-group label{margin-bottom:var(--spacing-sm);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-.01em;display:block}.input-row{gap:var(--spacing-md);display:flex}.input-row .input-group{margin-bottom:0}.input-row .input{flex:1}.select{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--font-size-md);background:var(--color-input-bg);color:var(--color-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364756f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding-right:48px}.select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #0a7d6c1f}.checkbox-group{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;cursor:pointer;display:flex}.checkbox{border:2px solid var(--color-border-strong);border-radius:var(--radius-sm);width:22px;height:22px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox.checked{background:var(--color-primary);border-color:var(--color-primary)}.radio-group{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.radio-option{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex:1;min-width:120px;display:flex}.radio-option:hover{border-color:var(--color-primary);background:#0a7d6c0a}.radio-option.selected{border-color:var(--color-primary);background:#0a7d6c14}.radio-dot{border:2px solid var(--color-border-strong);width:20px;height:20px;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.radio-option.selected .radio-dot{border-color:var(--color-primary)}.radio-option.selected .radio-dot:after{content:"";background:var(--color-primary);border-radius:50%;width:10px;height:10px}.tabs{background:var(--color-surface);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);gap:4px;padding:4px;display:flex}.tab{padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;flex:1;min-width:0;overflow:hidden}.tab:hover{color:var(--color-text);background:#0a7d6c0d}.tab.active{background:var(--color-card-bg);color:var(--color-primary);box-shadow:var(--shadow-sm)}.tab-panel{flex-direction:column;flex:1;min-height:0;display:flex}.tab-panel-actions{flex-shrink:0}.tab-content-scroll{padding-right:var(--spacing-sm);-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}@media (width<=480px){.tabs{gap:2px;padding:3px}.tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.tab svg{margin-right:4px!important}}@media (width<=360px){.tab{padding:6px 4px;font-size:10px}.tab svg{font-size:11px;margin-right:3px!important}}.modal-overlay{-webkit-backdrop-filter:blur(4px);padding:var(--spacing-lg);z-index:100;background:#0d171699;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-card-bg);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:calc(100vh - var(--spacing-xxl));max-height:calc(100dvh - var(--spacing-xxl));border:1px solid var(--color-border);flex-direction:column;animation:.3s cubic-bezier(.34,1.56,.64,1) modalSlideUp;display:flex;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.modal{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;border-bottom:none;max-width:100%;min-height:400px;max-height:90dvh}.modal-overlay{align-items:flex-end;padding:0}.modal-header{padding:var(--spacing-md) var(--spacing-lg)}.modal-header h2{font-size:var(--font-size-lg)}.modal-body{padding:var(--spacing-lg);min-height:200px;overflow-y:auto}.modal-footer{padding:var(--spacing-md) var(--spacing-lg)}.input-row{gap:var(--spacing-sm)}.input-row .input-group{flex:1;min-width:0}.input-row .input-group:first-child{flex:2}.input-row .input-group:last-child{flex:1}}@media (width<=360px){.input-row{flex-direction:column}.input-row .input-group{flex:1;width:100%}}.modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.02em}.modal-body{padding:var(--spacing-xl);flex:1;overflow-y:auto}.modal-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--spacing-md);flex-shrink:0;display:flex}.list{list-style:none}.list-item{padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.list-item:last-child{border-bottom:none}.badge{font-family:var(--font-display);font-size:11px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.badge-read{background:var(--clr-info-a20);color:var(--clr-info-a0)}.badge-write{background:var(--clr-success-a20);color:var(--clr-success-a0)}.badge-primary{color:var(--color-primary);background:#0a7d6c1f}.expense-card{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--spacing-sm);background:var(--color-surface-elevated);transition:all var(--transition-fast);box-sizing:border-box;width:100%;max-width:100%;position:relative}.expense-card:before{content:"";left:0;top:var(--spacing-sm);bottom:var(--spacing-sm);background:var(--color-primary);opacity:0;width:3px;transition:opacity var(--transition-fast);border-radius:0 2px 2px 0;position:absolute}.expense-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.expense-card:hover:before{opacity:1}.expense-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.expense-description{font-family:var(--font-display);font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-sm);letter-spacing:-.01em;line-height:1.3}.expense-amount{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);white-space:nowrap;letter-spacing:-.02em}.expense-date{color:var(--color-text-muted);margin-top:1px;font-size:11px}.expense-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.expense-details{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow-wrap:anywhere;line-height:1.5;display:flex}.expense-payer-row{flex-wrap:wrap;align-items:center;gap:2px 6px;min-width:0;display:flex}.expense-details-split{opacity:.8;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:0;font-size:11px}.expense-actions{justify-content:space-between;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:4px;padding-top:0;display:flex}.expense-action-group{align-items:center;gap:var(--spacing-xs);display:flex}.expense-detail-list{gap:var(--spacing-md);display:grid}.expense-detail-row{gap:var(--spacing-md);grid-template-columns:minmax(140px,180px) 1fr;align-items:start;display:grid}.expense-detail-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:11px;font-family:var(--font-display)}.expense-detail-value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-medium)}.expense-detail-stack{font-size:var(--font-size-sm);color:var(--color-text);flex-direction:column;gap:6px;display:flex}.expense-detail-entry{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.expense-detail-amount{font-family:var(--font-display);font-weight:var(--font-weight-semibold)}@media (width<=520px){.expense-detail-row{grid-template-columns:1fr;gap:6px}}.expense-action-button{justify-content:center;width:36px;height:36px;padding:0}.balance-positive{color:var(--color-success);font-weight:var(--font-weight-semibold)}.balance-negative{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.balance-zero{color:var(--color-text-muted)}.settlement-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-settlement-bg);border:2px solid var(--color-settlement-border);border-radius:var(--radius-xl);margin-bottom:var(--spacing-md);transition:all var(--transition-fast);display:flex}.settlement-card:hover{border-color:var(--color-settlement-accent);box-shadow:0 0 0 4px #9333ea14}.settlement-arrow{font-size:var(--font-size-xxl);color:var(--color-settlement-accent);font-weight:var(--font-weight-bold)}.settlement-amount{font-family:var(--font-display);font-weight:var(--font-weight-bold);color:var(--color-settlement-accent);font-size:var(--font-size-xl);letter-spacing:-.02em;margin-left:auto}.empty-state{text-align:center;padding:var(--spacing-xxl);color:var(--color-text-muted)}.empty-state p{margin-bottom:var(--spacing-xs)}.empty-state p:first-child{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.ml-2{margin-left:var(--spacing-sm)}.w-full{width:100%}.section-card{padding:var(--spacing-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.section-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.segmented-control{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);align-items:center;gap:2px;padding:2px;display:inline-flex}.segmented-button{border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:6px 12px}.segmented-button:hover{color:var(--color-primary)}.segmented-button.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.helper-text{font-size:var(--font-size-xs);margin-top:4px}.inline-total{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:12px;padding:12px 16px}@media (width<=480px){.segmented-control{width:100%}.segmented-button{flex:1;justify-content:center}}.advanced-toggle{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);display:inline-flex}.advanced-toggle:hover{color:var(--color-primary);border-color:var(--color-primary);background:#0a7d6c0a}.advanced-toggle-icon{transition:transform var(--transition-fast);justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:inline-flex}.advanced-toggle-icon.open{transform:rotate(180deg)}.advanced-content{padding-top:var(--spacing-md);animation:.25s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.member-select-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex}.member-select-item:hover{border-color:var(--color-primary);background:#0a7d6c0a}.member-select-item.selected{border-color:var(--color-primary);background:#0a7d6c14}.member-select-item .name{font-weight:var(--font-weight-medium);flex:1}.member-select-item .amount{color:var(--color-text-muted);font-size:var(--font-size-sm);font-family:var(--font-display)}.member-card{align-items:center;gap:var(--spacing-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);grid-template-columns:auto 1fr auto;margin-bottom:8px;padding:16px;display:grid}.member-card-avatar{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);color:#fff;width:40px;height:40px;font-weight:600;font-size:var(--font-size-md);font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.member-card-body{min-width:0}.member-card-actions{align-items:center;gap:4px;display:flex}.member-card-action{justify-content:center;width:36px;height:36px;padding:0}.member-card-edit{gap:var(--spacing-sm);align-items:center;display:flex}.member-card-input{flex:1;min-width:0}.copy-group{gap:var(--spacing-sm);align-items:center;display:flex}.copy-input{font-family:var(--font-mono);font-size:var(--font-size-xs);flex:1}.share-link-section{border-radius:var(--radius-lg);margin-bottom:16px;padding:20px}.share-link-read{background:#e0f2fe;border:1px solid #7dd3fc}.share-link-read .share-link-icon,.share-link-read .share-link-label{color:#0369a1}.share-link-write{background:#dcfce7;border:1px solid #86efac}.share-link-write .share-link-icon,.share-link-write .share-link-label{color:#15803d}.share-link-label{font-weight:600}.share-link-description{color:var(--color-text-secondary)}[data-theme=dark] .share-link-read{background:#0c4a6e;border-color:#0369a1}[data-theme=dark] .share-link-read .share-link-icon,[data-theme=dark] .share-link-read .share-link-label{color:#7dd3fc}[data-theme=dark] .share-link-write{background:#14532d;border-color:#15803d}[data-theme=dark] .share-link-write .share-link-icon,[data-theme=dark] .share-link-write .share-link-label{color:#86efac}.theme-toggle{display:inline-flex}.footer{height:45px;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);text-align:center;font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text-muted);border-top:1px solid var(--color-border);background:var(--color-header-bg);-webkit-backdrop-filter:blur(8px);margin-top:auto;line-height:45px}.hero-section{padding:var(--spacing-xxxl) var(--spacing-lg);margin:calc(-1 * var(--spacing-lg));margin-bottom:var(--spacing-lg);background:linear-gradient(135deg, var(--color-primary) 0%, #0c5d52 50%, #0e4a60 100%);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);position:relative;overflow:hidden}.hero-section:before{content:"";opacity:.4;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10-10-4.477-10-10zm-40 0c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10-10-4.477-10-10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-section:after{content:"";background:radial-gradient(#fbbf2426 0%,#0000 60%);width:80%;height:100%;position:absolute;bottom:-50%;right:-20%}.hero-content{z-index:1;text-align:center;max-width:500px;margin:0 auto;position:relative}.hero-title{font-family:var(--font-display);font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);color:#fff;letter-spacing:-.03em;margin-bottom:var(--spacing-md);line-height:1.1}@media (width<=480px){.hero-title{font-size:var(--font-size-display)}}.hero-subtitle{font-size:var(--font-size-lg);color:#ffffffd9;margin-bottom:var(--spacing-xl);line-height:1.6}.hero-actions{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.hero-btn-primary{color:var(--color-primary);font-weight:var(--font-weight-bold);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff}.hero-btn-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.hero-btn-secondary{color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:2px solid #ffffff4d}.hero-btn-secondary:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.hero-card{background:linear-gradient(135deg, var(--color-primary) 0%, #0c5d52 50%, #0e4a60 100%);color:#fff;padding:var(--spacing-xxl) var(--spacing-xl);margin-top:calc(-1 * var(--spacing-lg));margin-left:calc(-1 * var(--spacing-lg));margin-right:calc(-1 * var(--spacing-lg));margin-bottom:var(--spacing-lg);text-align:center;border-radius:0 0 var(--radius-2xl) var(--radius-2xl);border:none;position:relative;overflow:hidden}.hero-card:before{content:"";opacity:.5;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10-10-4.477-10-10zm-40 0c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10-10-4.477-10-10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-card:after{content:"";background:radial-gradient(#fbbf2433 0%,#0000 60%);width:60%;height:80%;position:absolute;bottom:-30%;right:-10%}.hero-card>*{z-index:1;position:relative}.hero-card h1{color:#fff}.hero-card .text-secondary{color:#ffffffd9}@media (width>=1024px){.header-content-wide{max-width:1280px}.wide-layout{gap:var(--spacing-xl);max-width:1280px;height:calc(100vh - 140px);margin:0 auto;display:flex}.main-content{width:100%;min-width:450px;max-width:760px;padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg);padding-right:var(--spacing-sm);flex:1;overflow:hidden}.main-content .card{width:100%;margin-bottom:0}.side-panel{width:380px;padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg);padding-right:var(--spacing-sm);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.side-panel-card{background:var(--color-card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl);border:1px solid var(--color-border);flex-direction:column;flex:1;min-height:0;display:flex}.side-panel-scroll{min-height:0;padding-right:var(--spacing-sm);flex:1;overflow-y:auto}.side-panel-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.side-panel-header h3{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;margin:0}.side-panel-title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);letter-spacing:-.02em}}@media (width>=1440px){.header-content-wide,.wide-layout{max-width:1400px}.main-content{max-width:840px}.side-panel{width:420px}}.expense-form{flex-direction:column;width:100%;display:flex}.expense-form-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.expense-form-header h2{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;margin:0}.expense-dialog-close{width:36px;min-width:36px;height:36px;min-height:36px;font-size:22px}.expense-form-body{gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.expense-form-body .input-group{margin-bottom:0}.expense-form-footer{justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex}.modal-expense .expense-form{min-height:300px}.modal-expense .expense-form-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.feature-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-fast);display:flex}.feature-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);color:#fff;border-radius:var(--radius-md);width:48px;height:48px;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-content h4{font-family:var(--font-display);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);letter-spacing:-.01em}.feature-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.recent-group-card{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--spacing-sm);transition:all var(--transition-fast);grid-template-columns:1fr;display:grid;position:relative}.recent-group-card:before{content:"";left:0;top:var(--spacing-sm);bottom:var(--spacing-sm);background:var(--color-primary);opacity:0;width:3px;transition:opacity var(--transition-fast);border-radius:0 2px 2px 0;position:absolute}.recent-group-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.recent-group-card:hover:before{opacity:1}.recent-group-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.recent-group-main{gap:var(--spacing-xs);flex-direction:column;display:flex}.recent-group-side{align-items:flex-end;gap:var(--spacing-sm);flex-direction:column;display:flex}.recent-group-title{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;min-width:0;display:flex}.recent-group-title .name{font-family:var(--font-display);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;font-size:var(--font-size-sm)}.recent-group-access{align-self:center}.recent-group-stats{gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.recent-group-stat{align-items:center;gap:6px;display:inline-flex}.recent-group-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.recent-group-open{order:2}.recent-group-action-group{align-items:center;gap:var(--spacing-xs);order:1;display:flex}@media (width>=960px){.recent-group-card{column-gap:var(--spacing-xl);grid-template-columns:minmax(0,1fr) auto;align-items:center}.recent-group-side{justify-content:flex-start}}@media (width<=720px){.recent-group-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.recent-group-side{align-items:center;gap:var(--spacing-xs);flex-direction:row}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.5s cubic-bezier(.34,1.56,.64,1) both fadeInUp}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}@keyframes pulse{0%,to{box-shadow:0 0 #0a7d6c66}50%{box-shadow:0 0 0 10px #0a7d6c00}}.btn-pulse{animation:2s infinite pulse}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) var(--color-surface)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}@media (width<=360px){:root{--font-size-hero:2rem;--font-size-display:1.75rem}.hero-card{padding:var(--spacing-xl) var(--spacing-lg)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.feature-grid{grid-template-columns:1fr}.card-header{flex-direction:column;align-items:flex-start}.expense-header{gap:var(--spacing-sm);flex-direction:column}.expense-amount{font-size:var(--font-size-xl)}}@media (width>=640px) and (width<=1023px){.container{max-width:720px}.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:3rem}}@media (width>=1024px) and (width<=1279px){.container{max-width:900px}}@media (width>=1280px){.container{max-width:1000px}}@media (width>=1920px){:root{font-size:18px}.wide-layout{max-width:1600px}.main-content{max-width:960px}.side-panel{width:480px}}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){.card,.modal,.expense-card{box-shadow:var(--shadow-sm)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.header,.footer,.btn,.theme-toggle,.modal-overlay{display:none!important}.card{box-shadow:none;break-inside:avoid;border:1px solid #ccc}body{color:#000;background:#fff}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.language-switcher{position:relative}.language-switcher-button{display:inline-flex}.language-switcher-dropdown{margin-top:var(--spacing-sm);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;min-width:160px;animation:.2s fadeIn;position:absolute;top:100%;right:0}.language-option{text-align:left;width:100%;padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;display:block}.language-option:hover{background:var(--color-surface);color:var(--color-primary)}.language-option.active{color:var(--color-primary);font-weight:var(--font-weight-semibold);background:#0a7d6c14}.language-option:before{content:"✓ ";opacity:0;transition:opacity var(--transition-fast);margin-right:4px}.language-option.active:before{opacity:1}@supports (padding:env(safe-area-inset-top)){.header{padding-top:max(var(--spacing-sm), env(safe-area-inset-top))}.footer{padding-bottom:max(var(--spacing-lg), env(safe-area-inset-bottom))}.modal-overlay{padding-bottom:env(safe-area-inset-bottom)}}.footer-link{color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:var(--radius-sm);padding:4px 8px;text-decoration:none;position:relative}.footer-link:hover{color:var(--color-primary);background:#0a7d6c14}.footer-link:active{transform:translateY(1px)}.footer-separator{margin:0 var(--spacing-xs);opacity:.3}@media (width<=480px){.footer{padding:var(--spacing-sm) var(--spacing-md);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;height:auto;font-size:10px;line-height:1.4;display:flex}.footer-separator{margin:0 4px}.footer-link{padding:2px 6px}}.legal-page{flex-direction:column;min-height:100vh;display:flex}.legal-content{max-width:800px;padding:var(--spacing-xxl) var(--spacing-lg);flex:1;width:100%;margin:0 auto}.legal-content h1{font-family:var(--font-display);font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-xl);letter-spacing:-.03em;line-height:1.1}.legal-content h2{font-family:var(--font-display);font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-top:var(--spacing-xxl);margin-bottom:var(--spacing-lg);letter-spacing:-.02em;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border)}.legal-content h3{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);letter-spacing:-.01em}.legal-content h4{font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.legal-content p{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.legal-content a{color:var(--color-primary);text-underline-offset:3px;transition:all var(--transition-fast);-webkit-text-decoration:underline #0a7d6c4d;text-decoration:underline #0a7d6c4d}.legal-content a:hover{color:var(--color-primary-hover);-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.legal-content ul{padding-left:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--color-text-secondary);list-style:outside}.legal-content li{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xs)}.legal-content section{background:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--radius-xl);border:1px solid var(--color-border);margin-bottom:var(--spacing-lg);transition:all var(--transition-normal)}.legal-content section:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.legal-timestamp{margin-top:var(--spacing-xxl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;font-style:italic}@media (width<=768px){.legal-content{padding:var(--spacing-xl) var(--spacing-md)}.legal-content h1{font-size:var(--font-size-display)}.legal-content h2{font-size:var(--font-size-xl);margin-top:var(--spacing-xl)}.legal-content h3{font-size:var(--font-size-md)}.legal-content section{padding:var(--spacing-lg)}}@media (width<=480px){.legal-content h1{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-lg)}.legal-content h2{font-size:var(--font-size-lg)}.legal-content p,.legal-content li{font-size:var(--font-size-sm)}}:root,[data-theme=light]{--font-display:"DM Sans", system-ui, sans-serif;--font-body:"Source Sans 3", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--clr-dark-a0:#0d1716;--clr-light-a0:#fff;--clr-primary-a0:#0a7d6c;--clr-primary-a10:#0c9582;--clr-primary-a20:#10ad98;--clr-primary-a30:#1bc4ae;--clr-primary-a40:#3fd4c0;--clr-primary-a50:#7ae5d8;--clr-accent-a0:#d97706;--clr-accent-a10:#f59e0b;--clr-accent-a20:#fbbf24;--clr-surface-a0:#fff;--clr-surface-a10:#fafbfb;--clr-surface-a20:#f0f4f3;--clr-surface-a30:#e2e8e6;--clr-surface-a40:#cdd5d3;--clr-surface-a50:#a8b5b2;--clr-surface-tonal-a0:#f5f9f8;--clr-surface-tonal-a10:#ebf2f0;--clr-surface-tonal-a20:#dde8e5;--clr-surface-tonal-a30:#cddbd7;--clr-surface-tonal-a40:#b8ccc7;--clr-surface-tonal-a50:#a0bab4;--clr-success-a0:#059669;--clr-success-a10:#10b981;--clr-success-a20:#d1fae5;--clr-warning-a0:#b45309;--clr-warning-a10:#d97706;--clr-warning-a20:#fef3c7;--clr-danger-a0:#dc2626;--clr-danger-a10:#ef4444;--clr-danger-a20:#fee2e2;--clr-info-a0:#2563eb;--clr-info-a10:#3b82f6;--clr-info-a20:#dbeafe;--color-primary:var(--clr-primary-a0);--color-primary-hover:var(--clr-primary-a10);--color-primary-active:var(--clr-primary-a20);--color-accent:var(--clr-accent-a10);--color-success:var(--clr-success-a0);--color-danger:var(--clr-danger-a0);--color-warning:var(--clr-warning-a0);--color-info:var(--clr-info-a0);--color-bg:var(--clr-surface-a10);--color-surface:var(--clr-surface-tonal-a0);--color-surface-elevated:var(--clr-surface-a0);--color-text:var(--clr-dark-a0);--color-text-secondary:#3d4f4a;--color-text-muted:#64756f;--color-border:var(--clr-surface-a30);--color-border-strong:var(--clr-surface-a40);--color-input-bg:var(--clr-surface-a0);--color-card-bg:var(--clr-surface-a0);--color-header-bg:#ffffffd9;--color-settlement-bg:#faf5ff;--color-settlement-border:#e9d5ff;--color-settlement-accent:#9333ea;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--radius-none:0px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:1.5rem;--font-size-xxxl:2rem;--font-size-display:2.75rem;--font-size-hero:3.5rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--shadow-none:none;--shadow-sm:0 1px 2px #0d17160a, 0 1px 3px #0d17160f;--shadow-md:0 2px 4px #0d17160a, 0 4px 8px #0d171614;--shadow-lg:0 4px 6px #0d17160a, 0 10px 24px #0d17161a;--shadow-xl:0 8px 16px #0d17160f, 0 20px 40px #0d17161f;--shadow-glow:0 0 20px #0a7d6c26;--shadow-glow-accent:0 0 20px #f59e0b33;--bg-pattern:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230a7d6c' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--clr-dark-a0:#0b1211;--clr-light-a0:#f8fafa;--clr-primary-a0:#14b8a6;--clr-primary-a10:#2dd4bf;--clr-primary-a20:#5eead4;--clr-primary-a30:#99f6e4;--clr-primary-a40:#ccfbf1;--clr-primary-a50:#f0fdfa;--clr-accent-a0:#f59e0b;--clr-accent-a10:#fbbf24;--clr-accent-a20:#fcd34d;--clr-surface-a0:#0b1211;--clr-surface-a10:#111a18;--clr-surface-a20:#1a2623;--clr-surface-a30:#26352f;--clr-surface-a40:#354841;--clr-surface-a50:#4a5f57;--clr-surface-tonal-a0:#0f1816;--clr-surface-tonal-a10:#152120;--clr-surface-tonal-a20:#1d2d2a;--clr-surface-tonal-a30:#283a36;--clr-surface-tonal-a40:#364a45;--clr-surface-tonal-a50:#485c56;--clr-success-a0:#10b981;--clr-success-a10:#34d399;--clr-success-a20:#0f3d2e;--clr-warning-a0:#f59e0b;--clr-warning-a10:#fbbf24;--clr-warning-a20:#3d2f0a;--clr-danger-a0:#ef4444;--clr-danger-a10:#f87171;--clr-danger-a20:#3d1515;--clr-info-a0:#3b82f6;--clr-info-a10:#60a5fa;--clr-info-a20:#152747;--color-primary:var(--clr-primary-a0);--color-primary-hover:var(--clr-primary-a10);--color-primary-active:var(--clr-primary-a20);--color-accent:var(--clr-accent-a0);--color-success:var(--clr-success-a10);--color-danger:var(--clr-danger-a10);--color-warning:var(--clr-warning-a10);--color-info:var(--clr-info-a10);--color-bg:var(--clr-surface-a0);--color-surface:var(--clr-surface-tonal-a10);--color-surface-elevated:var(--clr-surface-a10);--color-text:var(--clr-light-a0);--color-text-secondary:#b8c5c2;--color-text-muted:#7a8a85;--color-border:var(--clr-surface-a30);--color-border-strong:var(--clr-surface-a40);--color-input-bg:var(--clr-surface-a10);--color-card-bg:var(--clr-surface-a10);--color-header-bg:#0b1211e6;--color-settlement-bg:#1e1433;--color-settlement-border:#3b2860;--color-settlement-accent:#c084fc;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 6px #0006;--shadow-lg:0 4px 12px #00000080;--shadow-xl:0 8px 24px #0009;--shadow-glow:0 0 30px #14b8a633;--shadow-glow-accent:0 0 30px #fbbf2426;--bg-pattern:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2314b8a6' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.bg-primary{background-color:var(--color-primary);color:var(--clr-light-a0)}.bg-surface{background-color:var(--color-surface);color:var(--color-text)}.bg-success{background-color:var(--clr-success-a20);color:var(--clr-success-a0)}.bg-warning{background-color:var(--clr-warning-a20);color:var(--clr-warning-a0)}.bg-danger{background-color:var(--clr-danger-a20);color:var(--clr-danger-a0)}.bg-info{background-color:var(--clr-info-a20);color:var(--clr-info-a0)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.border{border:1px solid var(--color-border)}.border-primary{border-color:var(--color-primary)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-xxl{font-size:var(--font-size-xxl)}.text-xxxl{font-size:var(--font-size-xxxl)}.text-display{font-size:var(--font-size-display)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}