:root{--color-primary:#6534ff;--color-accent:#ff3738;--color-success:#17cc4a;--color-warning:#ff9226;--color-dark-bg:#000034;--color-light-bg:#f1ecf4;--primary:var(--color-primary);--primary-light:#8b68ff;--primary-dark:#000034;--secondary:#f1ecf4;--success:var(--color-success);--danger:var(--color-accent);--warning:var(--color-warning);--background:#f1ecf4;--surface:#fff;--surface-raised:#faf8fc;--surface-overlay:#ffffffd9;--text-main:#12003e;--text-secondary:#3d2b6b;--text-muted:#7c6e99;--text-on-primary:#fff;--border:#ddd5eb;--border-focus:var(--color-primary);--shadow-sm:0 1px 3px 0 #6534ff14, 0 1px 2px -1px #6534ff0f;--shadow-md:0 4px 12px -2px #6534ff1f, 0 2px 4px -2px #6534ff14;--shadow-lg:0 10px 24px -4px #6534ff2e, 0 4px 8px -4px #6534ff1a;--shadow-primary:0 8px 20px -4px #6534ff73;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--header-bg:var(--background);--card-bg:var(--surface);--card-border:#6534ff14;--input-bg:var(--surface);--modal-bg:var(--surface);--modal-header-bg:var(--surface);--tab-active-color:var(--primary);--tab-border:#0000000f;--avatar-bg:#e8e0f7;--avatar-text:var(--text-secondary);--swipe-edit-bg:var(--color-primary);--swipe-del-bg:var(--color-accent);--event-card-bg:var(--surface);--fab-bg:var(--primary);--fab-shadow:var(--shadow-primary);--settlement-card-bg:var(--surface);--empty-icon-color:var(--color-primary);--back-btn-hover:#6534ff14;--google-btn-bg:var(--surface);--btn-outline-hover:#6534ff12}body.dark-theme{--background:#000034;--surface:#0a0a5a;--surface-raised:#14145e;--surface-overlay:#0a0a5ae0;--text-main:#f0ecff;--text-secondary:#c4b8f0;--text-muted:#8a7fc0;--text-on-primary:#fff;--border:#ffffff1f;--border-focus:var(--color-primary);--shadow-sm:0 1px 3px 0 #0006;--shadow-md:0 4px 12px -2px #00000080;--shadow-lg:0 10px 24px -4px #0009, 0 4px 8px -4px #0006;--shadow-primary:0 8px 20px -4px #6534ff8c;--header-bg:#000034;--card-bg:#0a0a5a;--card-border:#ffffff14;--input-bg:#0d0d50;--modal-bg:#0a0a5a;--modal-header-bg:#0a0a5a;--tab-active-color:var(--color-primary);--tab-border:#ffffff14;--avatar-bg:#1e1e80;--avatar-text:var(--color-primary);--swipe-edit-bg:#6534ff;--swipe-del-bg:#cc2022;--event-card-bg:#0a0a5a;--event-card-text:#f0ecff;--fab-bg:var(--color-primary);--fab-shadow:var(--shadow-primary);--settlement-card-bg:#0a0a5a;--empty-icon-color:var(--color-primary);--back-btn-hover:#ffffff14;--google-btn-bg:#0d0d50;--btn-outline-hover:#ffffff12}*,:before,:after{box-sizing:border-box;margin:0;padding:0;transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s}.list-item,.fade-enter-active{transition:opacity .3s,transform .3s}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif}.app-container{background-color:var(--background);max-width:480px;min-height:100vh;box-shadow:var(--shadow-md);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.btn{cursor:pointer;border:none;justify-content:center;align-items:center;font-family:inherit;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #8b5cf6 100%);color:var(--text-on-primary);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-primary);padding:14px 24px;font-size:16px;font-weight:600}.btn-primary:hover{filter:brightness(1.1);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-icon-soft{color:var(--primary);background-color:#6534ff1f;border-radius:8px;padding:8px}.btn-icon-soft:hover{background-color:#6534ff38}.btn-icon-danger{color:var(--danger);background-color:#ff37381f;border-radius:8px;padding:8px}.btn-icon-danger:hover{background-color:#ff373838}.fab{background:linear-gradient(135deg, var(--primary) 0%, #8b5cf6 100%);color:#fff;width:64px;height:64px;box-shadow:var(--fab-shadow);z-index:50;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s!important}@media (width>=480px){.fab{margin-left:0;left:calc(50% + 184px);transform:translate(-50%)}}.fab:hover{filter:brightness(1.12);transform:translate(-50%)scale(1.08)}.fab:active{transform:translate(-50%)scale(.95)}.card{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--card-border);margin-bottom:12px;padding:16px}input,select{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--input-bg);width:100%;color:var(--text-main);outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}input::placeholder{color:var(--text-muted)}input:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6534ff2e}select option{background-color:var(--input-bg);color:var(--text-main)}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#00001e8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--modal-bg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);border:1px solid var(--card-border);border-bottom:none;border-radius:28px 28px 0 0;max-height:90vh;margin:0;padding:24px;animation:.3s ease-out slideUp;overflow-y:auto}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.fade-enter{opacity:0;transform:translateY(10px)}.fade-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.settings-modal-content{background-color:var(--modal-bg);padding:24px}.card-settings{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.settings-section-title{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:12px;padding-bottom:12px;display:flex}.settings-section-title h3{color:var(--text-main);margin:0;font-size:16px;font-weight:600}.btn-settings-outline{color:var(--text-main);transition:all .2s!important}.btn-settings-outline:hover{transform:translateY(-1px);background-color:var(--btn-outline-hover)!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-header{background-color:var(--header-bg);padding:24px 24px 16px}.header-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.back-button,.settings-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:-8px;padding:8px;display:flex;transition:color .2s,background .2s!important}.back-button:hover,.settings-button:hover{background:var(--back-btn-hover);color:var(--text-main)}.header-title{color:var(--text-main);font-size:18px;font-weight:600}.tabs-container{border-bottom:1px solid var(--tab-border);background-color:var(--header-bg);gap:24px;margin-bottom:24px;padding:0 24px;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:12px 0;font-size:14px;font-weight:500;position:relative;transition:color .2s!important}.tab.active{color:var(--tab-active-color);font-weight:600}.tab.active:after{content:"";background:linear-gradient(90deg, var(--primary), #8b5cf6);border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:-1px;left:0;right:0}.content-area{flex:1;padding:0 24px 100px;overflow-y:auto}.list-item{opacity:0;animation:.3s forwards slideUpList}@keyframes slideUpList{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.expense-card{background:var(--card-bg);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--card-border);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px;display:flex}.settlement-card{border-radius:var(--radius-md);background-color:var(--settlement-card-bg);box-shadow:var(--shadow-sm);border:1px solid var(--card-border);align-items:center;padding:16px;display:flex}.avatar-initials{background-color:var(--avatar-bg);width:40px;height:40px;color:var(--avatar-text);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.events-screen{background-color:var(--background);flex-direction:column;height:100vh;display:flex}.event-card{background:var(--event-card-bg);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--card-border);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-bottom:12px;padding:20px;display:flex;transition:box-shadow .2s,transform .2s!important}.event-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.event-card-title{color:var(--text-main);margin:0;font-size:18px;font-weight:600}.event-card-date{color:var(--text-muted);margin:4px 0 0;font-size:13px}.login-screen{text-align:center;background-color:var(--background);justify-content:center;align-items:center;padding:24px}.login-divider{border-top:1px solid var(--border);width:100%;max-width:320px;margin-bottom:32px;position:relative}.login-divider span{background:var(--background);color:var(--text-muted);padding:0 12px;font-size:12px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.google-btn{background:var(--google-btn-bg);width:100%;max-width:320px;color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;justify-content:center;gap:12px;padding:14px;font-family:inherit;font-size:15px;font-weight:600;display:flex;transition:all .2s!important}.google-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.empty-state{text-align:center;padding:40px 20px}.empty-state p{color:var(--text-muted)}.empty-state h3{color:var(--text-main)}.create-event-form{background:var(--card-bg);box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:40px;padding:8px;display:flex}.create-event-input{flex:1;padding:0 16px;font-size:15px;color:var(--text-main)!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.create-event-input::placeholder{color:var(--text-muted)!important}