*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;background:none}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:600}:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #3b82f6;--color-success: #16a34a;--color-danger: #dc2626;--color-warning: #d97706;--color-text: #1f2937;--color-text-light: #6b7280;--color-text-lighter: #9ca3af;--color-border: #e5e7eb;--color-border-dark: #d1d5db;--color-bg: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-base: 1;--z-dropdown: 100;--z-modal: 1000;--z-toast: 2000}.container{width:100%;padding:var(--space-md);margin:0 auto}@media(min-width:768px){.container{max-width:768px}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.m-auto{margin:auto}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-muted{color:var(--color-text-light)}.w-full{width:100%}.h-full{height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);text-align:center;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.btn-medium{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base)}.btn-large{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-lg)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.spinner{position:relative;margin:0 auto}.spinner-circle{width:100%;height:100%;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.setup-container{max-width:500px;margin:0 auto}.setup-box{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.error-message{background-color:#fef2f2;color:var(--color-danger);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid #fecaca;font-size:var(--font-size-sm)}.success-message{background-color:#f0fdf4;color:var(--color-success);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid #bbf7d0;font-size:var(--font-size-sm)}.card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card.clickable{cursor:pointer}.card.clickable:hover{box-shadow:var(--shadow-lg)}.input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-base)}.input:focus{outline:none;border-color:var(--color-primary)}.input:disabled{background-color:var(--color-bg-tertiary);cursor:not-allowed}.input.error{border-color:var(--color-danger)}.select{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-base)}.select:focus{outline:none;border-color:var(--color-primary)}.textarea{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);resize:vertical;min-height:80px;transition:border-color var(--transition-base)}.textarea:focus{outline:none;border-color:var(--color-primary)}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-xs)}.form-hint{font-size:var(--font-size-sm);color:var(--color-text-light);margin-top:var(--space-xs)}.form-error{font-size:var(--font-size-sm);color:var(--color-danger);margin-top:var(--space-xs)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--color-bg);width:100%;max-width:100vw;max-height:90vh;overflow-y:auto;overflow-x:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-slow);box-sizing:border-box}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:768px){.modal-overlay{align-items:center}.modal-content{width:auto;max-width:600px;min-width:400px;border-radius:var(--radius-lg);animation:scaleIn var(--transition-slow)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.modal-close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-text-light);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.modal-close:hover{background-color:var(--color-bg-tertiary)}.modal-body{padding:var(--space-lg)}.modal-footer{padding:var(--space-lg);border-top:1px solid var(--color-border);display:flex;gap:var(--space-sm);justify-content:flex-end}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--color-text-light)}.empty-state-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-md)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-sm)}.empty-state-message{font-size:var(--font-size-base);color:var(--color-text-light)}.member-list{display:flex;flex-direction:column;gap:var(--space-sm)}.member-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.member-info{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.member-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.member-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text)}.member-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full)}.member-badge-virtual{display:inline-block;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background-color:var(--color-bg-tertiary);color:var(--color-text-light);border-radius:var(--radius-full)}.member-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--color-text-light);font-size:var(--font-size-xl);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.member-remove:hover{background-color:var(--color-bg-tertiary);color:var(--color-danger)}.group-list{display:flex;flex-direction:column;gap:var(--space-md)}.group-card{transition:all var(--transition-base)}.group-card:hover{border-color:var(--color-primary)}.group-card:active{transform:translateY(1px)}.group-meta{display:flex;gap:var(--space-md)}.link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:0;font-size:inherit;text-decoration:underline}.link-button:hover{color:var(--color-primary-dark)}.badge{display:inline-block;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm)}.badge-success{background-color:#dcfce7;color:#166534}.badge-info{background-color:#dbeafe;color:#1e40af}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-muted{background-color:var(--color-bg-tertiary);color:var(--color-text-muted)}.currency-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-bg-tertiary);color:var(--color-text);border-radius:var(--radius-sm)}.group-view-screen{min-height:100vh;padding-bottom:80px}.group-header{background-color:var(--color-primary);color:#fff;padding:var(--space-lg) 0;box-shadow:var(--shadow-md)}.group-header-content{display:flex;align-items:center;gap:var(--space-md)}.back-button{background:none;border:none;color:#fff;font-size:var(--font-size-2xl);cursor:pointer;padding:var(--space-xs);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.back-button:hover{background-color:#ffffff1a}.group-info{flex:1}.group-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;color:#fff}.balance-summary{font-size:var(--font-size-base);margin-top:var(--space-xs);font-weight:var(--font-weight-medium);color:#ffffffe6}.tabs-container{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-base)}.tabs{display:flex;gap:0;padding:0}.tab{flex:1;padding:var(--space-sm) var(--space-xs);background:none;border:none;border-bottom:2px solid transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.tab-icon{display:none}.tab:hover{color:var(--color-text);background-color:var(--color-bg-secondary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:var(--color-bg)}@media(min-width:768px){.tab{padding:var(--space-md);font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--space-xs);justify-content:center}.tab-icon{display:inline;font-size:var(--font-size-lg)}}.tab-content{padding:var(--space-lg) 0}.fab{position:fixed;bottom:var(--space-lg);right:var(--space-lg);width:56px;height:56px;border-radius:var(--radius-full);background-color:var(--color-primary);color:#fff;border:none;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);cursor:pointer;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;line-height:1;transition:all var(--transition-base);z-index:var(--z-dropdown)}.fab:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-xl);transform:scale(1.05)}.fab:active{transform:scale(.95)}.balance-section{margin-bottom:var(--space-xl)}.balance-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);color:var(--color-text)}.balance-list{display:flex;flex-direction:column;gap:var(--space-md)}.balance-card{transition:all var(--transition-base);padding:var(--space-md)}.balance-card-current{border:2px solid var(--color-primary);box-shadow:var(--shadow-md)}.balance-card-row{display:flex;align-items:center;gap:var(--space-md);justify-content:space-between}.balance-card-member{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex:1}.balance-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.balance-card-amount{display:flex;align-items:center;flex-shrink:0}.balance-net{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.balance-positive{color:var(--color-success)}.balance-negative{color:var(--color-danger)}.balance-neutral{color:var(--color-text-light)}.balance-card-actions{display:flex;flex-shrink:0}.settlement-plan{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.settlement-empty{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.settlement-header{margin-bottom:var(--space-lg)}.settlement-list{display:flex;flex-direction:column;gap:var(--space-sm)}.settlement-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-md)}.settlement-item-involved{border-color:var(--color-primary);background-color:#2563eb0d}.settlement-info{flex:1}.settlement-flow{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.settlement-from,.settlement-to{font-weight:var(--font-weight-semibold);color:var(--color-text)}.settlement-arrow{color:var(--color-text-light);font-size:var(--font-size-lg)}.settlement-amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.settlement-note{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);text-align:center}.entries-header{padding:var(--space-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-md)}.show-deleted-toggle{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);user-select:none}.show-deleted-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.entry-list{display:flex;flex-direction:column;gap:var(--space-xl)}.entry-group-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-light);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-sm)}.entry-group-items{display:flex;flex-direction:column;gap:var(--space-sm)}.entry-card{transition:all var(--transition-base)}.entry-card:hover{box-shadow:var(--shadow-md)}.entry-card-involved{border-left:3px solid var(--color-primary);background-color:#2563eb05}.entry-card-deleted{opacity:.5;background-color:#00000005}.entry-card-deleted .entry-description,.entry-card-deleted .entry-amount,.entry-card-deleted .transfer-amount{text-decoration:line-through;color:var(--color-text-light)}.entry-card-deleted:hover{box-shadow:none}.entry-header{display:flex;gap:var(--space-md);align-items:flex-start;margin-bottom:var(--space-md)}.entry-icon{font-size:var(--font-size-2xl);flex-shrink:0}.entry-main{flex:1;min-width:0}.entry-delete-btn{background:none;border:none;font-size:var(--font-size-xl);padding:var(--space-xs);cursor:pointer;opacity:.6;transition:all var(--transition-base);flex-shrink:0;line-height:1}.entry-delete-btn:hover{opacity:1;transform:scale(1.1)}.entry-delete-btn:active{transform:scale(.95)}.entry-undelete-btn{background:none;border:none;font-size:var(--font-size-xl);padding:var(--space-xs);cursor:pointer;opacity:.8;transition:all var(--transition-base);flex-shrink:0;line-height:1;color:var(--color-success)}.entry-undelete-btn:hover:not(:disabled){opacity:1;transform:scale(1.1)}.entry-undelete-btn:active:not(:disabled){transform:scale(.95)}.entry-undelete-btn:disabled{cursor:not-allowed;opacity:.5}.entry-description{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis}.entry-amount{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.entry-category{font-size:var(--font-size-sm);color:var(--color-text-light);font-weight:var(--font-weight-normal);text-transform:capitalize}.entry-details{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md);padding:var(--space-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.entry-detail-row{display:flex;justify-content:space-between;gap:var(--space-md)}.entry-detail-label{font-size:var(--font-size-sm);color:var(--color-text-light);flex-shrink:0}.entry-detail-value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-medium);text-align:right}.entry-user-share{margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--color-border)}.entry-user-share .entry-detail-label{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.entry-user-share .entry-detail-value{color:var(--color-primary);font-weight:var(--font-weight-bold)}.entry-footer{display:flex;justify-content:space-between;align-items:center}.entry-time{font-size:var(--font-size-xs);color:var(--color-text-lighter)}.entry-transfer-row{display:flex;align-items:center;gap:var(--space-md)}.entry-transfer-info{flex:1;display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.entry-transfer-flow{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.transfer-amount{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.transfer-members{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text)}.transfer-from,.transfer-to{font-weight:var(--font-weight-medium)}.transfer-arrow{color:var(--color-text-light)}@media(max-width:767px){.entry-transfer-flow{flex-direction:column;align-items:flex-start;gap:2px}}.add-entry-modal{display:flex;flex-direction:column;max-height:90vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.modal-close-btn{background:none;border:none;font-size:var(--font-size-xl);color:var(--color-text-light);cursor:pointer;padding:var(--space-xs);line-height:1;transition:color var(--transition-base)}.modal-close-btn:hover{color:var(--color-text)}.modal-tabs{display:flex;border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.modal-tab{flex:1;padding:var(--space-md);background:none;border:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-light);cursor:pointer;transition:all var(--transition-base);border-bottom:2px solid transparent}.modal-tab:hover{color:var(--color-text);background-color:var(--color-bg-tertiary)}.modal-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:var(--color-bg)}.modal-body{flex:1;overflow-y:auto;padding:var(--space-md)}.expense-form,.transfer-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-section{display:flex;flex-direction:column;gap:var(--space-md)}.form-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.form-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-textarea{width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);resize:vertical;transition:border-color var(--transition-base)}.form-textarea:focus{outline:none;border-color:var(--color-primary)}.form-textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-secondary)}.form-field-error{font-size:var(--font-size-sm);color:var(--color-danger);margin-top:var(--space-xs)}.form-error{padding:var(--space-sm) var(--space-md);background-color:#fee2e2;color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-top:var(--space-md)}.form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;padding-top:var(--space-md);border-top:1px solid var(--color-border)}.split-type-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.toggle-btn{padding:var(--space-xs) var(--space-md);background:var(--color-bg);border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light);cursor:pointer;transition:all var(--transition-base)}.toggle-btn:not(:last-child){border-right:1px solid var(--color-border)}.toggle-btn:hover:not(:disabled){background-color:var(--color-bg-secondary)}.toggle-btn.active{background-color:var(--color-primary);color:#fff}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.beneficiaries-list{display:flex;flex-direction:column;gap:var(--space-sm)}.beneficiary-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);transition:all var(--transition-base)}.beneficiary-item.selected{background-color:var(--color-bg-secondary);border-color:var(--color-primary)}.beneficiary-checkbox{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;flex:1}.beneficiary-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.beneficiary-checkbox span{font-size:var(--font-size-base);color:var(--color-text);font-weight:var(--font-weight-medium)}.beneficiary-control{display:flex;align-items:center;gap:var(--space-sm)}.control-btn{width:28px;height:28px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.control-btn:hover:not(:disabled){background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);min-width:60px;text-align:center}.control-value-label{display:none}@media(min-width:768px){.control-value-label{display:inline}}.control-amount{font-size:var(--font-size-xs);color:var(--color-text-light)}.beneficiary-control input[type=number]{width:120px}.form-toggle-btn{display:flex;align-items:center;gap:var(--space-xs);background:none;border:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;padding:var(--space-sm) 0;transition:color var(--transition-base)}.form-toggle-btn:hover{color:var(--color-primary-dark)}@media(max-width:767px){.add-entry-modal{max-height:85vh}.modal-body{padding:var(--space-sm)}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.beneficiary-item{flex-direction:row;align-items:center}.beneficiary-control{flex-shrink:0}}.members-section{margin-bottom:var(--space-xl)}.members-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);color:var(--color-text)}.activities-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-md)}.filter-toggle-btn{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-xs)}.filter-toggle-btn:hover{background:var(--color-border)}.filter-badge{color:var(--color-primary);font-weight:var(--font-weight-bold)}.clear-filter-btn{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-danger);border-radius:var(--radius-md);background:transparent;color:var(--color-danger);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.clear-filter-btn:hover{background:var(--color-danger);color:#fff}.activities-filters{margin-bottom:var(--space-lg)}.filters-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.filter-checkboxes{display:flex;flex-direction:column;gap:var(--space-sm)}.filter-checkbox{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;user-select:none}.filter-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.activity-list{display:flex;flex-direction:column;gap:var(--space-sm)}.activity-card{transition:all var(--transition-base)}.activity-card:hover{box-shadow:var(--shadow-md)}.activity-header{display:flex;gap:var(--space-md);align-items:flex-start}.activity-icon{font-size:var(--font-size-2xl);flex-shrink:0;line-height:1}.activity-main{flex:1;min-width:0}.activity-description{font-size:var(--font-size-base);color:var(--color-text);margin-bottom:var(--space-xs);line-height:1.5}.activity-description strong{font-weight:var(--font-weight-semibold)}.activity-highlight{color:var(--color-primary);font-weight:var(--font-weight-medium)}.activity-details{font-size:var(--font-size-sm);color:var(--color-text-light);display:block;align-items:center;gap:var(--space-xs)}.activity-reason{font-style:italic}.activity-virtual{color:var(--color-text-light);font-size:var(--font-size-sm)}.activity-footer{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.activity-time{font-size:var(--font-size-sm);color:var(--color-text-light)}.entries-controls{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.entries-filter{margin-bottom:var(--space-lg);padding:var(--space-lg)}.filter-section{margin-bottom:var(--space-lg)}.filter-section:last-child{margin-bottom:0}.filter-section-title{margin:0 0 var(--space-md) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.filter-logic{font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);color:var(--color-text-light);font-style:italic}.custom-date-range{margin-top:var(--space-md);margin-left:var(--space-lg);padding:var(--space-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-md)}.custom-date-field{display:flex;flex-direction:column;gap:var(--space-xs)}.custom-date-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.date-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base)}.date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f11a}.exchange-rate-display{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.exchange-rate-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light);margin-bottom:var(--space-xs)}.exchange-rate-values{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--color-text-light)}.exchange-rate-value{font-family:var(--font-family-mono, monospace)}.exchange-rate-separator{color:var(--color-border);font-weight:var(--font-weight-bold)}.settle-tab{padding:var(--space-md) 0}.settle-section{margin-bottom:var(--space-2xl)}.settle-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg)}.settle-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-xs) 0}.settle-section-description{font-size:var(--font-size-base);color:var(--color-text-light);margin:0 0 var(--space-lg) 0}.preferences-empty{padding:var(--space-xl);text-align:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.preferences-list{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.preferences-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--space-md) 0}.preferred-members-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.preferred-member-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.preferred-member-rank{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-light);min-width:24px}.preferred-member-name{font-size:var(--font-size-base);color:var(--color-text)}.preferences-editor{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.preferences-help{margin-bottom:var(--space-lg)}.member-selection{margin-bottom:var(--space-xl)}.member-selection-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-md) 0}.member-selection-list{display:flex;flex-direction:column;gap:var(--space-xs)}.member-selection-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);width:100%;text-align:left}.member-selection-item:hover{background:var(--color-bg);border-color:var(--color-primary)}.member-selection-item.selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.member-selection-checkbox{font-size:var(--font-size-lg)}.member-selection-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.member-selection-item.selected .member-selection-name{color:#fff}.member-ordering{margin-bottom:var(--space-xl)}.member-ordering-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-md) 0}.member-ordering-list{display:flex;flex-direction:column;gap:var(--space-sm)}.member-ordering-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.member-ordering-rank{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-light);min-width:24px}.member-ordering-name{flex:1;font-size:var(--font-size-base);color:var(--color-text)}.member-ordering-controls{display:flex;gap:var(--space-xs)}.member-ordering-btn{padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.member-ordering-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.member-ordering-btn:disabled{opacity:.3;cursor:not-allowed}.member-ordering-btn-remove{color:var(--color-danger)}.member-ordering-btn-remove:hover:not(:disabled){background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.preferences-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.member-preferences-list{display:flex;flex-direction:column;gap:var(--space-lg)}.member-preference-card{background:var(--color-bg);border:1px solid var(--color-border)}.member-preference-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.member-preference-title{display:flex;align-items:center;gap:var(--space-sm)}.member-preference-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.member-preference-actions{display:flex;gap:var(--space-sm)}.member-preference-empty{padding:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);text-align:center}.member-preference-list{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-md)}.member-badge-virtual{padding:var(--space-xs) var(--space-sm);background:var(--color-warning);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);text-transform:uppercase}.member-badge-virtual-small{padding:2px var(--space-xs);background:var(--color-warning);color:#fff;font-size:10px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);text-transform:uppercase;margin-left:auto}.invite-modal{padding:var(--space-md)}.invite-generate{padding:var(--space-lg);text-align:center}.invite-link-container{display:flex;flex-direction:column;gap:var(--space-lg);align-items:center}.invite-qr-code{padding:var(--space-md);background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border)}.invite-link-box{width:100%;padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);word-break:break-all}.invite-link{font-size:var(--font-size-sm);font-family:monospace;color:var(--color-text)}.invite-actions{width:100%;display:flex;flex-direction:column;gap:var(--space-sm)}.btn-full-width{width:100%}.member-list-controls{margin-bottom:var(--space-md)}.sort-toggle{display:flex;gap:var(--space-xs);background:var(--color-bg-secondary);padding:var(--space-xs);border-radius:var(--radius-md)}.sort-toggle-btn{flex:1;padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light);cursor:pointer;transition:all var(--transition-base)}.sort-toggle-btn:hover{background:var(--color-bg);color:var(--color-text)}.sort-toggle-btn.active{background:var(--color-primary);color:#fff}.member-row-1{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.member-name-wrapper{display:flex;align-items:center;gap:var(--space-xs);flex:1;min-width:0}.member-joined-date{font-size:var(--font-size-sm);color:var(--color-text-light);white-space:nowrap}.member-row-2{font-size:var(--font-size-xs);color:var(--color-text-light)}.member-id-text{font-family:monospace;word-break:break-all}.offline-banner{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-toast);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--color-warning);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.offline-banner-icon{display:flex;align-items:center;flex-shrink:0}.offline-banner-icon svg{width:16px;height:16px}.offline-banner-text{text-align:center}body:has(.offline-banner) .bottom-nav{bottom:40px}body:has(.offline-banner) .fab{bottom:calc(var(--space-xl) + 72px)}