body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.budget-alerts{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:8px;margin-bottom:24px;padding:16px}.budget-alerts h3{color:#856404;font-size:16px;margin-top:0}.alerts-list{list-style:none;margin:0;padding:0}.alert-item{align-items:center;border-bottom:1px solid #ffeeba;display:flex;justify-content:space-between;padding:10px 0}.alert-item:last-child{border-bottom:none}.alert-content{flex:1 1}.alert-message{font-weight:500}.alert-date,.alert-message{color:#856404;display:block}.alert-date{font-size:12px;margin-top:4px;opacity:.8}.dismiss-btn{background-color:initial;border:1px solid #ffeeba}.dashboard{padding:20px}.dashboard h1{color:#333;margin-bottom:24px}.timeframe-selector{display:flex;margin-bottom:20px}.timeframe-selector button{background-color:#f0f0f0;border-radius:20px;margin-right:8px;padding:8px 16px}.timeframe-selector button.active{background-color:#3f51b5;color:#fff}.chart-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:16px}.chart-container h2{color:#555;font-size:18px;margin-bottom:16px;margin-top:0}.charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.recent-expenses{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px}.recent-expenses h2{color:#555;font-size:18px;margin-bottom:16px;margin-top:0}.expenses-table{border-collapse:collapse;width:100%}.expenses-table td,.expenses-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.expenses-table th{color:#666;font-weight:600}.expenses-table .amount{font-weight:500;text-align:right}@media (max-width:768px){.charts-row{grid-template-columns:1fr}}.summary-boxes{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.summary-box{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.summary-title{color:#666;font-size:14px;margin-bottom:8px}.summary-value{font-size:24px;font-weight:700;margin-bottom:4px}.summary-label{font-size:12px}.income-box .summary-value{color:#52c41a}.expense-box .summary-value{color:#ff4d4f}.balance-box.positive .summary-label,.balance-box.positive .summary-value{color:#52c41a}.balance-box.negative .summary-label,.balance-box.negative .summary-value{color:#ff4d4f}@media (max-width:768px){.summary-boxes{grid-template-columns:1fr}}.action-buttons{gap:16px}.action-btn{border-radius:8px;color:#fff;display:inline-block;font-weight:500;padding:12px 24px;text-align:center;text-decoration:none;transition:background-color .2s}@media (max-width:600px){.action-buttons{flex-direction:column}.action-btn{width:100%}}.chat-assistant{bottom:20px;position:fixed;right:20px;z-index:1000}.chat-toggle-btn{align-items:center;background-color:#4361ee;border:none;border-radius:25px;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;display:flex;gap:8px;padding:10px 16px;transition:all .3s ease}.chat-toggle-btn:hover{background-color:#3a56d4;transform:translateY(-2px)}.chat-assistant.open .chat-toggle-btn{display:none}.chat-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;height:450px;overflow:hidden;width:320px}.chat-header{align-items:center;background-color:#4361ee;color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.chat-header h3{font-size:16px;margin:0}.chat-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px}.chat-close-btn:hover{background-color:#fff3}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chat-message{border-radius:12px;max-width:80%;padding:10px 14px;word-break:break-word}.chat-message.bot{align-self:flex-start;background-color:#f0f2f5;border-bottom-left-radius:4px}.chat-message.user{align-self:flex-end;background-color:#4361ee;border-bottom-right-radius:4px;color:#fff}.chat-input-container{align-items:center;border-top:1px solid #eaeaea;display:flex;gap:8px;padding:12px}.chat-input{border:1px solid #ddd;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:8px 14px}.chat-input:focus{border-color:#4361ee}.chat-send-btn{align-items:center;background-color:#4361ee;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.chat-send-btn:hover{background-color:#3a56d4}@media (max-width:768px){.chat-container{height:400px;width:280px}.chat-assistant{bottom:15px;right:15px}}.scanner-btn{background-color:#4361ee}.scanner-btn:hover{background-color:#3a56d4}.expense-form-container{margin:0 auto;max-width:600px;padding:20px}.expense-form-container h1{color:#333;margin-bottom:24px}.expense-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.submit-btn:hover{background-color:#303f9f}.income-form-container{margin:0 auto;max-width:600px;padding:20px}.income-form-container h1{color:#333;margin-bottom:24px}.income-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.cancel-btn{background-color:#f0f0f0}.cancel-btn:hover{background-color:#e0e0e0}.submit-btn{background-color:#52c41a}.submit-btn:hover{background-color:#389e0d}.notification-center{position:relative}.notification-toggle{background:none;border:none;color:#fffc;cursor:pointer;font-size:24px;padding:8px;position:relative;transition:color .2s}.notification-toggle:hover{color:#fff}.notification-toggle.has-alerts{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-badge{align-items:center;background-color:#ff4d4f;border-radius:50%;color:#fff;display:flex;font-size:12px;height:16px;justify-content:center;min-width:16px;padding:2px 6px;position:absolute;right:0;top:0}.notification-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:400px;position:absolute;right:0;top:100%;width:320px;z-index:10}.notification-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px}.notification-header h3{color:#333;font-size:16px;margin:0}.dismiss-all-btn{background:none;border:none;color:#1890ff;cursor:pointer;font-size:14px;font-weight:500}.dismiss-all-btn:hover{text-decoration:underline}.notification-list{flex-grow:1;overflow-y:auto}.notification-list ul{list-style:none;margin:0;padding:0}.notification-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px}.notification-item.unread{background-color:#e6f7ff}.notification-content{flex:1 1}.notification-message{color:#333;margin:0 0 4px}.notification-date{color:#999;font-size:12px}.dismiss-btn{background:none;border:1px solid #d9d9d9;border-radius:4px;color:#666;cursor:pointer;font-size:12px;margin-left:8px;padding:4px 8px}.dismiss-btn:hover{background-color:#f5f5f5;color:#333}.no-notifications{color:#999;padding:20px;text-align:center}.budget-alert-toast{animation:slideIn .3s forwards;background-color:#fff3cd;border-left:4px solid #ff9800;border-radius:4px;box-shadow:0 4px 12px #00000026;padding:16px;position:fixed;right:20px;top:20px;width:320px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.budget-alert-toast.dismissing{animation:slideOut .3s forwards}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.alert-toast-title{align-items:center;color:#856404;display:flex;font-size:16px;font-weight:600;margin:0 0 8px}.alert-toast-title i{margin-right:8px}.alert-toast-message{color:#856404;margin:0}.email-notification-message{background-color:#fff8e399;border-radius:4px;color:#856404;font-size:13px;font-style:italic;margin:10px 0 0;padding:8px}.email-notification-message.email-success{background-color:#f0fff099;border-left:2px solid #52c41a;color:#156f1e}.email-notification-message.email-error{background-color:#fff0f099;border-left:2px solid #ff4d4f;color:#cf1322}.alert-toast-close{background:none;border:none;color:#856404;cursor:pointer;font-size:16px;opacity:.7;position:absolute;right:8px;top:8px}.alert-toast-close:hover{opacity:1}.alert-toast-actions{display:flex;justify-content:flex-end;margin-top:12px}.alert-toast-btn{background:none;border:1px solid #ffeeba;border-radius:4px;cursor:pointer;font-size:14px;margin-left:8px;padding:6px 12px}.view-btn{background-color:#856404;color:#fff}.view-btn:hover{background-color:#775a04}.dismiss-btn{color:#856404}.dismiss-btn:hover{background-color:#ffeeba}.app-nav{align-items:center;background-color:#3f51b5;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:0 20px}.app-title h1{font-size:24px;margin:0;padding:16px 0}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin-left:20px}.nav-links a{color:#fffc;display:inline-block;font-weight:500;padding:20px 0;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}.nav-links a.active{border-bottom:3px solid #fff;color:#fff}@media (max-width:600px){.app-nav{flex-direction:column;padding:12px}.nav-links{justify-content:space-around;width:100%}.nav-links li{margin:0}}.budget-settings{padding:20px}.budget-settings h1{color:#333;margin-bottom:24px}.add-budget,.current-budgets,.notification-settings{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:20px}.add-budget h2,.current-budgets h2,.notification-settings h2{color:#555;font-size:18px;margin-bottom:16px;margin-top:0}.alert-options{margin-top:20px}.email-alert-option{align-items:center;border:1px solid #eee;border-radius:8px;cursor:pointer;display:flex;padding:16px;transition:background-color .2s}.email-alert-option:hover{background-color:#fafafa}.email-alert-option input[type=checkbox]{margin-right:16px;transform:scale(1.2)}.alert-option-info{display:flex;flex-direction:column}.alert-option-title{color:#333;font-weight:500;margin-bottom:4px}.alert-option-desc{color:#666;font-size:14px}.budgets-table{border-collapse:collapse;width:100%}.budgets-table td,.budgets-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.budgets-table th{color:#666;font-weight:600}.progress-container{background-color:#f5f5f5;border-radius:6px;height:12px;overflow:hidden;position:relative;width:100%}.progress-bar{border-radius:6px;height:100%;transition:width .5s ease}.progress-text{color:#333;font-size:10px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.negative-balance{color:#ff4d4f;font-weight:500}.edit-btn{background-color:#f0f0f0;font-size:14px;padding:6px 12px}.edit-btn:hover{background-color:#e0e0e0}.form-row{align-items:flex-end;display:flex;gap:16px}.form-row .form-group{flex:1 1;margin-bottom:0}.add-btn{background-color:#3f51b5;color:#fff;height:42px}.add-btn:hover{background-color:#303f9f}@media (max-width:600px){.form-row{flex-direction:column;gap:20px}.add-btn{width:100%}}.transaction-history{padding:20px}.transaction-history h1{color:#333;margin-bottom:24px}.action-buttons{display:flex;gap:12px;margin-bottom:24px}.add-btn{border-radius:4px;display:inline-block;font-weight:500;padding:10px 16px;text-decoration:none}.expense-btn{background-color:#ff4d4f;color:#fff}.expense-btn:hover{background-color:#ff7875}.income-btn{background-color:#52c41a;color:#fff}.income-btn:hover{background-color:#389e0d}.tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:24px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px}.tab.active{border-bottom-color:#1890ff;color:#1890ff}.filters{display:flex;gap:16px;margin-bottom:24px}.search-bar{flex:2 1}.search-bar input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.category-filter{flex:1 1}.category-filter select{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.transactions-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.transactions-table td,.transactions-table th{border-bottom:1px solid #eee;padding:16px;text-align:left}.transactions-table th{background-color:#f8f9fa;color:#666;font-weight:600}.amount{font-weight:500;text-align:right}.income-amount{color:#52c41a}.delete-btn{background-color:#ff4d4f;color:#fff;font-size:14px;padding:6px 12px}.delete-btn:hover{background-color:#ff7875}.no-results{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#666;padding:40px;text-align:center}@media (max-width:768px){.action-buttons,.filters{flex-direction:column}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:20px}.auth-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:450px;padding:30px;width:100%}.auth-card h1{color:#333;margin-bottom:8px;margin-top:0;text-align:center}.auth-subtitle{color:#666;margin-bottom:24px;text-align:center}.auth-form{margin-top:20px}.auth-form .form-group{margin-bottom:20px}.auth-form label{color:#555;display:block;font-weight:500;margin-bottom:8px}.auth-form input{border:1px solid #ddd;border-radius:4px}.auth-button,.auth-form input{font-size:16px;padding:12px;width:100%}.auth-button{background-color:#3f51b5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-top:10px;transition:background-color .2s}.auth-button:hover{background-color:#303f9f}.auth-links{margin-top:24px;text-align:center}.auth-links a{color:#3f51b5;font-weight:500;text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-error{background-color:#ffe8e8;color:#d32f2f}.auth-error,.auth-success{border-radius:4px;font-size:14px;margin-bottom:20px;padding:12px}.auth-success{background-color:#eaffea;color:#43a047}.profile-container{margin:0 auto;max-width:700px;padding:20px}.profile-container h1{color:#333;margin-bottom:24px}.profile-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.profile-card h2{color:#555;font-size:18px;margin-bottom:20px;margin-top:0}.danger-zone{border-top:3px solid #ff4d4f}.logout-button{background-color:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 16px;transition:background-color .2s}.logout-button:hover{background-color:#ff7875}.user-menu{align-items:center;display:flex;position:relative}.user-info{color:#fff;cursor:pointer;padding:20px 10px;position:relative}.user-info span{margin-right:5px}.dropdown-content{background-color:#fff;border-radius:4px;box-shadow:0 8px 16px #0003;display:none;min-width:160px;position:absolute;right:0;top:100%;z-index:1}.dropdown-content a,.dropdown-content button{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:16px;padding:12px 16px;text-align:left;text-decoration:none;width:100%}.dropdown-content a:hover,.dropdown-content button:hover{background-color:#f1f1f1}.user-info:hover .dropdown-content{display:block}.notification-preferences{border-top:1px solid #eee;margin-top:20px;padding-top:10px}.checkbox-label{align-items:center;color:#333;cursor:pointer;display:flex;font-weight:500}.checkbox-label input[type=checkbox]{margin-right:10px;width:auto}.preference-description{color:#666;font-size:14px;margin-left:26px;margin-top:4px}@media (max-width:600px){.auth-card{padding:20px}.user-menu{margin-top:10px}}.category-management{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:20px}.category-management h2{color:#333;margin-top:0}.category-description{color:#666;margin-bottom:20px}.category-tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:20px}.category-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;transition:all .2s}.category-tab.active{border-bottom-color:#3f51b5;color:#3f51b5}.category-tab:hover:not(.active){background-color:#f9f9f9;color:#555}.category-error{background-color:#ffe8e8;color:#d32f2f}.category-error,.category-success{border-radius:4px;margin-bottom:20px;padding:12px}.category-success{background-color:#eaffea;color:#43a047}.add-category{display:flex;margin-bottom:24px}.add-category input{border:1px solid #ddd;border-radius:4px 0 0 4px;flex:1 1;font-size:16px;padding:10px}.add-category button{background-color:#3f51b5;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background-color .2s}.add-category button:hover{background-color:#303f9f}.categories-list h3{color:#555;font-size:18px;margin-bottom:16px;margin-top:0}.category-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s}.category-item:hover{background-color:#f9f9f9}.category-item:last-child{border-bottom:none}.category-name{color:#333;font-weight:500}.category-actions{display:flex;gap:8px}.delete-category,.edit-category{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.edit-category{color:#1976d2}.edit-category:hover{background-color:#e3f2fd;border-color:#1976d2}.delete-category{color:#d32f2f}.delete-category:hover{background-color:#ffebee;border-color:#d32f2f}.delete-category:disabled,.edit-category:disabled{cursor:not-allowed;opacity:.5}.no-categories{color:#999;font-style:italic;padding:10px;text-align:center}@media (max-width:600px){.add-category{flex-direction:column}.add-category input{border-radius:4px;margin-bottom:10px}.add-category button{border-radius:4px}.category-actions{flex-direction:column;gap:5px}}.settings-container{padding:20px}.settings-container h1{color:#333;margin-bottom:24px}.receipt-scanner{margin:0 auto;max-width:600px;padding:20px}.receipt-scanner h1{color:#333;margin-bottom:24px}.scanner-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.upload-area{border:2px dashed #ddd;border-radius:8px;margin-bottom:20px;padding:30px;position:relative}.upload-area,.upload-placeholder{align-items:center;display:flex;flex-direction:column}.upload-placeholder{color:#777}.upload-icon{font-size:48px;margin-bottom:10px}.receipt-preview{border-radius:4px;margin-bottom:15px;max-height:300px;max-width:100%}.file-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.upload-button{background-color:#f0f0f0;border-radius:4px;color:#333;cursor:pointer;font-size:16px;padding:10px 20px;text-align:center;transition:background-color .2s}.upload-button:hover{background-color:#e0e0e0}.scan-actions{display:flex;gap:12px;justify-content:space-between}.add-expense-btn,.scan-button{background-color:#3f51b5;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;padding:12px 0}.scan-button:disabled{background-color:#9e9e9e;cursor:not-allowed}.cancel-button{background-color:#f0f0f0;border:none;border-radius:4px;color:#333;cursor:pointer;flex:1 1;font-size:16px;padding:12px 0}.scan-error{background-color:#ffebee;border-radius:4px;color:#d32f2f;margin-top:16px;padding:12px}.scan-results{padding:10px 0}.scan-results h2{color:#333;font-size:18px;margin-bottom:16px}.receipt-info{margin-bottom:24px}.info-row{border-bottom:1px solid #eee;display:flex;margin-bottom:12px;padding-bottom:8px}.info-row label{color:#555;flex:1 1;font-weight:500}.info-row span{flex:2 1}.result-actions{display:flex;gap:12px}.ocr-progress{margin:20px 0}.progress-bar{border-radius:5px;height:10px;width:100%}.progress-fill{background-color:#3f51b5;transition:width .3s ease}.progress-text{font-size:14px;margin-top:5px;text-align:center}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:20px;width:100%}button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.loading{color:#666;padding:20px;text-align:center}.error-message{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;color:#ff4d4f;margin-bottom:20px;padding:12px}.success-message{background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:4px;color:#52c41a;margin-bottom:20px;padding:12px}.split-contacts-container,.split-expense-details-container,.split-expense-form-container,.split-expense-list-container{margin:0 auto;max-width:900px;padding:20px}.split-contacts-container h1,.split-expense-details-container h1,.split-expense-form-container h1,.split-expense-list-container h1{color:#333;margin-bottom:24px}.split-expense-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.form-section{margin-bottom:30px}.form-section h2{border-bottom:1px solid #eee;color:#333;font-size:18px;margin-bottom:16px;padding-bottom:8px}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.form-group textarea{min-height:80px;resize:vertical}.split-method-selector{margin-bottom:20px}.split-method-selector label{color:#555;display:block;font-weight:500;margin-bottom:8px}.split-method-options{display:flex;gap:10px}.split-method-options button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;flex:1 1;padding:10px 16px;transition:all .2s}.split-method-options button.active{background-color:#3f51b5;border-color:#3f51b5;color:#fff}.participants-list{margin-bottom:20px}.participants-list h3{color:#555;font-size:16px;margin-bottom:12px}.no-participants{background-color:#f9f9f9;border-radius:4px;color:#999;font-style:italic;padding:10px}.participants-table{border:1px solid #eee;border-radius:4px;overflow:hidden}.participants-header{background-color:#f5f5f5;color:#555;font-weight:500;padding:10px 12px}.participant-row,.participants-header{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr}.participant-row{align-items:center;border-top:1px solid #eee;padding:12px}.participant-row input{border:1px solid #ddd;border-radius:4px;padding:6px;width:70px}.remove-participant-btn{background-color:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 10px}.add-participant-form{background-color:#f9f9f9;border-radius:4px;margin-bottom:20px;padding:16px}.add-participant-form h3{color:#555;font-size:16px;margin-bottom:12px}.participant-form-row{grid-gap:12px;align-items:flex-end;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.add-participant-btn{background-color:#52c41a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:24px;padding:10px}.contacts-section{background-color:#f9f9f9;border-radius:4px;padding:16px}.contacts-section h3{color:#555;font-size:16px;margin-bottom:12px}.contacts-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.contact-item{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:4px;display:flex;justify-content:space-between;padding:10px}.contact-name{font-weight:500}.contact-email{font-size:12px}.add-contact-btn{background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 10px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-btn{background-color:#f5f5f5;color:#333}.submit-btn{background-color:#3f51b5;color:#fff}.split-expense-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.create-split-btn{background-color:#3f51b5;border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:10px 16px;text-decoration:none}.split-expense-filters{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.filter-buttons{display:flex;gap:10px}.filter-buttons button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.filter-buttons button.active{background-color:#3f51b5;border-color:#3f51b5;color:#fff}.search-box input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:240px}.no-splits-message{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:40px;text-align:center}.no-splits-message p{color:#666;margin-bottom:20px}.split-expenses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.split-expense-card{color:inherit;overflow:hidden;padding:16px;text-decoration:none;transition:transform .2s,box-shadow .2s}.split-expense-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.split-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.split-title{color:#333;flex:1 1;font-size:18px;margin:0}.split-status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.status-pending{background-color:#fffbe6;color:#faad14}.status-partial{background-color:#e6f7ff;color:#1890ff}.status-settled{background-color:#f6ffed;color:#52c41a}.split-card-meta{color:#666;display:flex;font-size:14px;justify-content:space-between;margin-bottom:16px}.split-card-amount{border-top:1px solid #f0f0f0;margin-bottom:12px;padding-top:12px}.total-amount{color:#333;font-size:20px;font-weight:600}.participants-count{color:#666;font-size:14px;margin-bottom:8px}.payment-progress{margin-bottom:12px}.progress-bar{background-color:#f5f5f5;border-radius:4px;height:8px;margin-bottom:4px;overflow:hidden}.progress-fill{background-color:#52c41a;border-radius:4px;height:100%}.progress-text{color:#666;font-size:12px;text-align:right}.participant-avatars{display:flex}.participant-avatar{align-items:center;background-color:#1890ff;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:30px;justify-content:center;margin-right:-10px;width:30px}.participant-avatar.paid{background-color:#52c41a}.participant-avatar.more{background-color:#f5f5f5;color:#666}.split-details-header{margin-bottom:24px}.split-details-header h1{margin-bottom:8px}.expense-meta{color:#666;display:flex;gap:16px}.expense-category{background-color:#f5f5f5;border-radius:4px;font-size:14px;padding:4px 8px}.split-expense-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:20px}.split-expense-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:20px}.summary-item{text-align:center}.summary-label{color:#666;font-size:14px;margin-bottom:4px}.summary-value{color:#333;font-size:20px}.split-expense-notes{border-top:1px solid #f0f0f0;padding-top:16px}.split-expense-notes h3{color:#333;font-size:16px;margin-bottom:8px}.split-participants-section{margin-bottom:24px}.split-participants-section h2{color:#333;font-size:18px;margin-bottom:16px}.participant-actions,.participant-email,.participant-name,.participant-share,.participant-status{padding:0 8px}.participant-status{align-items:center;display:flex}.status-paid{color:#52c41a}.status-unpaid{color:#faad14}.payment-method{color:#666;font-size:12px;margin-left:4px}.mark-paid-btn,.send-reminder-btn{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;margin-right:8px;padding:6px 10px}.mark-paid-btn:hover{background-color:#52c41a;border-color:#52c41a;color:#fff}.send-reminder-btn:hover{background-color:#1890ff;border-color:#1890ff;color:#fff}.split-expense-actions{display:flex;justify-content:space-between;margin-top:30px}.back-button,.delete-button{border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px}.back-button{background-color:#f5f5f5;color:#333}.delete-button{background-color:#ff4d4f;color:#fff}.split-contacts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.back-to-splits-btn{background-color:#f5f5f5;border-radius:4px;color:#333;font-weight:500;padding:10px 16px;text-decoration:none}.add-contact-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:20px}.add-contact-section h2{color:#333;font-size:18px;margin-bottom:16px}.add-contact-form{grid-gap:16px;align-items:flex-end;display:grid;gap:16px;grid-template-columns:1fr 1fr auto}.contacts-list-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.contacts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.contacts-header h2{color:#333;font-size:18px;margin:0}.no-contacts-message{background-color:#f9f9f9;border-radius:4px;color:#666;padding:20px;text-align:center}.contacts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.contact-card{align-items:center;background-color:#f9f9f9;border-radius:8px;display:flex;padding:16px;transition:transform .2s}.contact-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.contact-avatar{align-items:center;background-color:#1890ff;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:40px;justify-content:center;margin-right:12px;width:40px}.contact-info{flex:1 1}.contact-name{color:#333;font-size:16px;margin:0 0 4px}.contact-email{color:#666;font-size:14px;margin:0}.delete-contact-btn{background-color:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;opacity:0;padding:6px 10px;transition:opacity .2s}.contact-card:hover .delete-contact-btn{opacity:1}@media (max-width:768px){.split-contacts-container,.split-expense-details-container,.split-expense-form-container,.split-expense-list-container{padding:10px}.participant-row,.participants-header{grid-template-columns:2fr 2fr 1fr}.add-contact-form,.participant-form-row{grid-template-columns:1fr}.split-expense-summary{grid-template-columns:repeat(2,1fr)}.split-expense-filters{align-items:stretch;flex-direction:column;gap:12px}.search-box input{width:100%}}.email-status{animation:fadeIn .3s ease-in;border-radius:4px;display:inline-block;font-size:12px;margin-left:10px;padding:3px 8px}.email-status.success{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.email-status.error{background-color:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.participant-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.send-reminder-btn:disabled{background-color:#f5f5f5;color:#aaa;cursor:not-allowed}@media (max-width:768px){.email-status{position:relative}.email-status.error:before{background-color:#333;border-radius:4px;bottom:100%;color:#fff;content:attr(title);font-size:12px;left:50%;opacity:0;padding:5px 10px;position:absolute;transform:translateX(-50%);transition:opacity .3s,visibility .3s;visibility:hidden;white-space:nowrap}.email-status.error:hover:before{opacity:1;visibility:visible}}.export-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.export-container h2{color:#333;margin-bottom:8px;margin-top:0}.export-description{color:#666;margin-bottom:24px}.export-options{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.option-group{background-color:#f9f9f9;border-radius:8px;padding:16px}.option-group h3{color:#555;font-size:16px;margin-bottom:12px;margin-top:0}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-label{align-items:center;cursor:pointer;display:flex}.radio-label input[type=radio]{margin-right:8px}.custom-date-range{grid-gap:12px;border-top:1px solid #eee;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:16px;padding-top:16px}.date-input label{color:#666;display:block;font-size:14px;margin-bottom:8px}.date-input input{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.data-summary{background-color:#f5f9ff;border-left:4px solid #3f51b5;border-radius:8px;display:flex;gap:24px;margin-bottom:24px;padding:16px}.summary-item{align-items:baseline;display:flex;gap:8px}.summary-label{color:#555;font-weight:500}.summary-value{color:#3f51b5;font-size:18px;font-weight:600}.export-button{background-color:#3f51b5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s}.export-button:hover{background-color:#303f9f}.export-button:disabled{background-color:#9e9e9e;cursor:not-allowed}.export-note{background-color:#fffde7;border-radius:4px;color:#666;font-size:14px;margin-top:16px;padding:12px}.export-section{background-color:#f0f8ff;border-left:4px solid #1890ff;border-radius:8px;margin-top:24px;padding:16px;text-align:center}.export-section a{color:#1890ff;font-weight:500;text-decoration:none}.export-section a:hover{text-decoration:underline}.add-btn.export-btn{background-color:#1890ff;color:#fff}.add-btn.export-btn:hover{background-color:#096dd9}.export-error{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;color:#ff4d4f}.export-error,.export-success{margin-bottom:20px;padding:12px}.export-success{background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:4px;color:#52c41a}@media (max-width:768px){.export-options{grid-template-columns:1fr}.data-summary{flex-direction:column;gap:12px}}
/*# sourceMappingURL=main.c92fb3d8.css.map*/