:root{--color-primary:#0d7377;--color-primary-dark:#095e61;--color-primary-light:#14a085;--color-primary-bg:#0d737714;--color-bg:#f5f7f9;--color-surface:#fff;--color-border:#d9dee4;--color-border-light:#eef0f3;--color-text:#2d3748;--color-text-muted:#718096;--color-text-heading:#1a202c;--color-success:#27ae60;--color-success-bg:#eafaf1;--color-danger:#e74c3c;--color-danger-bg:#fdf2f0;--color-warning:#f39c12;--shadow-xs:0 1px 3px #00000012, 0 1px 2px #0000000a;--shadow-sm:0 2px 6px #00000014, 0 1px 3px #0000000d;--shadow-md:0 4px 16px #0000001a, 0 2px 6px #0000000f;--shadow-lg:0 8px 32px #0000001f, 0 4px 12px #00000014;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Code", Consolas, "Courier New", monospace;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.6}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4{font-family:var(--font-sans);color:var(--color-text-heading);font-weight:600;line-height:1.25}h1{font-size:clamp(1.5rem,4vw,2rem)}h2{font-size:clamp(1.2rem,3vw,1.5rem)}h3{font-size:1.1rem;font-weight:600}p{margin:0}a{color:var(--color-primary);text-decoration:none}ul,ol{list-style:none}input,select,textarea,button{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1100px;padding:var(--space-5) var(--space-4);flex:1;margin:0 auto}@media (width>=768px){.container{padding:var(--space-8) var(--space-6)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;font-size:.9rem;font-weight:500;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg);box-shadow:var(--shadow-xs);border-color:#b0bac6}.btn-link{color:var(--color-primary);cursor:pointer;text-underline-offset:2px;transition:opacity var(--transition-fast);background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline;display:inline}.btn-link:hover{opacity:.75}.btn-icon{min-width:44px;min-height:44px;padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.btn-icon:hover{background:var(--color-danger-bg);color:var(--color-danger)}.btn-back{align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-size:.9rem;font-weight:500;display:inline-flex}.btn-back:hover{background:var(--color-primary-bg)}.form-group{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-group label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.875rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select{min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.error-message{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--color-danger-bg);border-radius:var(--radius-sm);color:var(--color-danger);border:1px solid #e74c3c40;font-size:.9rem;font-weight:500;display:flex}.empty-state{padding:var(--space-10) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:.95rem;font-style:italic}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);background:linear-gradient(to right, var(--color-surface) 30%, transparent), linear-gradient(to left, var(--color-surface) 30%, transparent) 100% 0, radial-gradient(farthest-side at 0 50%, #00000012, transparent), radial-gradient(farthest-side at 100% 50%, #00000012, transparent) 100% 0;background-repeat:no-repeat;background-size:48px 100%,48px 100%,16px 100%,16px 100%;background-attachment:local,local,scroll,scroll;width:100%;overflow-x:auto}.app-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);height:60px;box-shadow:var(--shadow-xs);z-index:100;display:flex;position:sticky;top:0}@media (width>=768px){.app-header{padding:0 var(--space-8);height:68px}}.header-left{align-items:center;gap:var(--space-2);min-width:0;display:flex}.header-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.app-title{color:var(--color-primary);letter-spacing:-.02em;white-space:nowrap;cursor:pointer;transition:opacity var(--transition-fast);font-size:1.2rem;font-weight:700}.app-title:hover{opacity:.8}@media (width>=768px){.app-title{font-size:1.4rem}}.user-name{color:var(--color-text-muted);font-size:.875rem;font-weight:500;display:none}@media (width>=480px){.user-name{display:block}}.login-container{min-height:100svh;padding:var(--space-5) var(--space-4);background:linear-gradient(135deg,#e8f5f5 0%,#f0f4f8 60%,#e8edf5 100%);justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:420px;padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.login-card h1{color:var(--color-primary);letter-spacing:-.04em;margin-bottom:var(--space-1);text-align:center;font-size:1.8rem;font-weight:800}.login-card h2{color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-6);font-size:1rem;font-weight:500}.login-card .btn-primary{width:100%;margin-top:var(--space-2);font-size:1rem}.toggle-auth{margin-top:var(--space-5);text-align:center;color:var(--color-text-muted);font-size:.9rem}.dashboard-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.dashboard-header h2{margin:0}.create-form{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-5) var(--space-5);margin-bottom:var(--space-6);box-shadow:var(--shadow-xs)}.create-form .btn-primary{margin-top:var(--space-2)}.occasion-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=480px){.occasion-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.occasion-grid{grid-template-columns:repeat(3,1fr)}}.occasion-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-5);cursor:pointer;transition:box-shadow var(--transition-base), transform var(--transition-base), border-color var(--transition-base);box-shadow:var(--shadow-xs);gap:var(--space-2);flex-direction:column;display:flex}.occasion-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.occasion-card:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.occasion-card h3{color:var(--color-text-heading);margin:0;font-size:1rem;font-weight:600}.occasion-desc{color:var(--color-text-muted);flex:1;font-size:.875rem;line-height:1.4}.occasion-meta{align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light);color:var(--color-text-muted);margin-top:auto;font-size:.8rem;font-weight:500;display:flex}.occasion-detail>h2{margin-bottom:var(--space-1)}.occasion-detail>.occasion-desc{margin-bottom:var(--space-5);color:var(--color-text-muted);font-size:.95rem}.tabs{border-bottom:2px solid var(--color-border-light);margin-bottom:var(--space-6);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{min-height:44px;padding:var(--space-2) var(--space-4);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-2px;font-size:.9rem;font-weight:500}.tab:hover{color:var(--color-primary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-content{gap:var(--space-4);flex-direction:column;display:flex}.expense-table{border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-xs);font-size:.9rem;overflow:hidden}.expense-table th,.expense-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-light)}.expense-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-bg);white-space:nowrap;font-size:.8rem;font-weight:600}.expense-table tbody tr{transition:background var(--transition-fast)}.expense-table tbody tr:last-child td{border-bottom:none}.expense-table tbody tr:hover{background:var(--color-primary-bg)}.expense-table td:last-child{padding-right:var(--space-2);text-align:right}.amount{font-family:var(--font-mono);white-space:nowrap;font-size:.875rem;font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:500;animation:overlayIn var(--transition-base) ease;background:#0f141e8c;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:92svh;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-slow) cubic-bezier(.25, .8, .25, 1);flex-direction:column;display:flex;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.modal-overlay{padding:var(--space-5);align-items:center}.modal{border-radius:var(--radius-lg);width:auto;min-width:600px;max-width:90vw;max-height:85vh;animation:modalIn var(--transition-slow) cubic-bezier(.25, .8, .25, 1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}}.modal-header{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-header h2{margin:0;font-size:1.1rem}.modal .table-responsive{padding:var(--space-4) var(--space-5);border-radius:0;flex:1;overflow:auto}.modal .error-message{margin:0 var(--space-5) var(--space-2);flex-shrink:0}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light);background:var(--color-surface);flex-shrink:0;display:flex}.participant-checks{gap:var(--space-1) var(--space-3);padding-top:var(--space-1);flex-wrap:wrap;display:flex}.check-label{align-items:center;gap:var(--space-1);color:var(--color-text);cursor:pointer;white-space:nowrap;min-height:28px;font-size:.85rem;display:inline-flex}.check-label input[type=checkbox]{min-height:unset;width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;border-radius:3px}.members-panel{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-xs)}.members-panel h3{margin-bottom:var(--space-4);color:var(--color-text-heading)}.add-member-form{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.add-member-form input[type=email]{flex:1;min-width:200px}.add-member-form .btn{flex-shrink:0}.member-list{gap:var(--space-2);flex-direction:column;display:flex}.member-item{padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:var(--space-3);transition:border-color var(--transition-fast);font-size:.9rem;display:flex}.member-item:hover{border-color:var(--color-border)}.member-item span{word-break:break-word;min-width:0}.summary-panel{gap:var(--space-6);flex-direction:column;display:flex}.summary-total{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);border-radius:var(--radius-md);color:#fff;flex-wrap:wrap;display:flex}.summary-total h3{color:#ffffffe6;margin:0;font-size:1rem;font-weight:500}.total-amount{font-family:var(--font-mono);color:#fff;letter-spacing:-.02em;font-size:1.8rem;font-weight:700}.summary-section{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-xs)}.summary-section h3{margin-bottom:var(--space-4)}.summary-table{border-collapse:collapse;width:100%;min-width:400px;font-size:.9rem}.summary-table th,.summary-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-light)}.summary-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-bg);white-space:nowrap;font-size:.8rem;font-weight:600}.summary-table tbody tr:last-child td{border-bottom:none}.summary-table tbody tr:hover{background:var(--color-primary-bg)}.summary-table .amount{text-align:right}.positive{color:var(--color-success);font-weight:600}.negative{color:var(--color-danger);font-weight:600}.settlement-subtitle{color:var(--color-text-muted);margin-bottom:var(--space-4);font-size:.875rem}.settlement-list{gap:var(--space-2);flex-direction:column;display:flex}.settlement-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-wrap:wrap;font-size:.9rem;display:flex}.settlement-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xs)}.settlement-from{color:var(--color-text-heading);font-weight:600}.settlement-arrow{color:var(--color-primary);flex-shrink:0;font-size:1.1rem}.settlement-to{color:var(--color-text-heading);font-weight:600}.settlement-amount{font-family:var(--font-mono);color:var(--color-primary);white-space:nowrap;margin-left:auto;font-size:.95rem;font-weight:700}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#b0bac6}.expense-card-entry{background:var(--surface,#fff);border:1px solid var(--border,#e0e0e0);border-radius:var(--radius,8px);margin-bottom:1rem;padding:1rem}.expense-card-header{border-bottom:1px solid var(--border,#e0e0e0);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.expense-card-number{color:var(--primary,#2a9d8f);font-weight:600}.expense-card-entry .form-group{margin-bottom:.75rem}.invite-container{background:linear-gradient(135deg, var(--primary,#2a9d8f) 0%, #1a6b5a 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.invite-card{background:var(--surface,#fff);text-align:center;border-radius:16px;width:100%;max-width:480px;padding:2.5rem;box-shadow:0 8px 32px #0003}.invite-text{margin:1.5rem 0;font-size:1.1rem;line-height:1.6}.invite-actions{flex-direction:column;gap:.75rem;display:flex}.invite-actions .btn{text-align:center;text-decoration:none}.invite-notice{color:var(--primary,#2a9d8f);margin-bottom:1rem;font-weight:500}.invite-link-box{background:var(--surface,#fff);border:1px solid var(--primary,#2a9d8f);border-radius:var(--radius,8px);margin:1rem 0;padding:1rem}.invite-link-box p{margin:0 0 .5rem;font-weight:500}.invite-link-row{gap:.5rem;display:flex}.invite-link-input{border:1px solid var(--border,#e0e0e0);border-radius:var(--radius,8px);flex:1;padding:.5rem;font-size:.85rem}.invitation-item span{opacity:.7;font-style:italic}.invitations-section{border-top:1px solid var(--border,#e0e0e0);margin-top:1.5rem;padding-top:1rem}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.app-header,.btn,.btn-icon,.modal-overlay{display:none!important}body{color:#000;background:#fff}.container{max-width:100%;padding:0}}.autocomplete-wrapper{flex:1;position:relative}.autocomplete-wrapper input{width:100%}.autocomplete-dropdown{background:var(--surface,#fff);border:1px solid var(--border,#e0e0e0);border-radius:0 0 var(--radius,8px) var(--radius,8px);z-index:100;border-top:none;max-height:200px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.autocomplete-item{cursor:pointer;flex-direction:column;gap:.15rem;padding:.75rem 1rem;transition:background .15s;display:flex}.autocomplete-item:hover{background:var(--primary-light,#2a9d8f1a)}.autocomplete-name{font-size:.95rem;font-weight:600}.autocomplete-email{opacity:.6;font-size:.8rem}.expense-list-mobile{display:none}@media (width<=768px){.expense-list-desktop{display:none}.expense-list-mobile{display:block}}.expense-row{cursor:pointer;transition:background .15s}.expense-row:hover{background:var(--primary-light,#2a9d8f14)}.editing-row{background:var(--primary-light,#2a9d8f0d)}.editing-row td{padding:.25rem}.editing-row input,.editing-row select{width:100%;min-width:80px}.new-expense-row{border-top:2px dashed var(--border,#e0e0e0)}.new-expense-row td{padding:.25rem}.new-expense-row input,.new-expense-row select{width:100%;min-width:80px}.edit-actions{gap:.25rem;display:flex}.btn-sm{min-height:32px;padding:.3rem .6rem;font-size:.85rem}.expense-card-display{background:var(--surface,#fff);border:1px solid var(--border,#e0e0e0);border-radius:var(--radius,8px);cursor:pointer;margin-bottom:.75rem;padding:1rem;transition:box-shadow .15s}.expense-card-display:hover{box-shadow:0 2px 8px #0000001a}.expense-card-top{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.expense-card-date{opacity:.6;font-size:.8rem}.expense-card-desc{margin-bottom:.5rem;font-weight:600}.expense-card-bottom{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.expense-card-amount{color:var(--primary,#2a9d8f);font-size:1.1rem;font-weight:700}.expense-card-payer{opacity:.7;font-size:.85rem}.expense-card-participants{opacity:.6;font-size:.8rem}.expense-card-actions{gap:.5rem;margin-top:.75rem;display:flex}.expense-card-entry.editing{border-color:var(--primary,#2a9d8f)}.new-card{border-style:dashed}.new-card .expense-card-header{border-bottom:none;margin-bottom:.5rem}