:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;color:#ffffffde;color-scheme:light dark;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}a{color:#646cff;font-weight:500;text-decoration:inherit}a:hover{color:#535bf2}body{display:flex;margin:0;min-height:100vh;min-width:320px;place-items:center}h1{font-size:3.2em;line-height:1.1}button{background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1em;font-weight:500;padding:.6em 1.2em;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{background-color:#fff;color:#213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0;padding:0;text-align:left;width:100%}.logo{height:6em;padding:1.5em;transition:filter .3s;will-change:filter}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.card{padding:2em}.read-the-docs{color:#888}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#64748b;--success-color:#22c55e;--danger-color:#ef4444;--warning-color:#f59e0b;--background-light:#f8fafc;--background-dark:#1e293b;--text-light:#f8fafc;--text-dark:#1e293b;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}.container{margin:0 auto;max-width:1400px;padding:0 2rem;padding:0 var(--spacing-xl);width:100%}.card{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--spacing-lg);transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:inherit;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;line-height:1.5;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .2s}.btn-primary{background:#2563eb;background:var(--primary-color);border:1px solid #2563eb;border:1px solid var(--primary-color);color:#fff!important}.btn-primary:hover{background:#1d4ed8;background:var(--primary-hover);border-color:#1d4ed8;border-color:var(--primary-hover);color:#fff!important}.btn-secondary{background:#fff;border:1px solid #64748b;border:1px solid var(--secondary-color);color:#1e293b!important;color:var(--text-dark)!important}.btn-secondary:hover{background:#f8fafc;background:var(--background-light);border-color:#2563eb;border-color:var(--primary-color);color:#2563eb!important;color:var(--primary-color)!important}.btn-danger{background:#ef4444;background:var(--danger-color);border:1px solid #ef4444;color:#fff!important}.btn-danger:hover{background:var(--danger-dark);color:#fff!important}.input{border:1px solid #64748b;border:1px solid var(--secondary-color);border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:.5rem;padding:var(--spacing-sm);width:100%}.grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid}.flex,.grid{gap:1rem;gap:var(--spacing-md)}.flex{display:flex}.flex-center{align-items:center;display:flex;justify-content:center}.navbar{background-color:#fff;border-bottom:1px solid #0000000d;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:var(--spacing-md) var(--spacing-xl)}.nav-logo{color:var(--primary-color);font-size:1.75rem;gap:var(--spacing-sm);letter-spacing:-.5px;text-decoration:none}.nav-logo,.nav-logo-icon{align-items:center;display:flex;font-weight:700}.nav-logo-icon{background-color:var(--primary-color);border-radius:var(--radius-md);color:#fff;height:32px;justify-content:center;width:32px}.nav-links{align-items:center;display:flex;gap:var(--spacing-lg)}.nav-link{border-radius:var(--radius-md);color:var(--text-dark);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all .2s}.nav-link:hover{background-color:#2563eb0d;color:var(--primary-color)}.nav-link.active{color:var(--primary-color);font-weight:600}.nav-link.active:after{background-color:var(--primary-color);border-radius:2px;bottom:-2px;content:"";height:2px;left:var(--spacing-md);position:absolute;right:var(--spacing-md)}@media (max-width:768px){.navbar-container{padding:var(--spacing-md)}.nav-links{gap:var(--spacing-md)}}.create-trip-card{background:linear-gradient(to bottom right,#fff,var(--background-light));border:1px solid var(--primary-color);margin-top:var(--spacing-xl);overflow:hidden;position:relative}.create-trip-accent-bar{background:var(--primary-color);height:4px;left:0;position:absolute;top:0;width:100%}.create-trip-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.create-trip-icon{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.create-trip-title{color:var(--text-dark);font-size:1.75rem;font-weight:600;margin:0}.create-trip-form{display:flex;flex-direction:column;gap:var(--spacing-lg);position:relative}.form-field-full{width:100%}.form-label{color:var(--text-dark);display:block;font-weight:500;margin-bottom:var(--spacing-xs)}.form-input,.form-textarea{border:1px solid var(--secondary-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);box-sizing:border-box;font-size:1rem;padding:var(--spacing-md);transition:border-color .2s,box-shadow .2s;width:100%}.form-textarea{resize:vertical}.form-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.participant-input-container{display:flex;gap:var(--spacing-sm);width:100%}.participant-input{flex:1 1}.add-participant-button{font-weight:600;padding:var(--spacing-md) var(--spacing-lg);white-space:nowrap}.participants-container{background:var(--background-light);border:1px dashed var(--secondary-color);border-radius:var(--radius-md);padding:var(--spacing-md);width:100%}.participants-title{color:var(--text-dark);font-size:1rem;font-weight:500;margin:0 0 var(--spacing-sm) 0}.participants-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.participant-tag{align-items:center;background:#fff;border:1px solid var(--secondary-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}.remove-participant-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--danger-color);cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;transition:background-color .2s;width:20px}.remove-participant-button:hover{background-color:#ef44441a}.submit-button-container{display:flex;justify-content:flex-end;margin-top:var(--spacing-md)}.submit-button{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl)}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.home-container{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.home-header{margin-bottom:var(--spacing-xl);text-align:center}.home-title{color:var(--text-dark);font-size:2.5rem;margin-bottom:var(--spacing-sm)}.home-subtitle{color:var(--text-muted);font-size:1.25rem;margin-bottom:var(--spacing-lg)}.recent-trips-section{margin-top:var(--spacing-xl)}.section-header{margin-bottom:var(--spacing-lg)}.section-title{color:var(--text-dark);font-size:1.5rem;margin:0}.view-all-link{align-items:center;color:var(--primary-color);display:flex;font-weight:500;gap:var(--spacing-xs);text-decoration:none}.view-all-link:hover{text-decoration:underline}@media (max-width:768px){.home-title{font-size:2rem}.home-subtitle{font-size:1rem}.trips-grid{grid-template-columns:1fr}}.all-trips-container{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.all-trips-header{margin-bottom:var(--spacing-xl)}.header-content{margin-bottom:var(--spacing-lg)}.back-link{margin-bottom:var(--spacing-md)}.page-title{color:var(--text-dark);font-size:2rem;margin:0}.filter-controls{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.filter-button{background:#fff;border:1px solid var(--secondary-color);border-radius:var(--radius-md);color:var(--text-dark);cursor:pointer;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s}.filter-button:hover{background:var(--background-light);border-color:var(--primary-color);color:var(--primary-color)}.filter-button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.filter-button.active:hover{background:var(--primary-dark);color:#fff}.trips-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.trip-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:inherit;display:block;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}.trip-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.trip-card-header{align-items:center;border-bottom:1px solid var(--secondary-color);display:flex;justify-content:space-between;padding:var(--spacing-md)}.trip-name{color:var(--text-dark);font-size:1.25rem;margin:0}.trip-status{border-radius:var(--radius-md);font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.trip-status.active{background-color:var(--primary-color);color:#fff}.trip-status.settled{background-color:var(--success-color);color:#fff}.trip-card-content{padding:var(--spacing-md)}.trip-info{color:var(--text-muted);display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:var(--spacing-sm)}.trip-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-dark);display:-webkit-box;font-size:.875rem;margin:var(--spacing-sm) 0 0;overflow:hidden}.loading-message,.no-trips-message{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);text-align:center}.no-trips-message p{color:var(--text-muted);margin:var(--spacing-sm) 0}.delete-trip-prompt{background-color:var(--background-color);border-left:4px solid var(--danger-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.delete-trip-prompt h3{color:var(--text-dark);margin-bottom:var(--spacing-xs);margin-top:0}.delete-trip-prompt p{color:var(--text-medium);margin-bottom:var(--spacing-sm)}.delete-trip-prompt .warning-text{color:var(--danger-color);font-weight:500}.trip-card-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.trip-card-actions .btn{flex:1 1}.btn-danger{border:1px solid var(--danger-color);transition:all .2s ease}.btn-danger:hover{border-color:var(--danger-dark);color:#fff}@media (max-width:768px){.page-title{font-size:1.75rem}.filter-controls{flex-wrap:wrap}.trips-grid{grid-template-columns:1fr}}.add-expense-container{background-color:var(--background-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:0 auto;max-width:600px;padding:var(--spacing-lg)}.add-expense-container h2{color:var(--text-dark);margin-bottom:var(--spacing-lg);margin-top:0}.add-expense-form{gap:var(--spacing-md)}.add-expense-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--spacing-xs)}.form-group label{color:var(--text-dark);font-weight:500}.form-group input,.form-group select{border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem;padding:var(--spacing-sm)}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2);outline:none}.participants-split{background-color:var(--background-color);border-radius:var(--radius-sm);margin-top:var(--spacing-sm);padding:var(--spacing-md)}.participants-split h3{color:var(--text-dark);font-size:1.1rem;margin-bottom:var(--spacing-md);margin-top:0}.participant-split-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.participant-split-item label{font-weight:500}.participant-split-item input{text-align:right;width:100px}.percentage-input{align-items:center;display:flex;gap:var(--spacing-xs)}.percentage-input input{width:80px}.percentage-input span{color:var(--text-medium)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md)}@media (max-width:768px){.add-expense-container{padding:var(--spacing-md)}.form-actions{flex-direction:column}.form-actions button{width:100%}}.trip-details-container{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.trip-details-header{align-items:center;display:flex;margin-bottom:var(--spacing-xl);position:relative}.back-link{align-items:center;color:var(--primary-color);display:flex;font-weight:500;gap:var(--spacing-xs);margin-right:var(--spacing-lg);text-decoration:none}.back-link:hover{text-decoration:underline}.trip-details-title{color:var(--text-dark);font-size:2rem;margin:0}.trip-status-badge{background-color:var(--background-light);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-md);position:absolute;right:0;top:50%;transform:translateY(-50%)}.trip-status-badge:not([data-status=settled]){background-color:var(--primary-color)}.trip-details-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.trip-description-section,.trip-expenses-section,.trip-info-section,.trip-participants-section{background-color:var(--background-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.trip-description-section h2,.trip-expenses-section h2,.trip-info-section h2,.trip-participants-section h2{color:var(--text-dark);margin-bottom:var(--spacing-md);margin-top:0}.trip-info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.trip-info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.trip-info-label{color:var(--text-medium);font-size:.875rem}.trip-info-value{color:var(--text-dark);font-size:1.125rem;font-weight:500}.trip-description-section p{color:var(--text-dark);line-height:1.6;margin:0}.participants-table-container{margin-top:var(--spacing-md);overflow-x:auto}.participants-table{border-collapse:collapse;text-align:left;width:100%}.participants-table th{background-color:var(--background-color);border-bottom:2px solid var(--border-color);color:var(--text-dark);font-weight:600;padding:var(--spacing-md)}.participants-table td{border-bottom:1px solid var(--border-color);padding:var(--spacing-md);vertical-align:middle}.participant-row:hover{background-color:var(--background-color)}.participant-name-cell{align-items:center;display:flex;gap:var(--spacing-md)}.participant-avatar{align-items:center;background-color:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:600;height:40px;justify-content:center;width:40px}.participant-name-cell span{color:var(--text-dark);font-weight:500}.participant-balance-cell,.participant-owes-cell,.participant-paid-cell{font-weight:500}.participant-balance-cell.positive{color:var(--success-color)}.participant-balance-cell.negative{color:var(--error-color)}.transactions-dropdown{position:relative}.transactions-toggle{background:none;border:none;border-radius:var(--radius-sm);color:var(--primary-color);cursor:pointer;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s}.transactions-toggle:hover{background-color:var(--background-color)}.transactions-content{background-color:var(--background-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);display:none;margin-top:var(--spacing-xs);padding:var(--spacing-md);position:absolute;right:0;top:100%;width:300px;z-index:10}.transactions-dropdown:hover .transactions-content{display:block}.transactions-section{margin-bottom:var(--spacing-md)}.transactions-section h4{color:var(--text-dark);font-size:.9rem;margin-bottom:var(--spacing-sm);margin-top:0}.transactions-section ul{list-style-type:none;margin:0;padding-left:var(--spacing-md)}.transactions-section li{color:var(--text-medium);font-size:.875rem;line-height:1.4;margin-bottom:var(--spacing-xs)}.no-transactions{color:var(--text-medium);font-style:italic;padding:var(--spacing-md);text-align:center}.expenses-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.expense-card{background-color:var(--background-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);padding:var(--spacing-md)}.expense-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.expense-description{color:var(--text-dark);font-size:1.125rem;margin:0}.expense-actions{align-items:center;display:flex;gap:var(--spacing-md)}.expense-amount{color:var(--text-dark);font-weight:600}.expense-buttons{display:flex;gap:var(--spacing-xs)}.btn-icon{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:background-color .2s}.btn-icon:hover{background-color:var(--background-light)}.btn-edit{color:var(--primary-color)}.btn-delete{color:var(--danger-color)}.expense-details{grid-gap:var(--spacing-sm);color:var(--text-medium);display:grid;font-size:.875rem;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.expense-details span{color:var(--text-dark);font-weight:500}.no-expenses-message{color:var(--text-medium);font-style:italic;padding:var(--spacing-lg);text-align:center}.trip-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.loading-spinner{align-items:center;color:var(--text-medium);display:flex;height:200px;justify-content:center}.error-message{color:var(--error-color);padding:var(--spacing-xl);text-align:center}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.btn-sm{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm)}.add-participant-form{background-color:var(--background-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);padding:var(--spacing-md)}.add-participant-form,.add-participant-form .form-group{margin-bottom:var(--spacing-md)}.add-participant-form label{color:var(--text-dark);display:block;font-weight:500;margin-bottom:var(--spacing-xs)}.add-participant-form input{border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem;padding:var(--spacing-sm);width:100%}.add-participant-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2);outline:none}.add-participant-form .form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.update-expenses-prompt{background-color:var(--background-color);border-left:4px solid var(--primary-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.update-expenses-prompt h3{color:var(--text-dark);margin-bottom:var(--spacing-xs);margin-top:0}.update-expenses-prompt p{color:var(--text-medium);margin-bottom:var(--spacing-md)}.prompt-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.remove-participant-prompt{background-color:var(--background-color);border-left:4px solid var(--danger-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.remove-participant-prompt h3{color:var(--text-dark);margin-bottom:var(--spacing-xs);margin-top:0}.remove-participant-prompt p{color:var(--text-medium);margin-bottom:var(--spacing-sm)}.remove-participant-prompt .warning-text{color:var(--danger-color);font-weight:500}.participant-actions-cell{text-align:center;width:50px}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:var(--danger-dark)}@media (max-width:768px){.trip-details-container{padding:var(--spacing-md)}.trip-details-title{font-size:1.5rem}.trip-status-badge{margin-left:var(--spacing-md);position:static;transform:none}.trip-info-grid{grid-template-columns:1fr}.participants-table td:nth-child(2),.participants-table td:nth-child(3),.participants-table th:nth-child(2),.participants-table th:nth-child(3){display:none}.expense-details{grid-template-columns:1fr 1fr}.trip-actions{flex-direction:column}.trip-actions button{width:100%}.transactions-content{width:250px}}
/*# sourceMappingURL=main.1bb5fdf7.css.map*/