*{margin:0;padding:0;box-sizing:border-box}html.no-transitions,html.no-transitions *,html.no-transitions *:before,html.no-transitions *:after{transition:none!important;animation-duration:0s!important}::view-transition-old(root){z-index:999;animation:none}::view-transition-new(root){animation:none}:root{--bg-primary:#0F0F23;--bg-secondary:#1A1A2E;--bg-hover:#252541;--bg-expanded:#16162E;--bg-input:#0F0F23;--bg-input-focus:#16162E;--border:#2D2D44;--text-primary:#E4E4E7;--text-secondary:#A1A1AA;--text-muted:#71717A;--accent:#8B5CF6;--accent-hover:#7c3aed;--accent-light:#A78BFA;--green:#10B981;--green-bg:rgba(16,185,129,.15);--red:#EF4444;--red-bg:rgba(239,68,68,.15);--accent-bg:rgba(139,92,246,.1);--accent-border:rgba(139,92,246,.2);--shadow:0 4px 24px rgba(0,0,0,.4);--modal-overlay:rgba(0,0,0,.6);--fs-xs:12px;--fs-sm:14px;--fs-base:16px;--fs-lg:20px;--fs-xl:28px;--fs-2xl:36px}[data-theme=light]{--bg-primary:#F8F7FC;--bg-secondary:#FFFFFF;--bg-hover:#EEEDF5;--bg-expanded:#F4F3FA;--bg-input:#F4F3FA;--bg-input-focus:#EEEDF5;--border:#DAD7E8;--text-primary:#21203A;--text-secondary:#555374;--text-muted:#8785A2;--green:#059669;--green-bg:rgba(5,150,105,.12);--red:#DC2626;--red-bg:rgba(220,38,38,.12);--accent-bg:rgba(139,92,246,.08);--accent-border:rgba(139,92,246,.15);--shadow:0 4px 24px rgba(87,83,116,.1);--modal-overlay:rgba(33,32,58,.3)}body{font-family:"Exo 2",system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;transition:background .3s,color .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-container{display:flex;min-height:100vh}.sidebar{width:256px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;transition:background .3s,border-color .3s,transform .3s;z-index:300}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--border)}.logo-container{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent),var(--accent-light));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-lg);font-weight:700;color:#fff}.logo-text h2{font-size:var(--fs-lg);font-weight:700;color:var(--text-primary)}.sidebar-nav{padding:20px 12px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px;border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:all .2s;cursor:pointer}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent);color:#fff}.nav-icon{font-size:var(--fs-lg)}.nav-text{font-size:var(--fs-base);font-weight:500}.sidebar-footer{padding:20px;border-top:1px solid var(--border)}.user-profile{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s;text-decoration:none;color:inherit}.user-profile:hover{background:var(--bg-hover)}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),var(--accent-light));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:600;color:#fff}.user-info h4{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info p{font-size:var(--fs-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info{min-width:0;flex:1}.theme-toggle-btn{position:fixed;top:16px;right:16px;z-index:200;width:48px;height:48px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 2px 12px #00000026}.theme-toggle-btn:hover{border-color:var(--accent);box-shadow:0 2px 20px #8b5cf640;transform:scale(1.05)}.theme-toggle-btn svg{transition:transform .4s}.theme-toggle-btn:hover svg{transform:rotate(20deg)}.moon-gray{fill:#a1a1aa;transition:fill .3s}.moon-purple{fill:#8b5cf6;transition:fill .3s}[data-theme=light] .moon-gray{fill:#fdb813}[data-theme=light] .moon-purple{fill:#f59e0b}.main-content{margin-left:256px;flex:1;padding:32px}.page-header{margin-bottom:32px}.page-header h1{font-size:var(--fs-2xl);font-weight:700;color:var(--text-primary);margin-bottom:8px;word-break:break-word}.page-header p{font-size:var(--fs-base);color:var(--text-secondary)}.page-header-flex{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:var(--bg-secondary);border-radius:12px;padding:24px;border:1px solid var(--border);transition:background .3s,border-color .3s}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-title{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:500}.stat-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-lg)}.stat-icon.green{background:var(--green-bg);color:var(--green)}.stat-icon.red{background:var(--red-bg);color:var(--red)}.stat-value{font-size:var(--fs-2xl);font-weight:700;margin-bottom:4px}.stat-value.green{color:var(--green)}.stat-value.red{color:var(--red)}.stat-subtitle{font-size:var(--fs-sm);color:var(--text-muted)}.section-title{font-size:var(--fs-lg);font-weight:600;color:var(--text-primary);margin-bottom:20px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:var(--fs-base);font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-submit{width:100%;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:var(--fs-base);font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.btn-submit:hover{background:var(--accent-hover)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.loading{text-align:center;padding:60px;color:var(--text-muted);font-size:var(--fs-base)}.loading:after{content:"";display:block;width:32px;height:32px;margin:16px auto;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);z-index:500;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.open{display:flex}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:32px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #0006;animation:modalIn .25s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:12px}.modal-header h2{font-size:var(--fs-xl);font-weight:700;color:var(--text-primary);word-break:break-word;min-width:0;flex:1}.modal-close{width:36px;height:36px;background:var(--bg-hover);border:none;border-radius:8px;color:var(--text-secondary);font-size:var(--fs-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.modal-close:hover{background:var(--red);color:#fff}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:var(--fs-sm);font-weight:500;color:var(--text-primary);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:var(--bg-input);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:var(--fs-base);font-family:inherit;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);background:var(--bg-input-focus)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:80px}.form-group select option{background:var(--bg-secondary);color:var(--text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-hint{font-size:var(--fs-xs);color:var(--text-muted);margin-top:4px}.form-error{color:var(--red);font-size:var(--fs-sm);margin-top:4px}.events-list{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);overflow:hidden}.event-item{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;transition:background .2s;cursor:pointer;text-decoration:none;color:inherit}.event-item:last-child{border-bottom:none}.event-item:hover{background:var(--bg-hover)}.event-info h4{font-size:var(--fs-base);font-weight:600;color:var(--text-primary);margin-bottom:4px}.event-info p{font-size:var(--fs-sm);color:var(--text-muted)}.event-amount{text-align:right}.event-amount .amount{font-size:var(--fs-lg);font-weight:600;margin-bottom:4px}.event-amount .date{font-size:var(--fs-xs);color:var(--text-muted)}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.event-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .2s;cursor:pointer;text-decoration:none;color:inherit;display:block;max-width:480px}.event-card:hover{border-color:var(--accent);transform:translateY(-2px)}.event-header{margin-bottom:16px}.event-header h3{font-size:var(--fs-lg);font-weight:600;color:var(--text-primary);margin-bottom:8px}.event-meta{display:flex;gap:16px;font-size:var(--fs-sm);color:var(--text-muted)}.meta-item{display:flex;align-items:center;gap:6px}.event-balance{margin:20px 0;padding:16px;background:var(--accent-bg);border-radius:8px;border:1px solid var(--accent-border)}.balance-label{font-size:var(--fs-xs);color:var(--text-secondary);margin-bottom:4px}.balance-amount{font-size:var(--fs-xl);font-weight:700}.balance-amount.positive{color:var(--green)}.balance-amount.negative{color:var(--red)}.event-participants{display:flex;align-items:center;gap:8px;margin-top:16px}.participant-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-light));display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:600;color:#fff;border:2px solid var(--bg-secondary)}.participant-avatar:not(:first-child){margin-left:-12px}.more-participants{margin-left:8px;font-size:var(--fs-sm);color:var(--text-secondary)}.toast{padding:14px 24px;background:var(--green);color:#fff;border-radius:10px;font-size:var(--fs-sm);font-weight:500;animation:toastIn .3s ease-out;box-shadow:0 8px 24px #0003;transition:opacity .3s,transform .3s}.toast.error{background:var(--red)}.toast.notification-toast{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--accent-border);box-shadow:0 8px 32px #8b5cf633;display:flex;align-items:center;max-width:380px}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.sidebar{display:none!important}.main-content{margin-left:0;padding:72px 16px 80px}.stats-grid,.events-grid{grid-template-columns:1fr}.page-header h1{font-size:var(--fs-xl)}.form-row{grid-template-columns:1fr}.page-header-flex{padding-right:0}.page-header-flex{flex-direction:column;gap:12px}.modal{padding:24px 20px;width:95%}.modal-header h2{font-size:var(--fs-lg)}}@media (max-width:480px){.main-content{padding:64px 12px 76px}.page-header h1{font-size:var(--fs-lg)}.page-header p{font-size:var(--fs-sm)}.modal{padding:20px 16px}}@keyframes cascadeIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.cascade-item{opacity:0;animation:cascadeIn .45s ease-out forwards}.event-card,.debt-card,.info-card,.stat-card{transition:all .25s cubic-bezier(.4,0,.2,1)}.event-card:hover,.debt-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf61a}.stat-card:hover,.info-card:hover{box-shadow:0 4px 20px #8b5cf61a}.expand-section{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.expand-section.open{grid-template-rows:1fr}.expand-section>div{overflow:hidden}.password-wrapper{position:relative}.password-wrapper input{width:100%;padding-right:44px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .2s}.password-toggle:hover{color:var(--accent)}.password-toggle svg{width:20px;height:20px}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .25s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}.content-slide-enter-active{transition:opacity .25s ease,transform .25s ease}.content-slide-leave-active{transition:opacity .15s ease}.content-slide-enter-from{opacity:0;transform:translateY(10px)}.content-slide-leave-to{opacity:0}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){z-index:1}::view-transition-old(root){z-index:9999}.no-transitions,.no-transitions *,.no-transitions *:before,.no-transitions *:after{transition-duration:0s!important;transition-delay:0s!important}