:root{--bg:#0b1220;--card:#ffffff0f;--stroke:#ffffff1a;--text:#eef4ff;--muted:#eef4ffad;--blue:#4c7dff;--green:#2ecc71;--danger:#ff6b6b;--radius:22px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top, #4c7dff3d, transparent 32%), radial-gradient(circle at bottom, #2ecc7124, transparent 30%), var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.page{min-height:100vh;padding:24px 16px 56px}.shell{max-width:1180px;margin:0 auto}.hero{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brandLogo{background:linear-gradient(135deg,#4c7dff,#2ecc71);border-radius:16px;place-items:center;width:46px;height:46px;font-size:22px;display:grid;box-shadow:0 12px 28px #0000003d}.brandTitle{font-size:28px;font-weight:800;line-height:1}.brandSubtitle{color:var(--muted);margin-top:6px;font-size:13px}.apiBadge{border:1px solid var(--stroke);color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.apiBadge.online{color:#d8ffe5;border-color:#2ecc714d}.apiBadge.offline{color:#ffd6d6;border-color:#ff6b6b4d}.grid{gap:16px;display:grid}.twoCols{grid-template-columns:1.05fr .95fr}.threeCols{grid-template-columns:1fr 1fr 1fr}.stack{gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:18px;box-shadow:0 24px 60px #0000003d}.card h2{margin:0 0 14px;font-size:20px}label{color:var(--muted);margin:12px 0 6px;font-size:13px;display:block}input,select,button{border:1px solid var(--stroke);border-radius:14px;width:100%;padding:13px 14px;font-size:15px}input,select{color:var(--text);background:#00000038;outline:none}button{background:var(--blue);color:#fff;cursor:pointer;border:none;font-weight:700}button.secondary{color:var(--text);border:1px solid var(--stroke);background:#ffffff14}button.danger{background:var(--danger)}button:disabled{opacity:.6;cursor:not-allowed}.row{gap:10px;display:flex}.row>*{flex:1}.topGap{margin-top:14px}.statusText{min-height:18px;color:var(--muted);margin-top:12px;font-size:13px}.kv{border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.kv span{color:var(--muted)}.money{letter-spacing:-.02em;font-size:32px;font-weight:800}.money.negative{color:#ffd6d6}.mutedText{color:var(--muted);font-size:14px}.athleteList{flex-wrap:wrap;gap:10px;display:flex}.athleteCard{text-align:left;border:1px solid var(--stroke);background:#ffffff0a;border-radius:18px;width:auto;min-width:190px;padding:14px}.athleteCard.active{background:#4c7dff1f;outline:2px solid #4c7dffa6}.athleteName{font-weight:700}.athleteMeta{color:var(--muted);margin-top:6px;font-size:13px}.sectionHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.eventList{gap:10px;display:grid}.eventCard{border:1px solid var(--stroke);background:#ffffff0a;border-radius:18px;padding:14px}.eventCard.cancelled{opacity:.62}.eventTop{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.eventTitle{font-weight:700}.eventMeta{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.45}.tagWrap{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.tag{color:#d5ffe4;background:#2ecc7129;border:1px solid #2ecc713d;border-radius:999px;padding:6px 10px;font-size:12px;display:inline-block}.tag.gray{color:var(--muted);background:#ffffff14;border-color:#ffffff1a}.subTitle{color:var(--text);margin-bottom:10px;font-size:14px;font-weight:700}.listSimple{gap:8px;display:grid}.simpleItem{border:1px solid var(--stroke);background:#ffffff0a;border-radius:16px;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.simpleItem span{color:var(--muted)}@media (width<=960px){.twoCols,.threeCols{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start}.row{flex-direction:column}}.modalOverlay{z-index:120;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:calc(18px + env(safe-area-inset-top,0px)) 18px calc(18px + env(safe-area-inset-bottom,0px));background:#0000008c;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow:hidden auto}.modalCard,.modalCard.modalCardFlex{border-radius:var(--r24);-webkit-backdrop-filter:none;width:min(520px,100%);max-width:100%;min-height:0;max-height:calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;background:#121214fb;border:1px solid #ffffff1a;padding:14px;overflow:hidden auto;box-shadow:0 20px 60px #0000008c}.modalTop{background:0 0}.modalBody{background:0 0;min-height:0;padding-bottom:8px;overflow:visible}.modalBottom{background:0 0;padding-top:10px}.modalCard .input,.modalCard .select,.modalCard textarea{background:#222224f5;border-color:#ffffff1a}@media (width<=420px){.modalOverlay{padding:calc(12px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px))}.modalCard,.modalCard.modalCardFlex{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:20px;padding:12px}}:root{--accent:#d8ff2a;--accent2:#b7ff00;--accentText:#0a0f0a;--glow:#d8ff2a47;--glow2:#d8ff2a2e;--cardSolid:#14161ed1;--cardSoft:#ffffff0b;--shadowStrong:0 18px 50px #00000080;--shadowSoft:0 10px 24px #00000057;--k-individual:#d8ff2af2;--k-group:#0a84fff2;--k-rent:#ff9f0af2}button{width:auto!important}input,select,textarea{width:100%}body{background:radial-gradient(1200px 420px at 50% -10%,#0a84ff1f,#0000 58%),radial-gradient(900px 360px at 50% 100%,#d8ff2a14,#0000 50%),linear-gradient(#06080d 0%,#090d16 42%,#07111a 100%)!important}.topbar{-webkit-backdrop-filter:blur(16px)saturate(150%)!important;background:linear-gradient(#12141ac7,#0a0c1285)!important;border-bottom:1px solid #ffffff14!important;padding:12px 14px!important}.logo{letter-spacing:-.02em!important;align-items:center!important;gap:10px!important;font-size:19px!important;font-weight:850!important;display:flex!important}.logo:before{content:"";width:18px;height:18px;box-shadow:0 0 0 1px #ffffff1a, 0 8px 18px #00000057, 0 0 18px var(--glow);background:radial-gradient(circle at 35% 35%,#f7ff9c 0%,#e7ff52 38%,#d8ff2a 68%,#b7ff00 100%);border-radius:999px;flex:none}.sub{color:#ffffff9e!important;font-size:12px!important}.topbar .iconBtn{width:42px!important;height:42px!important;min-height:42px!important;box-shadow:none!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:14px!important;flex:none!important;font-size:0!important}.topbar .iconBtn:before{content:"ЛК";color:#ffffffeb;letter-spacing:.2px;font-size:12px;font-weight:800}.screen{padding:14px!important}.block{gap:12px!important;max-width:760px!important}.card,.glass,.card.glass{background:var(--cardSolid)!important;box-shadow:var(--shadowStrong)!important;-webkit-backdrop-filter:none!important;border:1px solid #ffffff14!important}.glass{padding:16px!important}.btn{color:#fffffff0!important;min-height:42px!important;box-shadow:none!important;background:#ffffff0f!important;border:1px solid #ffffff14!important;border-radius:15px!important;justify-content:center!important;align-items:center!important;padding:10px 14px!important;font-weight:700!important;display:inline-flex!important}.btn.primary{color:var(--accentText)!important;box-shadow:0 10px 24px #00000047, 0 0 0 1px #ffffff24 inset, 0 0 22px var(--glow2)!important;background:linear-gradient(#e8ff76 0%,#d8ff2a 48%,#c7f500 100%)!important;border-color:#d8ff2a57!important}.btn.ghost{color:#ffffffeb!important;background:#ffffff0b!important}.btn.danger{color:#fff!important;background:linear-gradient(#ff7c74 0%,#ff5d54 100%)!important;border-color:#ffffff0f!important}.btn.small{border-radius:13px!important;min-height:36px!important;padding:8px 12px!important;font-size:13px!important}.row{gap:8px!important}.row>.btn,.row>button,.eventActions .btn,.toolbarLine .btn,.rowTitle .btn{flex:none!important;width:auto!important}.authCard .btn.primary{width:100%!important}.demoBox{background:#ffffff0a!important;border:1px solid #ffffff0f!important;border-radius:16px!important}.input,.select{color:#fffffff0!important;background:#ffffff09!important;border:1px solid #ffffff1a!important;border-radius:16px!important}.row.compact .btn{color:#ffffffc2!important;background:#ffffff0a!important}.eventCard{box-shadow:var(--shadowSoft)!important;background:linear-gradient(#ffffff0a,#ffffff06)!important;border:1px solid #ffffff14!important;border-radius:22px!important;padding:15px 15px 15px 16px!important;position:relative!important;overflow:hidden!important}.k-individual{--k:var(--k-individual)}.k-group{--k:var(--k-group)}.k-rent{--k:var(--k-rent)}.eventMeta{color:#ffffff9e!important;font-size:13px!important}.k-individual .kindPill{box-shadow:0 0 0 3px #d8ff2a1a!important}.k-group .kindPill{box-shadow:0 0 0 3px #0a84ff1a!important}.k-rent .kindPill{box-shadow:0 0 0 3px #ff9f0a1a!important}.profileGrid{grid-template-columns:1fr 1fr!important;gap:10px!important}.profileTile{min-height:96px!important;box-shadow:var(--shadowSoft)!important;background:linear-gradient(#ffffff0d,#ffffff08)!important;border:1px solid #ffffff14!important;border-radius:20px!important;padding:14px!important}.profileTile.active{background:linear-gradient(#d8ff2a1a,#ffffff08)!important;border-color:#d8ff2a38!important;outline:none!important;box-shadow:inset 0 0 0 1px #d8ff2a1a,0 10px 24px #00000057!important}.profileTileTitle{font-size:16px!important;font-weight:800!important}.profileTileSub{color:#ffffff94!important;font-size:12px!important;line-height:1.25!important}.monthTitle{font-size:17px!important;font-weight:800!important}.dayCell{background:#ffffff09!important;border:1px solid #ffffff14!important;border-radius:18px!important;min-height:70px!important}.dayCell.active{background:#d8ff2a1a!important;border-color:#d8ff2a3d!important;outline:none!important;box-shadow:inset 0 0 0 1px #d8ff2a14!important}.dayCount{color:#fffffff5!important;background:#d8ff2a2e!important;border-color:#d8ff2a47!important}.tabbar{left:10px!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;-webkit-backdrop-filter:blur(16px)saturate(150%)!important;background:linear-gradient(#14161cc7,#0e1016b3)!important;border:1px solid #ffffff14!important;border-radius:22px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:8px!important;box-shadow:0 12px 32px #0000006b!important}.tabItem{color:#ffffff94!important;background:0 0!important;border:1px solid #0000!important;border-radius:16px!important;width:100%!important;min-height:48px!important;font-size:13px!important;font-weight:700!important}.card .muted,.emptyHint{color:#ffffff94!important}@media (width<=640px){.profileGrid{grid-template-columns:1fr!important}.screen{padding:12px!important}.glass,.card{border-radius:20px!important}.eventActions{flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;display:flex!important}.eventActions .btn{min-width:110px!important}.tabItem{min-height:44px!important;font-size:12px!important}}.tabbar{left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;z-index:70!important;-webkit-backdrop-filter:blur(18px)saturate(150%)!important;background:linear-gradient(#14161cdb,#0c0e14c2)!important;border:1px solid #ffffff1a!important;border-radius:24px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:8px!important;display:grid!important;position:fixed!important;box-shadow:0 14px 36px #0000006b,inset 0 0 0 1px #ffffff08!important}.tabItem{color:#ffffff8f!important;background:0 0!important;border:1px solid #0000!important;border-radius:18px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;width:100%!important;min-height:58px!important;padding:8px 6px!important;transition:background .18s,border-color .18s,transform .18s,color .18s,box-shadow .18s!important;display:flex!important}.tabItem:active{transform:scale(.98)!important}.tabItem.active{color:#fffffff5!important;background:linear-gradient(#d8ff2a29,#d8ff2a14)!important;border-color:#d8ff2a38!important;box-shadow:inset 0 0 0 1px #d8ff2a14,0 8px 20px #0000002e!important}.tabIcon{opacity:.92!important;font-size:17px!important;font-weight:800!important;line-height:1!important;display:block!important}.tabLabel{letter-spacing:.01em!important;white-space:nowrap!important;font-size:11px!important;font-weight:700!important;line-height:1.05!important;display:block!important}.tabItem.active .tabIcon{color:var(--accent,#d8ff2a)!important;text-shadow:0 0 14px #d8ff2a38!important}.content{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))!important}@media (width<=640px){.tabbar{left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;border-radius:22px!important;gap:6px!important;padding:7px!important}.tabItem{border-radius:16px!important;gap:3px!important;min-height:54px!important}.tabIcon{font-size:16px!important}.tabLabel{font-size:10px!important}.content{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}}.topbar .iconBtn{color:#0000!important;background:linear-gradient(#ffffff12,#ffffff0a)!important;border:1px solid #ffffff1a!important;border-radius:14px!important;flex:none!important;width:44px!important;height:44px!important;min-height:44px!important;margin-left:auto!important;padding:0!important;font-size:0!important;position:relative!important;overflow:hidden!important;box-shadow:0 10px 24px #00000038,inset 0 0 0 1px #ffffff08!important}.topbar .iconBtn:before{content:""!important;filter:drop-shadow(0 0 10px #d8ff2a24)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='22' cy='12' r='5' fill='white' stroke='white'/%3E%3Cpath d='M22 19l-6 10 9 7'/%3E%3Cpath d='M22 22l13 7 9-4'/%3E%3Cpath d='M26 31l-4 15'/%3E%3Cpath d='M34 30l7 17'/%3E%3Ccircle cx='47' cy='18' r='10'/%3E%3Cpath d='M54 25l5 7'/%3E%3C/svg%3E")!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;width:22px!important;height:22px!important;margin:auto!important;position:absolute!important;inset:0!important}.topbar .iconBtn:after{content:""!important;background:radial-gradient(circle at 35% 35%,#f4ff9d 0%,#e5ff55 45%,#d8ff2a 100%)!important;border-radius:999px!important;width:8px!important;height:8px!important;position:absolute!important;top:7px!important;right:7px!important;box-shadow:0 0 0 1px #ffffff14,0 0 12px #d8ff2a59!important}.topbar .iconBtn:hover{transform:translateY(-1px)!important}.topbar .iconBtn:active{transform:scale(.98)!important}@media (width<=640px){.topbar .iconBtn{border-radius:13px!important;width:42px!important;height:42px!important;min-height:42px!important}.topbar .iconBtn:before{width:20px!important;height:20px!important}}.topbar{flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;display:flex!important}.topbarTitle{flex:auto!important;min-width:0!important}.topbar .iconBtn.profileBtn{color:#0000!important;background:#2c2c2e8c!important;border:1px solid #ffffff1a!important;border-radius:14px!important;flex:0 0 44px!important;justify-content:center!important;align-self:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin-left:auto!important;margin-right:0!important;padding:0!important;font-size:0!important;display:inline-flex!important;overflow:hidden!important;box-shadow:0 10px 24px #00000073!important}.topbar .iconBtn.profileBtn:before,.topbar .iconBtn.profileBtn:after{content:none!important;display:none!important}.profileIcon{object-fit:contain!important;filter:drop-shadow(0 0 6px #baff0066)drop-shadow(0 0 14px #baff0038)!important;width:28px!important;height:28px!important;margin:0 auto!important;display:block!important}@media (width<=640px){.topbar{gap:10px!important}.topbar .iconBtn.profileBtn{border-radius:13px!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}.profileIcon{width:26px!important;height:26px!important}}.monthWrap{gap:14px!important}.monthHead{justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:2px 0 4px!important;display:flex!important}.monthTitle{letter-spacing:-.03em!important;color:#fffffff5!important;text-transform:capitalize!important;font-size:18px!important;font-weight:850!important;line-height:1.1!important}.weekdays{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px!important;margin-top:2px!important;display:grid!important}.weekday{text-align:center!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#fff6!important;font-size:11px!important;font-weight:700!important}.monthGrid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px!important;display:grid!important}.dayCell{background:linear-gradient(#ffffff0d,#ffffff07)!important;border:1px solid #ffffff14!important;border-radius:20px!important;flex-direction:column!important;justify-content:space-between!important;align-items:flex-start!important;min-height:76px!important;padding:10px!important;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 10px 24px #00000042!important}.dayCell:hover{transform:translateY(-1px)!important}.dayCell.otherMonth{opacity:.34!important}.dayCell.active{background:linear-gradient(#d8ff2a29,#ffffff0a)!important;border-color:#d8ff2a42!important;box-shadow:inset 0 0 0 1px #d8ff2a12,0 12px 28px #0000004d,0 0 22px #d8ff2a14!important}.dayCell:after{content:"";opacity:0;background:linear-gradient(90deg,#d8ff2a00,#d8ff2a2e,#d8ff2a00);width:100%;height:1px;transition:opacity .18s;position:absolute;inset:auto auto 0 0}.dayCell.active:after{opacity:1}.dayNum{letter-spacing:-.02em!important;color:#fffffff5!important;font-variant-numeric:tabular-nums!important;font-size:15px!important;font-weight:850!important;line-height:1!important}.dayCount{color:#fffffff5!important;letter-spacing:.01em!important;background:linear-gradient(#d8ff2a38,#d8ff2a1f)!important;border:1px solid #d8ff2a38!important;border-radius:999px!important;justify-content:center!important;align-self:flex-start!important;align-items:center!important;min-width:24px!important;height:24px!important;padding:0 7px!important;font-size:11px!important;font-weight:800!important;display:inline-flex!important;box-shadow:0 0 14px #d8ff2a1a!important}.toolbarLine{justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-top:2px!important;margin-bottom:2px!important}.rowTitle .h2,.toolbarLine .h2{letter-spacing:-.03em!important;font-size:24px!important;font-weight:900!important}.toolbarLine .muted,.rowTitle .muted{color:#ffffff8f!important;font-size:13px!important}.row.compact{gap:8px!important}.row.compact .btn.small,.toolbarLine .btn.small,.monthHead .btn.small{border-radius:14px!important;min-height:38px!important;padding:8px 12px!important;font-size:13px!important;font-weight:750!important}.row.compact .btn.primary{color:#fffffff5!important;background:linear-gradient(#d8ff2a2e,#d8ff2a17)!important;border-color:#d8ff2a33!important;box-shadow:inset 0 0 0 1px #d8ff2a0f!important}.monthHead .btn.ghost,.toolbarLine .btn.ghost{background:#ffffff0b!important;border-color:#ffffff14!important}.listCol{gap:10px!important;display:grid!important}.eventCard{background:linear-gradient(#ffffff0b,#ffffff07)!important;border:1px solid #ffffff14!important;border-radius:22px!important;padding:15px 15px 15px 16px!important;position:relative!important;overflow:hidden!important;box-shadow:0 12px 28px #00000047!important}.eventCard:before{content:""!important;background:var(--k,#ffffff2e)!important;opacity:.92!important;width:4px!important;position:absolute!important;top:0!important;bottom:0!important;left:0!important}.eventTitle{letter-spacing:-.02em!important;font-size:16px!important;font-weight:850!important;line-height:1.18!important}.eventTime{color:#fffffff0!important;font-size:15px!important;font-weight:800!important}.eventMeta{color:#fff9!important;font-size:13px!important;line-height:1.4!important}.kindPill{color:#ffffffeb!important;letter-spacing:.02em!important;background:#0000002e!important;border:1px solid #ffffff1a!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important}.emptyHint{color:#ffffff8f!important;background:#ffffff08!important;border:1px dashed #ffffff1f!important;border-radius:18px!important;padding:16px!important}@media (width<=640px){.monthGrid,.weekdays{gap:6px!important}.dayCell{border-radius:16px!important;min-height:64px!important;padding:8px!important}.dayNum{font-size:13px!important}.dayCount{min-width:20px!important;height:20px!important;padding:0 6px!important;font-size:10px!important}.monthTitle{font-size:16px!important}.rowTitle .h2,.toolbarLine .h2{font-size:20px!important}}
