@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-rgb: 51, 144, 236;--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;--income-bg: rgba(48, 209, 88, .18);--income-color: #30D158;--expense-bg: rgba(255, 69, 58, .18);--expense-color: #FF453A;--card-bg: rgba(35, 35, 40, .85);--shadow-color: rgba(0, 0, 0, .4)}body.theme-light{--bg-color-1: #F5F5F7;--bg-color-2: #E5E5EA;--bg-color-3: #FFFFFF;--primary: #007AFF;--primary-rgb: 0, 122, 255;--primary-glow: rgba(0, 122, 255, .4);--secondary: #5856D6;--green: #34C759;--red: #FF3B30;--yellow: #FFCC00;--text-primary: #1C1C1E;--text-secondary: #3A3A3C;--text-hint: #8E8E93;--surface: #FFFFFF;--border: #D1D1D6;--glass-bg: rgba(255, 255, 255, .85);--glass-border: 1px solid rgba(0, 0, 0, .08);--glass-btn-bg: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .6));--glass-btn-border: 1px solid rgba(0, 0, 0, .05);--glass-btn-border-top: 1px solid rgba(255, 255, 255, 1);--income-bg: rgba(52, 199, 89, .15);--income-color: #28CD41;--expense-bg: rgba(255, 59, 48, .15);--expense-color: #FF3B30;--card-bg: rgba(255, 255, 255, .85);--shadow-color: rgba(0, 0, 0, .08)}body.theme-light .drawer{background:var(--bg-color-1)}body.theme-light .drawer-header{background:var(--bg-color-2);border-bottom:1px solid var(--border)}body.theme-light .drawer-name{color:var(--text-primary)}body.theme-light .drawer-subtitle,body.theme-light .drawer-item{color:var(--text-secondary)}body.theme-light .drawer-item.active{background:var(--surface);color:var(--primary);box-shadow:0 2px 8px var(--shadow-color)}body.theme-light .drawer-section-label{color:var(--text-hint)}body.theme-light .tabs{background:var(--bg-color-2);border:1px solid var(--border)}body.theme-light .tab{color:var(--text-secondary)}body.theme-light .tab.active{background:var(--surface);color:var(--primary)}body.theme-light .tx-body__type,body.theme-light .tx-body__name,body.theme-light .tx-item{color:var(--text-primary)!important}body.theme-light .summary-card{background:var(--surface);border:1px solid var(--border)!important}body.theme-light .summary-card__amount{color:var(--text-primary)}body.theme-light .drawer-footer{border-top:1px solid var(--border)}body.theme-light .btn--primary{color:#fff;box-shadow:0 8px 24px #007aff4d}body.theme-light .btn--outline{color:var(--text-primary);border:1px solid var(--border)}body.theme-light .icon-btn{color:var(--text-secondary)}body.theme-light .list-group-header{color:var(--text-secondary);background:var(--bg-color-2);border-bottom:1px solid var(--border)}body.theme-light .brigade-card__name{color:var(--text-primary)}body.theme-light .form-label{color:var(--text-secondary)}body.theme-light .form-input,body.theme-light .form-textarea,body.theme-light .form-select{background:#0000000a!important;border:1px solid var(--border)!important;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important}body.theme-light .form-input:focus,body.theme-light .form-textarea:focus,body.theme-light .form-select:focus{background:var(--surface)!important;border-color:var(--primary)!important;box-shadow:0 0 0 4px #007aff1a!important}body.theme-light .menu-dropdown{background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 40px var(--shadow-color)}body.theme-light .menu-item{color:var(--text-primary)}body.theme-light .menu-item:hover{background:var(--bg-color-2)}body.theme-light .tx-body__top{color:var(--text-primary)}body.theme-light .overlay{background:#00000040}body.theme-light .sheet{background:#fffffffa;border-top:1px solid var(--border);box-shadow:0 -20px 50px #0000001a}body.theme-light .sheet__handle{background:#0003}body.theme-light .sheet__header{border-bottom:1px solid var(--border);color:var(--text-primary)}*,*: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-glow) 0%,transparent 40%);opacity:.8;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(--glass-bg);border-radius:24px;border:var(--glass-border);padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:100%;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.card--clickable:active{transform:scale(.97);opacity:.85}.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;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);isolation:isolate;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:0;right:0;width:60%;height:100%;background:radial-gradient(circle at top right,rgba(var(--primary-rgb),.18) 0%,transparent 65%);pointer-events:none;border-radius:inherit}.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(--primary);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:none;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(--primary);-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:0 8px 32px var(--primary-glow);color:#fff;font-weight:700}.btn--outline{background:var(--glass-bg);border:1px solid var(--border);color:var(--text-primary)}.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:#ffffff0d!important;border:1px solid var(--border)!important;color:var(--text-primary)!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;-webkit-text-fill-color:var(--text-primary)}.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}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px rgba(30,30,40,.95) inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}body.theme-light .form-input:-webkit-autofill,body.theme-light .form-input:-webkit-autofill:hover,body.theme-light .form-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px rgba(240,240,246,.98) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-hint);opacity:.8}@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)}}@keyframes pageFadeSlide{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.page{animation:pageFadeSlide .65s cubic-bezier(.2,.8,.2,1) both}.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:#ffffff0a;border-radius:18px;border:1px solid rgba(255,255,255,.08);padding:14px 16px;display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px;width:100%;transition:background .2s,border-color .2s;position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.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:44px;height:44px;border-radius:14px;font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s}.tx-icon--income{background:linear-gradient(135deg,#32d74b33,#32d74b14);border:1px solid rgba(50,215,75,.25);color:#30d158}.tx-icon--common{background:linear-gradient(135deg,#3390ec33,#3390ec14);border:1px solid rgba(51,144,236,.25);color:var(--primary)}.tx-icon--personal{background:linear-gradient(135deg,#a072ff33,#a072ff14);border:1px solid rgba(160,114,255,.25);color:var(--secondary)}.tx-icon--settlement{background:linear-gradient(135deg,#ffd60033,#ffd60014);border:1px solid rgba(255,214,0,.25);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(--glass-bg);border-radius:24px;padding:20px;border:var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:8px;overflow:hidden}.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:var(--glass-bg)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:var(--glass-border)!important;box-shadow:0 8px 32px #0000001a!important;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important}.glass:focus{background:var(--glass-bg)!important;outline:none}body.theme-light .glass{background:#0000000a!important;box-shadow:none!important}body.theme-light .glass:focus{background:var(--surface)!important;border-color:var(--primary)!important;box-shadow:0 0 0 4px #007aff1a!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(6px);-webkit-backdrop-filter:blur(6px);z-index:2000;opacity:0;animation:fadeIn .25s forwards}.drawer{position:fixed;top:0;bottom:0;left:0;width:300px;max-width:85vw;background:#0e1016f7;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-right:1px solid rgba(255,255,255,.07);box-shadow:24px 0 60px #000000b3;z-index:2001;display:flex;flex-direction:column;transform:translate(-100%);animation:slideRight .32s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideRight{to{transform:translate(0)}}.drawer-header{padding:48px 24px 24px;background:linear-gradient(160deg,rgba(51,144,236,.14) 0%,rgba(130,80,255,.08) 60%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-direction:row;align-items:center;gap:16px}.drawer-avatar{width:68px;height:68px;border-radius:22px;background:linear-gradient(135deg,#3390ec,#8250ff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;box-shadow:0 8px 28px #3390ec73,0 0 0 2px #ffffff1a;overflow:hidden;flex-shrink:0}.drawer-avatar img{width:100%;height:100%;object-fit:cover}.drawer-user-info{display:flex;flex-direction:column;gap:5px;min-width:0}.drawer-name{font-size:18px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-subtitle{font-size:13px;color:#fff6;font-weight:500}.drawer-body{padding:20px 16px;display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto;scrollbar-width:none}.drawer-body::-webkit-scrollbar{display:none}.drawer-section-label{font-size:11px;font-weight:700;color:#ffffff38;text-transform:uppercase;letter-spacing:1.2px;padding:4px 12px 10px}.drawer-item{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:16px;color:#ffffff8c;font-size:15px;font-weight:600;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:all .2s ease;font-family:var(--font);position:relative}.drawer-item:active{background:#ffffff0f;transform:scale(.98)}.drawer-item.active{background:#ffffff12;color:#fff}.drawer-item__icon{width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.drawer-item:active .drawer-item__icon{transform:scale(.9)}.drawer-item__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-item__dot{width:7px;height:7px;border-radius:50%;background:#3390ec;flex-shrink:0;box-shadow:0 0 8px #3390eccc}.drawer-footer{padding:16px 24px max(16px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.05)}.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;transition:background .2s}.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}}