@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-color-1: #0A0A1F;--bg-color-2: #1A0B2E;--bg-color-3: #0B192C;--primary: #3390EC;--primary-glow: rgba(51, 144, 236, .4);--secondary: #A072FF;--green: #32D74B;--red: #FF453A;--yellow: #FFD600;--text-primary: #FFFFFF;--text-secondary: #EBEBF5;--text-hint: #8E8E93;--surface: #1C1C1E;--border: #38383A;--glass-bg: rgba(255, 255, 255, .05);--glass-border: 1px solid rgba(255, 255, 255, .15);--glass-btn-bg: linear-gradient(135deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .05));--glass-btn-border: 1px solid rgba(255, 255, 255, .1);--glass-btn-border-top: 1px solid rgba(255, 255, 255, .4);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 32px;--radius-full: 999px;--font: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--appbar-h: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;background-color:var(--bg-color-1);color:var(--text-primary);font-family:var(--font);overflow-x:hidden;overscroll-behavior-x:none;-webkit-user-select:none;user-select:none}body{-webkit-font-smoothing:antialiased;line-height:1.4}input,button,select,textarea{font-family:inherit;font-size:inherit}.app{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;background:var(--bg-color-1);position:relative;overflow:hidden}.app:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,var(--bg-color-2) 0%,transparent 40%),radial-gradient(circle at 80% 20%,var(--bg-color-3) 0%,transparent 40%),radial-gradient(circle at 20% 80%,var(--primary) 0%,transparent 40%);opacity:.6;filter:blur(60px);z-index:0;animation:liquidBg 25s infinite alternate cubic-bezier(.4,0,.2,1);will-change:transform}.app.has-overlay:before{animation-play-state:paused}@keyframes liquidBg{0%{transform:scale(1) translate(0) rotate(0)}50%{transform:scale(1.08) translate(4%,-4%) rotate(4deg)}to{transform:scale(1.15) translate(-4%,4%) rotate(-4deg)}}.page{flex:1;overflow-y:auto;padding:12px 16px 100px;position:relative;z-index:1;scrollbar-width:none;display:flex;flex-direction:column;gap:12px}.page::-webkit-scrollbar{display:none}.c-green{color:var(--green)}.c-red{color:var(--red)}.c-primary{color:var(--primary)}.appbar{height:var(--appbar-h);padding:0 20px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:100;background:#0b0e14b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.appbar__title{flex:1;font-size:20px;font-weight:700;letter-spacing:-.4px;background:linear-gradient(to right,#fff,#a0aec0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar__back{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:#ffffff0d;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.appbar__actions{display:flex;align-items:center;gap:8px}.card{background:var(--surface);border-radius:18px;border:1px solid var(--border);padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:100%}.card--clickable:active{transform:scale(.97);background:#ffffff14}.card:after{display:none}.card-list{display:flex;flex-direction:column;gap:4px}.list-group{display:flex;flex-direction:column;gap:12px;width:100%}.list-group-header{padding:12px 16px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-hint);letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.04);background:#0003}.brigade-card{display:flex;flex-direction:column;gap:12px}.brigade-card__header{display:flex;justify-content:space-between;align-items:flex-start}.brigade-card__name{font-size:16px;font-weight:700;color:#fff}.brigade-card__balance{font-size:18px;font-weight:800;letter-spacing:-.5px}.brigade-card__footer{display:flex;align-items:center;gap:8px;font-size:13px}.summary-card{padding:24px;border-radius:28px;background:linear-gradient(135deg,#232328d9,#19191ebf);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);border:1px solid rgba(255,255,255,.12)!important;position:relative;box-shadow:0 20px 40px #0006,inset 0 0 0 1px #ffffff0d;width:100%;min-height:140px;transition:all .3s cubic-bezier(.4,0,.2,1)}.summary-card:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent);pointer-events:none}.summary-card:before{content:"";position:absolute;top:-50%;right:-20%;width:120px;height:120px;background:var(--primary);filter:blur(80px);opacity:.15}.summary-card__amount{font-size:32px;font-weight:800;letter-spacing:-.5px;margin:2px 0;color:#fff}.tabs{display:flex;background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:14px;padding:4px;gap:4px;border:1px solid rgba(255,255,255,.08);width:100%}.tab{flex:1;padding:10px;border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--text-hint);transition:all .25s;background:transparent;border:none}.tab.active{background:var(--glass-btn-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:var(--glass-btn-border);border-top:var(--glass-btn-border-top);box-shadow:0 4px 12px #00000026;color:#fff}.fab{position:fixed;bottom:32px;right:24px;width:64px;height:64px;border-radius:22px;background:var(--glass-btn-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:var(--glass-btn-border);border-top:var(--glass-btn-border-top);box-shadow:0 8px 32px var(--primary-glow);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;z-index:50;transition:all .3s}.fab:active{transform:scale(.9) rotate(-10deg)}.fab svg{width:24px;height:24px}.btn{padding:12px 20px;border-radius:14px;font-weight:700;font-size:14px;transition:all .2s;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.btn--primary{background:var(--glass-btn-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:var(--glass-btn-border);border-top:var(--glass-btn-border-top);box-shadow:0 8px 32px var(--primary-glow);color:#fff;font-weight:600}.btn--outline{background:#ffffff08;border:1px solid var(--border);color:#fff}.btn--full{width:100%}.btn--telegram{background:linear-gradient(135deg,#4ade80,#22c55e)!important;color:#fff!important;border-radius:16px!important;padding:16px 24px!important;font-size:18px!important;font-weight:700!important;box-shadow:0 10px 25px #22c55e66!important;border:1px solid rgba(255,255,255,.2)!important;text-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn--telegram:active{transform:scale(.96) translateY(2px);box-shadow:0 4px 12px #22c55e4d!important}.btn--telegram-emoji{font-size:24px;margin-right:12px}.icon-btn{width:36px;height:36px;border-radius:10px;background:transparent;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.icon-btn:active{background:#ffffff1a;transform:scale(.9)}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;-webkit-transform:translateZ(0);transform:translateZ(0);isolation:isolate;animation:overlayFadeIn .25s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.menu-wrapper{position:relative;display:flex;align-items:center}.menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#141923a6;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:var(--glass-border);border-radius:16px;padding:8px;min-width:180px;box-shadow:0 10px 40px #00000080;z-index:200;display:flex;flex-direction:column;gap:2px;animation:slideDown .2s cubic-bezier(.16,1,.3,1)}.menu-item{width:100%;text-align:left;padding:12px 16px;border-radius:10px;background:transparent;border:none;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px}.menu-item:hover,.menu-item:active{background:#ffffff1a}.sheet{background:#161a26eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:var(--glass-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -20px 50px #0009;width:100%;max-height:90vh;overflow-y:auto;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);will-change:transform;scrollbar-width:none;animation:sheetSlideUp .3s cubic-bezier(.16,1,.3,1)}.sheet::-webkit-scrollbar{display:none}@keyframes sheetSlideUp{0%{transform:translate3d(0,30%,0);opacity:.8}to{transform:translateZ(0);opacity:1}}.sheet__handle{background:#ffffff26;height:5px;width:40px;border-radius:4px;margin:12px auto}.sheet__header{font-size:18px;font-weight:700;text-align:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.sheet__body{padding:24px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-hint);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-input,.form-select,.form-textarea{width:100%!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;border-radius:var(--radius-md)!important;font-weight:500;padding:14px 16px!important;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:all .2s;box-sizing:border-box}.form-textarea{resize:vertical}.form-select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23A0AEC0%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E)!important;background-repeat:no-repeat!important;background-position:right 16px center!important;padding-right:40px!important}::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.8}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 4px var(--primary-glow)!important;outline:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.page{animation:fadeIn .4s ease-out}.quick-link{background:#ffffff08;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.quick-link.income{border-bottom:3px solid var(--green)}.quick-link.expense{border-bottom:3px solid var(--red)}.tx-item{background:var(--surface);border-radius:16px;border:1px solid var(--border);padding:14px 16px;display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px;width:100%;transition:background .2s;position:relative;z-index:2}.tx-body{flex:1;min-width:0}.tx-right{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px;flex-shrink:0}.tx-icon{width:40px;height:40px;border-radius:12px;font-size:18px;display:flex;align-items:center;justify-content:center;background:#ffffff08;flex-shrink:0}.tx-icon--income{background:#32d74b1a;color:var(--green)}.tx-icon--common{background:#3390ec1a;color:var(--primary)}.tx-icon--personal{background:#a072ff1a;color:var(--secondary)}.tx-icon--settlement{background:#ffd6001a;color:var(--yellow)}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--secondary),var(--primary));box-shadow:0 4px 12px var(--secondary-glow);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;flex-shrink:0}.avatar-pile{display:flex;align-items:center;flex-direction:row-reverse}.avatar-pile__item{width:24px;height:24px;border-radius:50%;border:2px solid var(--surface);margin-left:-8px;background:#444;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;overflow:hidden}.avatar-pile__more{width:24px;height:24px;border-radius:50%;border:2px solid var(--surface);margin-left:-8px;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#fff;z-index:10}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0}.stat-card{background:var(--surface);border-radius:18px;padding:16px;border:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.stat-card__label{font-size:11px;font-weight:600;color:var(--text-hint);text-transform:uppercase;letter-spacing:.5px}.stat-card__value{font-size:24px;font-weight:800}.fab-expanded{position:fixed;bottom:32px;right:16px;left:auto;padding:0 24px;height:56px;border-radius:28px;background:var(--primary);box-shadow:0 12px 32px var(--primary-glow);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:16px;border:none;z-index:100;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.fab-expanded:active{transform:scale(.95) translateY(2px)}.member-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px;padding:14px 16px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:var(--glass-border);transition:background .2s;width:100%}.member-row--clickable:active{background:#ffffff0f}.member-row__info{flex:1;min-width:0}.member-row__name{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-row__balance{font-weight:700;font-size:16px;white-space:nowrap;flex-shrink:0;text-align:right}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;z-index:10000;pointer-events:none;width:90%;max-width:400px;align-items:center}.toast{background:#131720f2!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;border-radius:var(--radius-md)!important;padding:12px 20px!important;text-align:center;box-shadow:0 10px 40px #00000080;animation:toastSlideDown .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.toast--success{border-bottom:3px solid var(--green)!important}.toast--error{border-bottom:3px solid var(--red)!important}.glass{background:#ffffff0f!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:var(--glass-border)!important;box-shadow:0 8px 32px #0003!important}.swipeable-wrapper{position:relative;width:100%;margin-bottom:0;overflow:hidden;border-radius:18px}.swipeable-background{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;align-items:stretch;padding:4px 6px;z-index:1;background:transparent}.swipeable-actions-container{display:flex;height:100%;align-items:center}.swipe-action-button{display:flex;align-items:center;justify-content:center;height:100%;border-radius:14px;cursor:pointer;transition:opacity .2s ease;color:#fff}.swipe-action-button:active{opacity:.7}.swipe-action-icon{display:flex;align-items:center;justify-content:center;font-size:22px}.swipeable-content{position:relative;z-index:2;width:100%;background-color:#2b2b2b;border-radius:16px;box-sizing:border-box;will-change:transform;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sheet .form-input:focus,.sheet .form-textarea:focus,.sheet .form-select:focus{scroll-margin-top:8px}body:has(.overlay){overflow:hidden;position:fixed;width:100%}.card,.tx-item,.member-row{contain:layout style}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2000;opacity:0;animation:fadeIn .3s forwards}.drawer{position:fixed;top:0;bottom:0;left:0;width:280px;max-width:80vw;background:#161a26f2;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-right:var(--glass-border);box-shadow:20px 0 50px #00000080;z-index:2001;display:flex;flex-direction:column;transform:translate(-100%);animation:slideRight .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideRight{to{transform:translate(0)}}.drawer-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:12px}.drawer-avatar{width:60px;height:60px;border-radius:20px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;box-shadow:0 8px 24px var(--primary-glow);overflow:hidden}.drawer-avatar img{width:100%;height:100%;object-fit:cover}.drawer-user-info{display:flex;flex-direction:column;gap:4px}.drawer-name{font-size:18px;font-weight:700;color:#fff}.drawer-role{font-size:13px;color:var(--primary);font-weight:600;display:flex;align-items:center;gap:6px}.drawer-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto}.drawer-item{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:14px;color:var(--text-secondary);font-size:16px;font-weight:600;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:all .2s}.drawer-item svg{color:var(--text-hint);transition:color .2s}.drawer-item:active,.drawer-item.active{background:#ffffff0d;color:#fff}.drawer-item:active svg,.drawer-item.active svg{color:var(--primary)}.hamburger-btn{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff;cursor:pointer}.hamburger-btn:active{background:#ffffff1a}@keyframes progressBar{0%{transform:translate(-100%);opacity:1}50%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}