@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rajdhani:wght@400;500;600;700&family=Inter:wght@300;400;500&display=swap";:root{--navy: #0a1628;--navy-mid: #0f1f3d;--navy-light: #162847;--blue-accent: #1a6fd4;--blue-bright: #2196f3;--blue-glow: #4db6ff;--cyan: #00d4ff;--green: #00e676;--red: #ef4444;--white: #ffffff;--white-70: rgba(255,255,255,.7);--white-30: rgba(255,255,255,.3);--white-10: rgba(255,255,255,.08);--card-bg: rgba(15, 31, 61, .72);--card-border: rgba(26,111,212,.3);--card-hover: rgba(26,111,212,.12)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--navy);font-family:Rajdhani,sans-serif;color:var(--white)}.LoginMainDiv{width:100vw;height:100vh;background:var(--navy);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.LoginMainDiv:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(26,111,212,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(26,111,212,.07) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.LoginMainDiv:after{content:"";position:absolute;width:500px;height:500px;background:#1a6fd426;border-radius:50%;filter:blur(120px);top:-100px;left:-100px;pointer-events:none}.InnerDiv{position:relative;z-index:1;width:52vw;min-height:60vh;display:flex;flex-direction:row;background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:24px;border:1px solid var(--card-border);box-shadow:0 24px 64px #00000080;overflow:hidden}.LeftSide{width:50%;background:linear-gradient(160deg,#1a6fd459,#00d4ff1a);border-right:1px solid var(--card-border);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px}.LeftSide:before{content:"SWEAT & GAIN";font-family:Bebas Neue,sans-serif;font-size:42px;letter-spacing:3px;color:var(--white);text-align:center;text-shadow:0 0 40px rgba(33,150,243,.6)}.LeftSide img{max-width:80%;height:auto;border-radius:12px;opacity:.85}.RightSide{width:50%;display:flex;flex-direction:column;align-items:center;padding:40px 30px}.RightSide img{max-width:90px;margin-top:10px;opacity:.8}.RightSide h1{font-family:Bebas Neue,sans-serif;font-size:38px;letter-spacing:3px;color:var(--white);text-align:center;margin-top:20px;margin-bottom:4px}.InputFeilds{margin-top:16px;width:100%;display:flex;flex-direction:column;gap:14px;align-items:center}.InputFeilds input{width:85%;padding:13px 18px;border-radius:50px;border:1.5px solid rgba(26,111,212,.4);background:#ffffff0d;color:var(--white);font-family:Rajdhani,sans-serif;font-size:16px;font-weight:500;outline:none;transition:.3s ease}.InputFeilds input::placeholder{color:#fff6;font-size:15px}.InputFeilds input:hover{border-color:#2196f399}.InputFeilds input:focus{border-color:var(--blue-bright);background:#2196f314;box-shadow:0 0 0 3px #2196f326}.RightSide>a{margin-top:10px;color:var(--blue-glow);text-decoration:none;font-family:Inter,sans-serif;font-size:13px;font-weight:400;opacity:.8;transition:opacity .2s}.RightSide>a:hover{opacity:1;text-decoration:underline}.RightSide>button,.RightSide button[type=submit]{margin-top:22px;background:linear-gradient(135deg,var(--blue-accent),var(--blue-bright));color:var(--white);border:none;padding:13px 20px;border-radius:50px;font-family:Rajdhani,sans-serif;font-size:17px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;width:65%;transition:.3s ease;box-shadow:0 6px 24px #2196f359}.RightSide>button:hover,.RightSide button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #2196f380}.RightSide>button:active,.RightSide button[type=submit]:active{transform:scale(.97)}.RightSide>button:disabled,.RightSide button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none}.SignUpText{margin-top:22px;text-align:center}.SignUpText h4{font-family:Inter,sans-serif;font-weight:300;font-size:14px;color:var(--white-70)}.SignUpText a{font-weight:600;color:var(--cyan);font-size:14px;text-decoration:none;transition:color .2s}.SignUpText a:hover{color:var(--blue-glow);text-decoration:underline}@media(max-width:1024px){.InnerDiv{width:78vw;min-height:auto}}@media(max-width:768px){.InnerDiv{flex-direction:column;width:92vw}.LeftSide,.RightSide{width:100%;padding:24px 20px}.LeftSide{min-height:120px;border-right:none;border-bottom:1px solid var(--card-border)}.InputFeilds input{width:90%}.RightSide>button,.RightSide button[type=submit]{width:80%}}@media(max-width:480px){.RightSide h1{font-size:30px}.InputFeilds input{font-size:14px;padding:11px 14px}.RightSide>button,.RightSide button[type=submit]{font-size:15px;width:90%}}.DashboardCard{position:relative;overflow:hidden;padding:22px 20px 18px;background:var(--card-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:20px;border:1px solid var(--card-border);box-shadow:0 8px 32px #00000059;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;display:flex;flex-direction:column;gap:10px;min-height:140px}.DashboardCard:before{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;border-radius:50%;background:var(--card-glow, rgba(33,150,243,.12));filter:blur(30px);pointer-events:none;transition:opacity .3s;opacity:.7}.DashboardCard:hover{transform:translateY(-5px);border-color:var(--blue-bright);box-shadow:0 16px 44px #2196f338}.DashboardCard:hover:before{opacity:1}.CardIcon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--card-icon-bg, rgba(33,150,243,.15));border:1px solid var(--card-icon-border, rgba(33,150,243,.3));margin-bottom:2px}.DashboardCard .CardLabel{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--white-70)}.DashboardCard .CardValue{font-family:Bebas Neue,sans-serif;font-size:36px;letter-spacing:1.5px;line-height:1;color:var(--white)}.DashboardCard .CardSub{font-family:Rajdhani,sans-serif;font-size:12px;font-weight:500;letter-spacing:.5px;color:var(--white-30);margin-top:auto}.DashboardCard .CardBar{position:absolute;bottom:0;left:0;height:3px;width:60%;border-radius:0 2px 0 20px;background:var(--card-bar, linear-gradient(90deg, var(--blue-accent), var(--cyan)));opacity:.7;transition:width .3s ease,opacity .3s ease}.DashboardCard:hover .CardBar{width:100%;opacity:1}@media(max-width:1200px){.DashboardCard .CardValue{font-size:30px}}@media(max-width:520px){.DashboardCard{padding:16px 14px;min-height:120px}.DashboardCard .CardValue{font-size:26px}.CardIcon{width:32px;height:32px;font-size:15px}}.card-green{--card-glow: rgba(0,230,118,.15);border-color:#00e67633!important}.card-red{--card-glow: rgba(255,68,68,.15);border-color:#f443!important}.attendance-icon{--card-icon-bg: rgba(33,150,243,.15);--card-icon-border: rgba(33,150,243,.3)}.card-green .attendance-icon{--card-icon-bg: rgba(0,230,118,.15);--card-icon-border: rgba(0,230,118,.35)}.card-red .attendance-icon{--card-icon-bg: rgba(255,68,68,.15);--card-icon-border: rgba(255,68,68,.35)}.val-green{color:var(--green)!important}.val-red{color:var(--red)!important}.val-muted{color:var(--white-30)!important}.bar-green{background:linear-gradient(90deg,#00e676,#69f0ae)!important}.bar-red{background:linear-gradient(90deg,#f44,#ff7070)!important}.card-monthly{--card-glow: rgba(0,212,255,.12)}.monthly-icon{--card-icon-bg: rgba(0,212,255,.12);--card-icon-border: rgba(0,212,255,.3)}.val-cyan{color:var(--cyan)!important}.bar-cyan{background:linear-gradient(90deg,var(--blue-accent),var(--cyan))!important}.MonthlyBarWrap{display:flex;align-items:center;gap:10px;margin-top:2px}.MonthlyBarTrack{flex:1;height:4px;background:#ffffff14;border-radius:99px;overflow:hidden}.MonthlyBarFill{height:100%;background:linear-gradient(90deg,var(--blue-accent),var(--cyan));border-radius:99px;transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 6px #00d4ff66}.MonthlyRate{font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700;color:var(--cyan);letter-spacing:.5px;min-width:36px;text-align:right}.card-weight{--card-glow: rgba(255,214,0,.1)}.weight-icon{--card-icon-bg: rgba(255,214,0,.12);--card-icon-border: rgba(255,214,0,.3)}.val-gold{color:var(--gold)!important}.bar-gold{background:linear-gradient(90deg,#f5a623,var(--gold))!important}.CardUnit{font-family:Rajdhani,sans-serif;font-size:18px;font-weight:600;color:var(--white-30);letter-spacing:1px}.card-loss{--card-glow: rgba(0,230,118,.12);border-color:#00e67633!important}.card-gain{--card-glow: rgba(255,68,68,.12);border-color:#f443!important}.change-icon{--card-icon-bg: rgba(33,150,243,.12);--card-icon-border: rgba(33,150,243,.3)}.SummaryCardsMain{width:100%}.Cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:100%}@media(max-width:1024px){.Cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.Cards{grid-template-columns:1fr 1fr;gap:12px}}.WeightProgress{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:768px){.WeightProgress{grid-template-columns:1fr}}.ChartCard{background:var(--card-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:20px;border:1px solid var(--card-border);box-shadow:0 10px 32px #00000059;padding:20px 20px 16px;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;display:flex;flex-direction:column;gap:14px}.ChartCard:hover{transform:translateY(-5px);border-color:var(--blue-bright);box-shadow:0 18px 44px #2196f32e}.ChartCardHeader{display:flex;align-items:center;justify-content:space-between}.ChartCardTitle{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:2px;color:var(--white)}.ChartCardBadge{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);background:#00d4ff1a;border:1px solid rgba(0,212,255,.25);padding:4px 12px;border-radius:20px}.ChartWrap{height:240px;position:relative}.ChartWrap canvas{width:100%!important;height:100%!important}.NoData{display:flex;align-items:center;justify-content:center;height:100%;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:500;color:var(--white-30);letter-spacing:1px}@media(max-width:480px){.ChartWrap{height:200px}}.AttChartBody{display:flex;justify-content:center;align-items:center}.AttChartWrap{position:relative!important;width:220px;height:220px;flex-shrink:0}.DonutCenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-62%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.DonutRate{font-family:Bebas Neue,sans-serif;font-size:30px;color:var(--white);line-height:1;letter-spacing:1px}.DonutLabel{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--cyan);text-transform:uppercase}@media(max-width:480px){.AttChartWrap{width:180px;height:180px}.DonutRate{font-size:24px}}.QuickView{width:100%;display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start}.QuickViewRight{display:flex;flex-direction:column;gap:18px}@media(max-width:900px){.QuickView{grid-template-columns:1fr}.QuickViewRight{display:grid;grid-template-columns:1fr 1fr;gap:18px}}@media(max-width:560px){.QuickViewRight{grid-template-columns:1fr}}.LatestRecords{background:var(--card-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:20px;border:1px solid var(--card-border);box-shadow:0 10px 32px #00000059;padding:20px;transition:transform .28s ease,border-color .28s ease;width:100%}.LatestRecords:hover{transform:translateY(-4px);border-color:#2196f373}.LRHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.LRTitle{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:2px;color:var(--white)}.LRBadge{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);background:#00d4ff1a;border:1px solid rgba(0,212,255,.25);padding:4px 12px;border-radius:20px}.LRTableHead{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;padding:0 8px 10px;border-bottom:1px solid rgba(26,111,212,.2);font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--cyan)}.LRBody{display:flex;flex-direction:column;gap:2px;margin-top:6px}.LRRow{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;padding:10px 8px;border-radius:10px;align-items:center;transition:background .18s}.LRRow:hover{background:#2196f312}.LRDate{font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;color:var(--white);letter-spacing:.3px}.LRWeight{font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;color:var(--cyan)}.LRStatus{display:inline-flex;align-items:center;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 12px;border-radius:20px;width:fit-content}.lrs-present{background:#00e6761a;color:var(--green);border:1px solid rgba(0,230,118,.25)}.lrs-absent{background:#ff44441a;color:var(--red);border:1px solid rgba(255,68,68,.25)}.LREmpty{font-family:Rajdhani,sans-serif;font-size:14px;color:var(--white-30);text-align:center;padding:24px 0;letter-spacing:1px}.QuickActions{background:var(--card-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:20px;border:1px solid var(--card-border);box-shadow:0 10px 32px #00000059;padding:20px;display:flex;flex-direction:column;gap:12px;transition:transform .28s ease,border-color .28s ease}.QuickActions:hover{transform:translateY(-4px);border-color:#2196f373}.QATitle{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:2px;color:var(--white);display:block;margin-bottom:4px}.QABtn{display:flex;align-items:center;gap:12px;width:100%;padding:13px 18px;border-radius:12px;border:none;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;transition:all .22s ease}.QABtnIcon{font-size:18px}.QABtn-primary{background:linear-gradient(135deg,var(--blue-accent),var(--blue-bright));color:var(--white);box-shadow:0 4px 18px #2196f359}.QABtn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #2196f38c}.QABtn-secondary{background:#2196f31a;color:var(--cyan);border:1px solid rgba(33,150,243,.25)}.QABtn-secondary:hover{background:#2196f32e;border-color:var(--cyan);transform:translateY(-2px)}.WeeklySummary{background:var(--card-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:20px;border:1px solid var(--card-border);box-shadow:0 10px 32px #00000059;padding:20px;display:flex;flex-direction:column;gap:16px;transition:transform .28s ease,border-color .28s ease}.WeeklySummary:hover{transform:translateY(-4px);border-color:#2196f373}.WSTitle{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:2px;color:var(--white)}.WSStats{display:flex;flex-direction:column;gap:10px}.WSStat{display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:12px;background:#2196f30f;border:1px solid rgba(33,150,243,.12);transition:background .2s,border-color .2s}.WSStat:hover{background:#2196f31a;border-color:#2196f340}.WSStatIcon{font-size:20px;width:28px;text-align:center}.WSStatRight{display:flex;flex-direction:column;gap:2px;flex:1}.WSStatLabel{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--white-30)}.WSStatValue{font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:1px;line-height:1}.MainQuote{width:100%;display:flex;align-items:center;gap:16px;padding:20px 28px;background:var(--card-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:50px;border:1px solid var(--card-border);box-shadow:0 8px 24px #0000004d;transition:border-color .3s ease;position:relative;overflow:hidden}.MainQuote:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--blue-accent),var(--cyan));border-radius:3px 0 0 3px}.MainQuote:hover{border-color:#2196f366}.QuoteIcon{font-family:Bebas Neue,sans-serif;font-size:52px;color:#00d4ff33;line-height:1;flex-shrink:0;margin-top:-8px}.QuoteBody{flex:1;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;transition:opacity .3s ease,transform .3s ease}.quote-visible{opacity:1;transform:translateY(0)}.quote-hidden{opacity:0;transform:translateY(6px)}.QuoteText{font-family:Rajdhani,sans-serif;font-size:17px;font-weight:500;color:var(--white-70);font-style:italic;letter-spacing:.3px;margin:0}.QuoteAuthor{font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--cyan);text-transform:uppercase;white-space:nowrap}.QuoteNext{background:#00d4ff14;border:1px solid rgba(0,212,255,.2);color:var(--cyan);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;flex-shrink:0;transition:all .2s}.QuoteNext:hover{background:#00d4ff2e;border-color:var(--cyan);transform:rotate(180deg)}@media(max-width:768px){.MainQuote{border-radius:20px;padding:18px 20px}.QuoteText{font-size:15px}.QuoteIcon{font-size:40px}}@media(max-width:480px){.QuoteAuthor{display:none}}:root{--navy: #0a1628;--navy-mid: #0f1f3d;--navy-light: #162847;--blue-accent: #1a6fd4;--blue-bright: #2196f3;--blue-glow: #4db6ff;--cyan: #00d4ff;--green: #00e676;--red: #ff4444;--gold: #ffd600;--white: #ffffff;--white-70: rgba(255,255,255,.7);--white-30: rgba(255,255,255,.3);--white-10: rgba(255,255,255,.08);--card-bg: rgba(15,31,61,.75);--card-border: rgba(26,111,212,.25);--card-hover: rgba(22,40,71,.85)}.MainDashboard{position:relative;min-height:100vh;width:100%;background-color:var(--navy);background-image:url(/assets/dashboardBG3-BOT5dNyf.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;padding:32px 16px 60px;overflow-x:hidden}.MainDashboard:before{content:"";position:fixed;inset:0;background:#060e1ec7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:0}.MainDashboard:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(26,111,212,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(26,111,212,.07) 1px,transparent 1px);background-size:60px 60px;z-index:0;pointer-events:none}.MainDashboard>*{position:relative;z-index:1;width:100%;max-width:1200px}.DashGreeting{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:28px;padding:0 4px;animation:fadeUp .6s ease both}.DashGreeting-left h1{font-family:Bebas Neue,sans-serif;font-size:clamp(38px,5vw,58px);letter-spacing:3px;color:var(--white);line-height:1;margin:0;text-shadow:0 0 40px rgba(33,150,243,.3)}.DashGreeting-left h1 span{color:var(--cyan)}.DashGreeting-left p{font-family:Rajdhani,sans-serif;font-size:14px;font-weight:500;letter-spacing:1.5px;color:var(--white-70);margin:6px 0 0;text-transform:uppercase}.DashDate{font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);background:#00d4ff14;border:1px solid rgba(0,212,255,.25);padding:8px 18px;border-radius:30px}.SectionLabel{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);margin-bottom:14px;padding-left:4px;display:flex;align-items:center;gap:10px}.SectionLabel:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(0,212,255,.3),transparent);max-width:200px}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.anim-1{animation:fadeUp .6s .05s ease both}.anim-2{animation:fadeUp .6s .15s ease both}.anim-3{animation:fadeUp .6s .25s ease both}.anim-4{animation:fadeUp .6s .35s ease both}.anim-5{animation:fadeUp .6s .45s ease both}:root{--navy: #0a1628;--navy-mid: #0f1f3d;--navy-light: #162847;--blue-accent: #1a6fd4;--blue-bright: #2196f3;--blue-glow: #4db6ff;--cyan: #00d4ff;--green: #00e676;--red: #ff4444;--white: #ffffff;--white-70: rgba(255,255,255,.7);--white-30: rgba(255,255,255,.3);--white-10: rgba(255,255,255,.08)}.RecordsPage{min-height:100vh;background:var(--navy);font-family:Rajdhani,sans-serif;color:var(--white);overflow-x:hidden;position:relative}.RecordsPage:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(26,111,212,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(26,111,212,.07) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.RecordsPage>*:not(.RecordsPage:before){position:relative;z-index:1}.RecordsInner{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:60px 30px 80px}.RecordsHeader{text-align:center;padding-bottom:48px;animation:fadeUp .7s ease both}.RecordsBadge{display:inline-block;background:linear-gradient(135deg,#1a6fd44d,#00d4ff26);border:1px solid rgba(0,212,255,.4);color:var(--cyan);font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;letter-spacing:4px;text-transform:uppercase;padding:8px 24px;border-radius:40px;margin-bottom:24px}.RecordsTitle{font-family:Bebas Neue,sans-serif;font-size:clamp(48px,8vw,80px);letter-spacing:4px;color:var(--white);margin:0 0 6px;line-height:1;text-shadow:0 0 60px rgba(33,150,243,.35)}.RecordsTitle span{color:transparent;-webkit-text-stroke:2px var(--blue-bright)}.RecordsDivider{width:80px;height:3px;background:linear-gradient(90deg,var(--blue-accent),var(--cyan));margin:20px auto;border-radius:2px}.RecordsSubtitle{font-family:Inter,sans-serif;font-size:15px;font-weight:300;color:var(--white-70);letter-spacing:.3px;margin:0}.RecordsControls{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;background:linear-gradient(135deg,#1a6fd41f,#00d4ff0d);border:1px solid rgba(26,111,212,.3);border-radius:18px;padding:24px 28px;margin-bottom:32px;animation:fadeUp .7s .1s ease both}.ControlGroup{display:flex;flex-direction:column;gap:8px}.ControlGroup label{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--cyan)}.ControlGroup select,.ControlGroup input{background:#0a1628cc;border:1px solid rgba(26,111,212,.35);border-radius:10px;color:var(--white);font-family:Rajdhani,sans-serif;font-size:15px;font-weight:500;padding:10px 16px;outline:none;transition:border-color .25s,box-shadow .25s;cursor:pointer;min-width:140px}.ControlGroup select:focus,.ControlGroup input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00d4ff1f}.ControlGroup input::placeholder{color:#ffffff40}.SearchGroup input{min-width:220px}.FilterBtns{display:flex;gap:8px}.FilterBtn{padding:10px 18px;border-radius:10px;border:1px solid rgba(26,111,212,.3);background:#0a1628cc;color:var(--white-70);font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .2s}.FilterBtn:hover{border-color:var(--blue-bright);color:var(--white)}.FilterBtn.active-all{background:linear-gradient(135deg,var(--blue-accent),var(--blue-bright));border-color:var(--blue-bright);color:var(--white);box-shadow:0 4px 16px #2196f359}.FilterBtn.active-present{background:#00e6761f;border-color:var(--green);color:var(--green)}.FilterBtn.active-absent{background:#ff44441f;border-color:var(--red);color:var(--red)}.RecordsSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;animation:fadeUp .7s .2s ease both}.SummaryChip{border-radius:16px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid transparent;transition:transform .25s,border-color .25s}.SummaryChip:hover{transform:translateY(-3px)}.chip-total{background:var(--white-10);border-color:#ffffff1a}.chip-present{background:#00e67612;border-color:#00e67640}.chip-absent{background:#ff444412;border-color:#ff444440}.chip-rate{background:linear-gradient(135deg,#1a6fd426,#00d4ff12);border-color:#00d4ff4d}.ChipValue{font-family:Bebas Neue,sans-serif;font-size:40px;line-height:1;letter-spacing:1px}.chip-total .ChipValue{color:var(--white)}.chip-present .ChipValue{color:var(--green)}.chip-absent .ChipValue{color:var(--red)}.chip-rate .ChipValue{background:linear-gradient(135deg,var(--blue-bright),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ChipLabel{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--white-70)}.RateBarWrap{display:flex;align-items:center;gap:16px;margin-bottom:32px;animation:fadeUp .7s .25s ease both}.RateBarTrack{flex:1;height:5px;background:#ffffff14;border-radius:99px;overflow:hidden}.RateBarFill{height:100%;background:linear-gradient(90deg,var(--blue-accent),var(--cyan));border-radius:99px;transition:width .9s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #00d4ff66}.RateBarLabel{font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;letter-spacing:1px;color:var(--white-70);white-space:nowrap;text-transform:uppercase}.RecordsTableWrap{background:linear-gradient(135deg,#0f1f3dcc,#0a1628e6);border:1px solid rgba(26,111,212,.25);border-radius:18px;overflow:hidden;animation:fadeUp .7s .3s ease both}.RecordsLoading{display:flex;flex-direction:column;align-items:center;gap:18px;padding:70px 20px;color:var(--white-70);font-family:Rajdhani,sans-serif;font-size:16px;font-weight:500;letter-spacing:1px}.Spinner{width:38px;height:38px;border:3px solid rgba(26,111,212,.2);border-top-color:var(--cyan);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.NoRecords{display:flex;flex-direction:column;align-items:center;gap:14px;padding:70px 20px;color:var(--white-30);font-family:Rajdhani,sans-serif}.NoRecordsIcon{font-size:48px;opacity:.6}.NoRecords p{font-size:16px;font-weight:500;letter-spacing:.5px;margin:0}.RecordsTable{width:100%;border-collapse:collapse}.RecordsTable thead tr{background:#1a6fd426;border-bottom:1px solid rgba(26,111,212,.3)}.RecordsTable th{padding:16px 20px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);text-align:left}.RecordsTable tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .18s}.RecordsTable tbody tr:last-child{border-bottom:none}.RecordsTable tbody tr:hover{background:#2196f312}.RecordsTable td{padding:15px 20px;font-family:Rajdhani,sans-serif;font-size:15px;vertical-align:middle}.row-present{border-left:3px solid rgba(0,230,118,.5)}.row-absent{border-left:3px solid rgba(255,68,68,.4)}.RowNum{color:#fff3;font-size:13px;width:44px}.RowDay{color:var(--white-70);font-size:14px;font-weight:500}.RowDate{color:var(--white);font-weight:600;letter-spacing:.3px}.RowWeight{color:var(--cyan);font-weight:700;font-size:16px}.RowWeight span{font-size:12px;color:var(--white-30);font-weight:400;margin-left:2px}.StatusBadge{display:inline-block;padding:5px 14px;border-radius:20px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px}.badge-present{background:#00e6761a;color:var(--green);border:1px solid rgba(0,230,118,.3)}.badge-absent{background:#ff44441a;color:var(--red);border:1px solid rgba(255,68,68,.3)}.ResultCount{text-align:right;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:500;letter-spacing:.5px;color:var(--white-30);margin-top:16px;padding-right:4px}.ResultCount strong{color:var(--cyan)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.RecordsSummary{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.RecordsInner{padding:36px 16px 60px}.RecordsControls{flex-direction:column;padding:20px 18px;gap:16px}.ControlGroup select,.ControlGroup input,.SearchGroup input{min-width:unset;width:100%}.FilterBtns{width:100%}.FilterBtn{flex:1;text-align:center;padding:10px 8px;font-size:13px}.RecordsSummary{grid-template-columns:repeat(2,1fr);gap:12px}.ChipValue{font-size:32px}.RecordsTable th:nth-child(2),.RecordsTable td:nth-child(2){display:none}.RecordsTable th,.RecordsTable td{padding:12px}}@media(max-width:420px){.RecordsSummary{grid-template-columns:1fr 1fr}.RecordsTitle{font-size:48px}}