*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f5f5;--surface: #ffffff;--primary: #0ea5e9;--primary-hover: #0284c7;--text: #2c3e50;--text-light: #7f8c8d;--border: #dfe6e9;--danger: #e74c3c;--danger-hover: #c0392b;--success: #27ae60;--radius: 12px;--shadow: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--glass-bg: rgba(255, 255, 255, .75);--glass-bg-light: rgba(255, 255, 255, .5);--glass-border: rgba(255, 255, 255, .3);--glass-blur: 12px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--gradient-start: #667eea;--gradient-mid: #764ba2;--gradient-end: #f093fb}[data-theme=dark]{--bg: #1a1a2e;--surface: #16213e;--text: #eaeaea;--text-light: #a0a0a0;--border: #2a2a4a;--glass-bg: rgba(30, 30, 50, .75);--glass-bg-light: rgba(30, 30, 50, .5);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--gradient-start: #1a1a2e;--gradient-mid: #16213e;--gradient-end: #0f3460}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-mid) 50%,var(--gradient-end) 100%);background-attachment:fixed;color:var(--text);line-height:1.6;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}header{background:linear-gradient(135deg,#1a1a2e,#16213e 40%,#0f3460);color:#fff;padding:1.5rem 2rem 1.2rem;padding-top:calc(1.5rem + env(safe-area-inset-top,0px));text-align:center;position:relative;overflow:hidden}header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(14,165,233,.15) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(14,165,233,.1) 0%,transparent 50%);pointer-events:none}header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}header .header-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}header h1{font-size:2.2rem;font-weight:800;letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,.3)}header .subtitle{font-size:.85rem;opacity:.6;margin-top:.4rem;letter-spacing:3px;text-transform:uppercase;font-weight:300}@media(max-width:600px){header{padding:1.5rem 1rem 1.2rem;padding-top:calc(.75rem + env(safe-area-inset-top,0px))}header h1{font-size:1.8rem;letter-spacing:1px}header .subtitle{font-size:.75rem;letter-spacing:2px}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border);display:flex;justify-content:center;padding:.5rem;gap:.25rem;z-index:100;box-shadow:0 -4px 12px #0000001a;height:auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.bottom-nav::-webkit-scrollbar{height:3px}.bottom-nav::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:2px}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;background:none;border:none;cursor:pointer;color:var(--text-light);font-size:.75rem;transition:all .2s ease;border-radius:8px;white-space:nowrap;flex-shrink:0}.nav-item:hover{background:#667eea1a;color:var(--text)}.nav-item.active{background:#667eea26;color:var(--primary);font-weight:600}.nav-icon{font-size:1.5rem;display:block}.nav-label{display:block;font-size:.65rem;font-weight:500}.nav-spacer{flex:1;height:1px;background:transparent}@media(min-width:769px){.bottom-nav{padding:.75rem 1.5rem;gap:.5rem}.nav-item{padding:.75rem 1.25rem;gap:.4rem}.nav-icon{font-size:1.25rem}.nav-label{font-size:.8rem}.nav-item-export,.nav-item-import{display:none}}main{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:2rem;padding-bottom:calc(2rem + 120px)}.view.active{display:block}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-header h2{font-size:1.4rem}.section-header .header-actions{display:flex;gap:.3rem;flex-wrap:nowrap;align-items:center}@media(max-width:600px){.section-header .header-actions{gap:.25rem;font-size:.85rem}.section-header .header-actions button{padding:.4rem .6rem;font-size:.85rem}}.search-bar{margin-bottom:1.5rem}.search-bar input{width:100%;padding:.7rem 1rem;border:2px solid var(--border);border-radius:var(--radius);font-size:.95rem;transition:border-color .2s}.search-bar input:focus{outline:none;border-color:var(--primary)}footer{text-align:center;padding:1.5rem;color:var(--text-light);font-size:.85rem;border-top:1px solid var(--border)}@media(max-width:600px){main{padding:1.5rem;padding-bottom:calc(1.5rem + 100px)}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.members-grid,.trainings-grid{grid-template-columns:1fr}.stats-overview{grid-template-columns:repeat(2,1fr)}.detail-header{flex-direction:column;text-align:center}.detail-actions{margin-left:0;justify-content:center}.exam-table{font-size:.85rem}footer{padding:1rem;font-size:.8rem}}@media(max-width:400px){main{padding:1rem}.section-header h2{font-size:1.2rem}}.btn{padding:.6rem 1.2rem;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--border);color:var(--text)}.btn-secondary:hover{background:#c4cdd0}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-link{background:none;color:var(--primary);padding:.4rem 0;font-weight:600}.btn-link:hover{text-decoration:underline}.btn-sm{padding:.35rem .7rem;font-size:.8rem}.btn-icon{background:none;border:none;cursor:pointer;padding:.3rem;border-radius:4px;font-size:1.1rem;line-height:1;transition:background .15s}.btn-icon:hover{background:#0000000f}@media(max-width:600px){.btn{padding:.7rem 1rem;font-size:.95rem;min-height:44px;min-width:44px}.btn-sm{min-height:36px}}#view-home{display:block;padding:0;background:linear-gradient(135deg,#1a1a2e,#16213e 40%,#0f3460);min-height:100vh;min-height:100dvh}#view-home:not(.active){display:none!important}.home-btn{display:none!important}#view-home.active .home-btn{display:flex!important}.home-content{width:100%;max-width:450px;margin:0 auto;padding:1.5rem}.home-header{text-align:center;margin-bottom:1.5rem;padding-top:.5rem}.home-header h2{font-size:2.5rem;margin-bottom:.5rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}.home-header p{font-size:1.1rem;color:#fffc}.home-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.home-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;aspect-ratio:1 / 1;border:1px solid rgba(255,255,255,.3);border-radius:24px;background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px #0000001a;padding:1.5rem;min-height:160px}.home-btn:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 48px #0003;background:#ffffff40;border-color:#ffffff80}.home-btn:active{transform:translateY(-3px) scale(1.01);box-shadow:0 8px 32px #00000026}.home-icon{font-size:3rem;display:block;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.home-label{font-size:.9rem;line-height:1.3;text-align:center;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.2)}@media(max-width:600px){#view-home{padding:1rem}.home-content{max-width:100%}.home-header{margin-bottom:1rem;padding-top:0}.home-header h2{font-size:2rem}.home-header p{font-size:1rem}.home-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-bottom:1.2rem}.home-btn{min-height:140px;padding:1rem;gap:.7rem}.home-icon{font-size:2.8rem}.home-label{font-size:.85rem}}@media(max-width:400px){.home-btn{min-height:120px;padding:.8rem;gap:.5rem}.home-icon{font-size:2.2rem}.home-label{font-size:.75rem;line-height:1.2}.home-grid{gap:.8rem;margin-bottom:.8rem}.home-widgets{gap:.8rem}}.home-widgets{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:0}.home-widget{background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(255,255,255,.25);padding:1rem;color:#fff}.home-widget-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-bottom:.25rem}.home-widget-value{font-size:1.5rem;font-weight:700;line-height:1.2}.home-widget-sub{font-size:.75rem;opacity:.7;margin-top:.25rem}.home-widget-training{grid-column:span 2}.home-widget-training .widget-training-info{display:flex;align-items:center;gap:1rem}.widget-training-icon{font-size:2rem}.widget-training-details{flex:1}.widget-training-day{font-size:1.1rem;font-weight:600}.widget-training-time{font-size:.85rem;opacity:.8}.home-widget-birthdays{grid-column:span 2}.birthday-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.birthday-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#ffffff80;border-radius:calc(var(--radius) / 2);font-size:.9rem}.birthday-name{font-weight:500}.birthday-info{font-size:.8rem;opacity:.8}[data-theme=dark] .birthday-item{background:#ffffff1a}.home-widget-exam{grid-column:span 2}.exam-ready-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.exam-ready-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:linear-gradient(135deg,#28a7451a,#28a74526);border-radius:calc(var(--radius) / 2);font-size:.9rem;border-left:3px solid var(--success)}.exam-ready-name{font-weight:500}.exam-ready-belt{font-size:.8rem;opacity:.9;font-weight:600}[data-theme=dark] .exam-ready-item{background:linear-gradient(135deg,#28a74526,#28a74533)}.home-widget-streaks{grid-column:span 2}.streak-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.streak-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:linear-gradient(135deg,#ff6b001a,#ff450026);border-radius:calc(var(--radius) / 2);font-size:.9rem;border-left:3px solid #ff6b00}.streak-value{font-size:.85rem;font-weight:600;color:#ff6b00}[data-theme=dark] .streak-item{background:linear-gradient(135deg,#ff6b0026,#ff450033)}[data-theme=dark] .streak-value{color:#ff9d4d}@media(max-width:400px){.home-widgets{gap:.75rem}.home-widget{padding:.75rem}.home-widget-value{font-size:1.25rem}}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.member-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--glass-shadow);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem}.member-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;background:#ffffffd9}.belt-badge{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.belt-badge-sm{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.belt-badge-lg{width:72px;height:72px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.member-card-info{flex:1;min-width:0}.member-card-name{font-weight:600;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-card-belt{font-size:.9rem;margin-bottom:.3rem}.member-card-since{font-size:.75rem;color:var(--text-light)}.detail-header{display:flex;align-items:center;gap:1.5rem;margin:1.5rem 0;padding:1.5rem;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow)}.detail-info h2{font-size:1.5rem;margin-bottom:.25rem}.detail-info p{color:var(--text-light);font-size:.95rem}.detail-info .belt-since{font-size:.85rem;color:var(--text-light)}.detail-info .belt-since strong{color:var(--text)}.detail-info .member-birthday{font-size:.85rem;color:var(--text-light);margin-top:.2rem}.detail-actions{flex:1;display:flex;gap:.5rem;justify-content:center}.detail-section{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--glass-shadow);margin-bottom:1.5rem}.detail-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.detail-section-header h3{font-size:1.1rem}.belt-history-table{width:100%;border-collapse:collapse}.belt-history-table td{padding:.6rem .8rem;border-bottom:1px solid var(--border);vertical-align:middle}.belt-history-table tr:last-child td{border-bottom:none}.belt-history-table tr.belt-achieved{background:#f0faf4}.belt-history-table tr.belt-current td{font-weight:600}.belt-history-label{display:flex;align-items:center;gap:.6rem;font-size:.9rem;white-space:nowrap}.belt-history-date{width:90px;min-width:90px}.belt-history-date input[type=date]{padding:.3rem .4rem;border:2px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:inherit;transition:border-color .2s;width:100%}.belt-history-date input[type=date]:focus{outline:none;border-color:var(--primary)}.belt-history-date input[type=date].has-value{border-color:var(--success)}.belt-history-status{font-size:.85rem;color:var(--text-light);min-width:40px;text-align:center}.belt-history-status.achieved{color:var(--success);font-weight:600}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-light)}.empty-state .empty-icon{font-size:3rem;margin-bottom:.5rem}.empty-state p{font-size:1rem}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.requirement-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:var(--radius);padding:1rem;border:1px solid var(--border)}.requirement-card h4{font-size:.95rem;font-weight:600;color:var(--primary);margin-bottom:.6rem}.requirement-card ul{list-style:none;padding:0;margin:0}.requirement-card li{padding:.3rem 0;font-size:.9rem;color:var(--text)}.requirement-card li:before{content:"• ";color:var(--primary);font-weight:600;margin-right:.5rem}.requirement-card p{font-size:.9rem;color:var(--text);margin:0}.belt-progression{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--glass-shadow);margin-bottom:1.5rem}.progression-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progression-header h3{font-size:1.1rem;margin:0}.progression-ready{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid var(--success);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1rem;font-weight:600;color:#155724;text-align:center;animation:pulse-ready 2s infinite}@keyframes pulse-ready{0%,to{box-shadow:0 0 #28a74566}50%{box-shadow:0 0 0 10px #28a74500}}.progression-bars{display:flex;flex-direction:column;gap:1rem}.progression-bar-container{display:flex;flex-direction:column;gap:.4rem}.progression-label{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:500}.progression-label .text-success{color:var(--success);font-weight:600}.progression-bar{height:12px;background:#e9ecef;border-radius:6px;overflow:hidden;position:relative}.progression-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#667eea 100%);border-radius:6px;transition:width .5s ease;position:relative}.progression-fill.complete{background:linear-gradient(90deg,var(--success) 0%,#28a745 100%)}.progression-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progression-note{font-size:.85rem;color:var(--text-light);margin-top:.75rem;text-align:center}.kata-tracker-section .detail-section-header{display:flex;justify-content:space-between;align-items:center}.kata-counter{font-size:.9rem;font-weight:600;color:var(--primary);background:#667eea1a;padding:.3rem .75rem;border-radius:var(--radius)}.kata-tracker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.kata-group{background:#ffffff80;border-radius:var(--radius);padding:1rem;border:1px solid var(--border)}.kata-group-header{font-weight:600;font-size:.9rem;color:var(--primary);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.kata-group-items{display:flex;flex-direction:column;gap:.4rem}.kata-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:calc(var(--radius) / 2);cursor:pointer;transition:background .2s}.kata-item:hover{background:#667eea1a}.kata-item.learned{background:#28a7451a}.kata-checkbox{width:18px;height:18px;accent-color:var(--success);cursor:pointer}.kata-name{font-size:.9rem}.kata-item.learned .kata-name{color:var(--success);font-weight:500}[data-theme=dark] .kata-group{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .kata-item:hover{background:#ffffff1a}[data-theme=dark] .kata-item.learned{background:#28a74533}.achievements-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.achievement{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:50px;font-size:.85rem;transition:transform .2s ease}.achievement.earned{background:linear-gradient(135deg,gold,#ffb300);color:#333;box-shadow:0 2px 8px #ffd7004d}.achievement.earned:hover{transform:scale(1.05)}.achievement.locked{background:#80808033;color:var(--text-light)}.achievement-icon{font-size:1.2rem}.achievement-name{font-weight:500}.no-achievements{color:var(--text-light);font-style:italic;padding:1rem;text-align:center}.achievements-locked{margin-top:1rem}.achievements-locked summary{cursor:pointer;color:var(--text-light);font-size:.85rem;padding:.5rem 0}.achievements-locked summary:hover{color:var(--primary)}.locked-grid{margin-top:.5rem;opacity:.7}.personal-stats{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.2)}.stats-quote{font-size:1.1rem;text-align:center;padding:.5rem 0 1rem;color:var(--text);font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);padding:1rem;text-align:center;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .achievement.earned{background:linear-gradient(135deg,#b8860b,#8b6914);color:#fff}[data-theme=dark] .achievement.locked{background:#ffffff1a}[data-theme=dark] .personal-stats{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea4d}.heatmap-container{margin-top:1rem;overflow-x:auto;padding-bottom:.5rem}.heatmap-total{font-size:.85rem;color:var(--text-light)}.heatmap-months{position:relative;height:20px;margin-left:32px;font-size:.7rem;color:var(--text-light)}.heatmap-months span{position:absolute}.heatmap-grid{display:flex;gap:4px}.heatmap-days{display:flex;flex-direction:column;justify-content:space-between;font-size:.65rem;color:var(--text-light);width:24px;padding:8px 0}.heatmap-weeks{display:flex;gap:3px}.heatmap-week{display:flex;flex-direction:column;gap:3px}.heatmap-day{width:11px;height:11px;border-radius:2px;background:#80808026}.heatmap-day.empty{background:transparent}.heatmap-day.level-0{background:#80808026}.heatmap-day.level-1{background:#9be9a8}.heatmap-day.level-2{background:#40c463}.heatmap-day.level-3{background:#30a14e}.heatmap-legend{display:flex;align-items:center;gap:4px;margin-top:.75rem;justify-content:flex-end;font-size:.7rem;color:var(--text-light)}.heatmap-legend .heatmap-day{width:10px;height:10px}[data-theme=dark] .heatmap-day.level-0{background:#ffffff1a}[data-theme=dark] .heatmap-day.level-1{background:#0e4429}[data-theme=dark] .heatmap-day.level-2{background:#006d32}[data-theme=dark] .heatmap-day.level-3{background:#26a641}.trainings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.training-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--glass-shadow);transition:all .3s ease;display:flex;align-items:flex-start;gap:1rem}.training-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;background:#ffffffd9}.training-icon{width:44px;height:44px;border-radius:var(--radius);background:linear-gradient(135deg,var(--primary) 0%,#06b6d4 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.training-card-info{flex:1;min-width:0}.training-card-day{font-weight:600;font-size:1.05rem}.training-card-time{font-size:.9rem;color:var(--text-light);margin-top:.15rem}.training-card-since{font-size:.8rem;color:var(--text-light);margin-top:.3rem}.training-card-actions{display:flex;gap:.25rem;flex-shrink:0}.seminar-icon{background:linear-gradient(135deg,#8e44ad,#2980b9)}.attendance-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--bg-light);border-radius:var(--radius);border:1px solid var(--border)}.attendance-date-picker{display:flex;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}.date-display{display:flex;flex-direction:column;gap:.4rem}.date-label{font-weight:600;font-size:.85rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.date-value{font-size:1.3rem;font-weight:700;color:var(--primary)}.attendance-select{padding:.6rem .8rem;border:2px solid var(--border);border-radius:var(--radius);font-size:16px;transition:border-color .2s;background:var(--surface);color:var(--text);min-width:200px}.attendance-select:focus{outline:none;border-color:var(--primary)}.attendance-select optgroup{font-weight:600;color:var(--primary)}.attendance-select option{padding:.5rem}.attendance-cancellation{display:flex;align-items:center}.attendance-cancellation label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;cursor:pointer;-webkit-user-select:none;user-select:none}.attendance-cancellation input[type=checkbox]{width:18px;height:18px;cursor:pointer}.attendance-summary{display:flex;gap:2rem;align-items:center}.attendance-summary.cancelled{opacity:.6;filter:grayscale(100%)}.summary-stat{display:flex;align-items:center;gap:.5rem}.summary-label{font-size:.9rem;color:var(--text-light)}.summary-value{font-size:1.4rem;font-weight:700;color:var(--primary)}.summary-cancelled-badge{padding:.4rem .8rem;background:#ff9800;color:#fff;border-radius:var(--radius);font-size:.85rem;font-weight:600}.attendance-list{display:flex;flex-direction:column;gap:.75rem}.attendance-list.disabled-list{opacity:.6;pointer-events:none}.cancelled-notice{padding:1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:var(--radius);color:#856404;font-size:.9rem;font-weight:500;margin-bottom:1rem}.attendance-member-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border:2px solid var(--border);border-radius:var(--radius);transition:all .2s}.attendance-member-row.present{background:#e8f5e9;border-color:#4caf50}.attendance-member-row.absent{background:#ffebee;border-color:#ef5350}.attendance-member-info{flex:1}.attendance-member-name{font-weight:600;font-size:1rem;color:#fff;background:#0009;padding:.3rem .6rem;border-radius:4px;position:relative;z-index:1;display:inline-block}.btn-attendance-toggle{padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s;white-space:nowrap;margin-left:1rem}.btn-absent{background:#ef5350;color:#fff;border:2px solid #ef5350}.btn-absent:hover{background:#e53935;border-color:#e53935}.btn-present{background:#4caf50;color:#fff;border:2px solid #4caf50}.btn-present:hover{background:#45a049;border-color:#45a049;opacity:.9}.btn-present:active{opacity:.8}.attendance-summary-text{margin:.5rem 0;font-size:.9rem;color:var(--text)}.training-notes-section{margin-top:1.5rem;padding:1.5rem;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow)}.notes-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;font-size:1rem}.notes-icon{font-size:1.2rem}.training-note-input{width:100%;min-height:100px;padding:.75rem;border:2px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:.95rem;resize:vertical;transition:border-color .2s;background:#fff}.training-note-input:focus{outline:none;border-color:var(--primary)}.training-notes-section .btn{margin-top:.75rem}[data-theme=dark] .training-note-input{background:#ffffff0d;border-color:#fff3;color:#eaeaea}@media(max-width:600px){.attendance-header{padding:1rem}.attendance-date-picker{flex-direction:column;align-items:flex-start;gap:.75rem}.date-display{width:100%}.attendance-select{width:100%;min-width:unset}.attendance-cancellation{width:100%}.attendance-member-row{flex-direction:column;align-items:flex-start;gap:.75rem}.btn-attendance-toggle{width:100%;margin-left:0}.attendance-summary{flex-direction:column;gap:1rem;width:100%}}.stats-tabs{display:flex;gap:.2rem;margin-bottom:1.5rem;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius);padding:.3rem;border:1px solid var(--glass-border)}.stats-tab{flex:1;padding:.35rem .3rem;border:none;border-radius:8px;background:transparent;color:var(--text-light);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.stats-tab{padding:.3rem .25rem;font-size:.65rem}}.stats-tab:hover{background:#ffffff4d;color:var(--text)}.stats-tab.active{background:#fff;color:var(--text);box-shadow:0 2px 8px #0000001a}[data-theme=dark] .stats-tab.active{background:var(--surface)}.stats-tab-content{display:none}.stats-tab-content.active{display:block}.stats-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem;margin-bottom:1rem;justify-items:center;align-items:start}.stat-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:12px;border:1px solid var(--glass-border);padding:.65rem;box-shadow:var(--glass-shadow);text-align:center;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,#f093fb 100%)}.stat-card:nth-child(1):before{background:linear-gradient(90deg,#667eea,#764ba2)}.stat-card:nth-child(2):before{background:linear-gradient(90deg,#22c55e,#16a34a)}.stat-card:nth-child(3):before{background:linear-gradient(90deg,#f59e0b,#ea580c)}.stat-card:nth-child(4):before{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.stat-card-value{font-size:1.45rem;font-weight:700;color:#1f2937;line-height:1.1}.stat-card-label{font-size:.72rem;color:var(--text-light);margin-top:.15rem;font-weight:500}.stats-section{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius);border:1px solid var(--glass-border);padding:.9rem;box-shadow:var(--glass-shadow);margin-bottom:1rem}.stats-section h3{font-size:1.1rem;margin-bottom:1rem;color:#1f2937}.stats-table{width:100%;border-collapse:collapse;font-size:.85rem}.stats-table th{text-align:left;font-weight:600;font-size:.72rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;padding:.35rem .45rem;border-bottom:1px solid rgba(0,0,0,.08)}.stats-table td{padding:.45rem;border-bottom:1px solid rgba(0,0,0,.04);vertical-align:middle}.stats-table tbody tr:last-child td{border-bottom:none}.stats-table tbody tr:hover{background:#ffffff80}.stat-num{text-align:right;white-space:nowrap;font-weight:500}.stat-empty{text-align:center;color:var(--text-light);padding:1rem!important}.stat-bar-bg{width:100%;min-width:40px;height:8px;background:#0000000f;border-radius:4px;overflow:hidden}.stat-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:4px;transition:width .45s cubic-bezier(.4,0,.2,1)}.stats-section:nth-of-type(1) .stat-bar{background:linear-gradient(90deg,#22c55e,#16a34a)}.stats-section:nth-of-type(2) .stat-bar{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.stats-section:nth-of-type(3) .stat-bar{background:linear-gradient(90deg,#f59e0b,#ea580c)}.stat-belt-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:.5rem;vertical-align:middle;box-shadow:0 2px 4px #0003}.belt-chart{display:flex;flex-direction:column;gap:.75rem}.belt-chart-row{display:flex;align-items:center;gap:.5rem}.belt-chart-label{min-width:80px;display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:500}.belt-chart-bar-bg{flex:1;height:18px;background:#0000000d;border-radius:10px;overflow:hidden;position:relative}.belt-chart-bar{height:100%;border-radius:10px;display:flex;align-items:center;justify-content:flex-end;padding-right:.4rem;font-size:.72rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);min-width:24px;transition:width .45s cubic-bezier(.4,0,.2,1)}@media(max-width:600px){.stats-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:.25rem;padding:.35rem;mask-image:linear-gradient(to right,transparent,black 8px,black calc(100% - 8px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 8px,black calc(100% - 8px),transparent)}.stats-tabs::-webkit-scrollbar{display:none}.stats-tab{flex:0 0 auto;padding:.6rem .75rem;font-size:.75rem;white-space:nowrap;min-height:44px}.stats-overview{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem}.stat-card-value{font-size:1.75rem}.stats-table{font-size:.8rem}.stats-table th,.stats-table td{padding:.4rem}.belt-chart-label{min-width:80px;font-size:.75rem}.belt-chart-bar-bg{height:20px}}.trends-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-bottom:2rem}.trend-stat{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius);border:1px solid var(--glass-border);padding:1rem;text-align:center}.trend-stat.highlight{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:var(--primary)}.trend-stat-value{font-size:1.75rem;font-weight:700;color:var(--text)}.trend-stat-label{font-size:.8rem;color:var(--text-light);margin-top:.25rem}.trends-chart-container{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius);border:1px solid var(--glass-border);padding:1.5rem;box-shadow:var(--glass-shadow)}.trends-chart{display:flex;align-items:flex-end;gap:.5rem;height:200px;padding-top:1rem}.trend-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;min-width:30px}.trend-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.trend-bar{width:100%;max-width:40px;min-height:8px;background:linear-gradient(180deg,var(--primary) 0%,#764ba2 100%);border-radius:6px 6px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:.3rem;transition:height .5s ease;position:relative}.trend-bar-value{font-size:.7rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.trend-bar-label{font-size:.75rem;color:var(--text);font-weight:500;margin-top:.5rem}.trend-bar-year{font-size:.65rem;color:var(--text-light)}[data-theme=dark] .trend-stat-value{color:#eaeaea}[data-theme=dark] .trends-chart-container{background:#ffffff0d}@media(max-width:600px){.trends-summary{grid-template-columns:repeat(2,1fr)}.trends-chart{height:150px;gap:.25rem}.trend-bar-container{min-width:20px}.trend-bar-value{font-size:.6rem}.trend-bar-label{font-size:.65rem}}.settings-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius);padding:.5rem;border:1px solid var(--glass-border);flex-wrap:wrap}.settings-tab{flex:1;min-width:120px;padding:.75rem 1rem;border:none;border-radius:8px;background:transparent;color:var(--text-light);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.settings-tab:hover{background:#ffffff4d;color:var(--text)}.settings-tab.active{background:#fff;color:var(--text);box-shadow:0 2px 8px #0000001a;font-weight:600}[data-theme=dark] .settings-tab.active{background:var(--surface)}.settings-tab-content{display:none}.settings-tab-content.active{display:block;animation:fadeIn .2s ease}@media(max-width:600px){.settings-tabs{padding:.4rem;gap:.3rem}.settings-tab{min-width:100px;padding:.6rem .8rem;font-size:.75rem}}.form-row{display:flex;gap:.75rem}.form-row .form-group{flex:1}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem;color:var(--text)}.form-group input[type=text],.form-group input[type=date],.form-group input[type=time],.form-group select,.form-group textarea{width:100%;padding:.6rem .8rem;border:2px solid var(--border);border-radius:var(--radius);font-size:16px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.checkbox-label{display:flex!important;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}@media(max-width:600px){.form-row{flex-direction:column;gap:.5rem}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal-overlay[hidden]{display:none}.modal{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;width:90%;max-width:520px;max-height:calc(90vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(90dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 16px 48px #0003;animation:slideUp .25s ease}.modal-small{max-width:380px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1.1rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-light);line-height:1;padding:.2rem}.modal-close:hover{color:var(--text)}.modal form,.modal>p{padding:1.5rem}.modal>.form-actions{padding:0 1.5rem 1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-container{position:fixed;top:calc(1rem + env(safe-area-inset-top,0px));right:calc(1rem + env(safe-area-inset-right,0px));z-index:2000;display:flex;flex-direction:column;gap:.5rem}.toast{padding:.75rem 1.25rem;border-radius:var(--radius);color:#fff;font-weight:600;font-size:.9rem;box-shadow:var(--shadow-lg);animation:slideIn .3s ease,fadeOut .3s ease 2.7s;opacity:1}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes viewFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes viewSlideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes viewSlideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.view{display:none}.view.active{display:block;animation:viewFadeIn .3s ease-out}.view.animating-out{display:block;animation:viewFadeOut .2s ease-in forwards}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.member-card,.training-card,.stat-card{animation:cardFadeIn .4s ease-out;animation-fill-mode:backwards}.member-card:nth-child(1),.training-card:nth-child(1),.stat-card:nth-child(1){animation-delay:.05s}.member-card:nth-child(2),.training-card:nth-child(2),.stat-card:nth-child(2){animation-delay:.1s}.member-card:nth-child(3),.training-card:nth-child(3),.stat-card:nth-child(3){animation-delay:.15s}.member-card:nth-child(4),.training-card:nth-child(4),.stat-card:nth-child(4){animation-delay:.2s}.member-card:nth-child(5),.training-card:nth-child(5){animation-delay:.25s}.member-card:nth-child(6),.training-card:nth-child(6){animation-delay:.3s}@media(prefers-reduced-motion:reduce){.view.active,.view.animating-out,.member-card,.training-card,.stat-card{animation:none}}.pull-indicator{position:fixed;top:env(safe-area-inset-top,0px);left:50%;transform:translate(-50%) translateY(-60px);display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:999px;box-shadow:var(--glass-shadow);border:1px solid var(--glass-border);z-index:9999;opacity:0;transition:transform .15s ease-out,opacity .15s ease-out;pointer-events:none}.pull-spinner{width:20px;height:20px;border:2px solid rgba(102,126,234,.3);border-top-color:var(--primary);border-radius:50%;animation:none}.pull-indicator.ready .pull-spinner{border-top-color:#22c55e;transform:rotate(180deg);transition:transform .2s ease}.pull-indicator.refreshing .pull-spinner{animation:spin .8s linear infinite}.pull-text{font-size:.85rem;font-weight:500;color:#4b5563;white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@media(hover:hover)and (pointer:fine){.pull-indicator{display:none}}.swipe-indicator{display:none!important;justify-content:center;align-items:center;gap:.5rem;padding:1rem 0;position:fixed;bottom:env(safe-area-inset-bottom,0);left:0;right:0;z-index:100;pointer-events:none}.swipe-dot{width:8px;height:8px;border-radius:50%;background:#fff6;transition:all .3s ease}.swipe-dot.active{width:24px;border-radius:4px;background:#fff;box-shadow:0 2px 8px #0003}@keyframes swipeHint{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.swipe-indicator.hint{animation:swipeHint 1s ease-in-out}.groups-selector{display:flex;flex-wrap:wrap;gap:.5rem}.group-checkbox{display:none}.group-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:2px solid transparent;background:#ffffff80;color:#4b5563}.group-tag:hover{background:#ffffffb3}.group-checkbox:checked+.group-tag{border-color:currentColor;background:var(--tag-color, #667eea);color:#fff;box-shadow:0 2px 8px #00000026}.member-card .group-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.member-card .group-tag{padding:.2rem .5rem;font-size:.7rem;cursor:default;background:var(--tag-color, #667eea);color:#fff}.group-filter{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 0;margin-bottom:.5rem}.group-filter-btn{padding:.4rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#fff3;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.group-filter-btn:hover{background:#ffffff4d}.group-filter-btn.active{background:#fff;color:#4b5563;box-shadow:0 2px 8px #00000026}.group-filter-btn.active[data-color]{background:var(--filter-color);color:#fff}.groups-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto;margin-bottom:1rem}.group-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--glass-bg);border-radius:var(--radius);border:1px solid var(--glass-border)}.group-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.group-item-name{flex:1;font-weight:500}.group-item-actions{display:flex;gap:.5rem}.group-item-actions button{padding:.25rem .5rem;font-size:.75rem}.training-history{display:flex;flex-direction:column;gap:1rem}.history-month{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius);border:1px solid var(--glass-border);padding:1rem}.history-month-label{font-size:.95rem;font-weight:600;color:#374151;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.history-month-count{font-weight:400;color:var(--text-light);font-size:.85rem}.history-entries{display:flex;flex-direction:column;gap:.5rem}.history-entry{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#ffffff80;border-radius:8px;font-size:.85rem}.history-date{color:var(--text-light);font-weight:500;min-width:80px}.history-training{color:#374151}#btn-show-more-history{margin-top:.5rem;align-self:center}.history-entry:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.theme-toggle{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:none;background:#fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 15px #00000026;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;z-index:100}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 12px 40px #0003}.theme-toggle:active{transform:scale(.95)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}[data-theme=dark] .home-header h2,[data-theme=dark] .home-header p{color:#eaeaea}[data-theme=dark] .home-btn{background:#ffffff14;border-color:#ffffff26}[data-theme=dark] .home-btn:hover{background:#ffffff26}[data-theme=dark] .home-widget{background:#ffffff14;border-color:#ffffff1a}[data-theme=dark] .stat-card-value,[data-theme=dark] .history-month-label,[data-theme=dark] .stats-section h3{color:#eaeaea}[data-theme=dark] .history-entry{background:#ffffff0d}[data-theme=dark] .history-training,[data-theme=dark] .history-date{color:#b0b0b0}[data-theme=dark] .group-filter-btn{background:#ffffff1a;border-color:#fff3}[data-theme=dark] .group-filter-btn.active{background:#ffffffe6;color:#1a1a2e}[data-theme=dark] .pull-indicator{background:var(--glass-bg)}[data-theme=dark] .pull-text{color:#eaeaea}[data-theme=dark] .progression-ready{background:linear-gradient(135deg,#28a74533,#28a7454d);border-color:#28a74580;color:#7dcea0}[data-theme=dark] .progression-bar{background:#ffffff1a}[data-theme=dark] .requirement-card{background:linear-gradient(135deg,#ffffff14,#ffffff0a)}[data-theme=dark] .belt-history-table tr.belt-achieved{background:#28a74526}@media(max-width:600px){.theme-toggle{right:1rem;width:40px;height:40px;font-size:1rem}}.calendar-container{max-width:500px;margin:0 auto}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.calendar-title{font-size:1.3rem;font-weight:600;color:var(--text)}.calendar-nav{width:40px;height:40px;border-radius:50%;border:none;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text)}.calendar-nav:hover{transform:scale(1.1);background:var(--glass-bg-light)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:.5rem}.calendar-weekday{text-align:center;font-size:.75rem;font-weight:600;color:var(--text-light);text-transform:uppercase;padding:.5rem 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);cursor:pointer;transition:all .2s ease;position:relative;min-height:50px}.calendar-day.empty{background:transparent;border:none;cursor:default}.calendar-day:not(.empty):hover{transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.calendar-day-num{font-size:.9rem;font-weight:500;color:var(--text)}.calendar-day.today{border:2px solid var(--primary);background:#0ea5e926}.calendar-day.today .calendar-day-num{color:var(--primary);font-weight:700}.calendar-day.has-training{background:linear-gradient(135deg,#667eea33,#764ba233)}.calendar-day.has-seminar{background:linear-gradient(135deg,#f59e0b4d,#ea580c4d)}.calendar-day.cancelled{background:#ef44441a;opacity:.6}.calendar-indicator{font-size:.7rem;margin-top:2px}.calendar-indicator.cancelled{color:#ef4444;font-weight:700}.calendar-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-light)}.legend-dot{width:12px;height:12px;border-radius:4px}.legend-dot.training{background:linear-gradient(135deg,#667eea,#764ba2)}.legend-dot.seminar{background:linear-gradient(135deg,#f59e0b,#ea580c)}.legend-dot.cancelled{background:#ef4444}.calendar-attendance{display:flex;gap:3px;margin-top:4px;flex-wrap:wrap;justify-content:center}.attendance-dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.calendar-count-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;margin-top:2px}@media(max-width:400px){.calendar-day{min-height:44px;border-radius:8px}.calendar-day-num{font-size:.8rem}.calendar-indicator{font-size:.6rem}.calendar-nav{width:44px;height:44px}.calendar-title{font-size:1.1rem}}.katas-container{padding:1rem}.katas-header{margin-bottom:2rem}.katas-header h3{margin:0 0 .25rem;font-size:1.25rem}.katas-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.katas-info{color:var(--text-secondary);font-size:.875rem;margin:.75rem 0 0}.katas-info a{color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s ease}.katas-info a:hover{color:var(--primary-light);text-decoration:underline}.requirements-table{width:100%;border-collapse:collapse;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--glass-shadow)}.requirements-table thead{background:var(--glass-bg-light);border-bottom:2px solid var(--glass-border)}.requirements-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text);font-size:.95rem}.requirements-table td{padding:1rem;border-bottom:1px solid var(--glass-border);color:var(--text);font-size:.9rem;line-height:1.5}.requirement-row:hover{background:var(--glass-bg-light)}.requirement-row:last-child td{border-bottom:none}.belt-cell{font-weight:600;width:12%;min-width:80px}.kata-cell,.kihon-cell,.kumite-cell{word-break:break-word}@media(max-width:700px){.katas-container{padding:.5rem}.requirements-table{font-size:.85rem}.requirements-table th,.requirements-table td{padding:.75rem .5rem}.katas-header h3{font-size:1.1rem}.katas-subtitle{font-size:.8rem}}.kata-belt-section{margin-bottom:1.5rem}.kata-belt-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid var(--belt-color, #666)}.kata-belt-indicator{width:1rem;height:1rem;border-radius:2px;flex-shrink:0}.kata-belt-name{font-weight:600;flex-grow:1}.kata-belt-count{font-size:.75rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.125rem .5rem;border-radius:1rem}.kata-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.kata-card{background:var(--bg-secondary);border-radius:.5rem;overflow:hidden;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border:1px solid var(--border)}.kata-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.kata-card.has-video{border-color:var(--primary)}.kata-thumbnail{position:relative;aspect-ratio:16 / 9;background:var(--bg-tertiary, #333);display:flex;align-items:center;justify-content:center;overflow:hidden}.kata-thumbnail img{width:100%;height:100%;object-fit:cover}.kata-no-video{font-size:2rem;opacity:.5}.kata-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#000000b3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;opacity:0;transition:opacity .15s ease}.kata-card:hover .kata-play-icon{opacity:1}.kata-info{padding:.5rem}.kata-name{display:block;font-size:.875rem;font-weight:500;line-height:1.3;margin-bottom:.25rem}.kata-badges{display:flex;gap:.25rem}.kata-badge{font-size:.75rem;opacity:.8}.katas-empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.katas-empty .empty-icon{font-size:3rem;display:block;margin-bottom:1rem;opacity:.5}.katas-empty p{margin:.5rem 0}.empty-hint{font-size:.875rem;opacity:.7}.kata-modal-content{padding:.5rem 0}.kata-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.kata-modal-header h3{margin:0;font-size:1.25rem}.kata-modal-belt{background:var(--bg-secondary);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;color:var(--text-secondary)}.kata-video-preview{margin:1rem 0;border-radius:.5rem;overflow:hidden;background:var(--bg-tertiary, #222);min-height:150px;display:flex;align-items:center;justify-content:center}.kata-video-preview iframe{width:100%;display:block}.preview-placeholder{color:var(--text-secondary);font-size:.875rem;text-align:center;padding:2rem}.kata-url-input{font-family:monospace;font-size:.875rem}@media(max-width:600px){.kata-grid{grid-template-columns:repeat(2,1fr)}.katas-container{padding:.75rem}}.achievements-container{padding:1rem}.achievements-header{margin-bottom:1.5rem}.achievements-header h3{margin:0 0 .25rem;font-size:1.25rem}.achievements-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.achievements-section{background:var(--bg-secondary);border-radius:.75rem;padding:1rem;margin-bottom:1rem}.achievements-section h4{margin:0 0 .75rem;font-size:1rem;display:flex;align-items:center;gap:.5rem}.achievements-section h5{margin:0 0 .5rem;font-size:.875rem;color:var(--text-secondary)}.streaks-list{display:flex;flex-direction:column;gap:.5rem}.streak-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-primary);border-radius:.5rem;cursor:pointer;transition:background .15s ease}.streak-item:hover{background:var(--bg-tertiary, rgba(255,255,255,.05))}.streak-member{flex-grow:1}.streak-name{font-weight:500}.streak-value{display:flex;align-items:center;gap:.25rem}.streak-counter{display:inline-flex;align-items:center;gap:.25rem}.streak-number{font-weight:700;font-size:1.1em;color:#ff6b35}.recent-badges-list{display:flex;flex-direction:column;gap:.5rem}.recent-badge-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--bg-primary);border-radius:.5rem;cursor:pointer;transition:background .15s ease}.recent-badge-item:hover{background:var(--bg-tertiary, rgba(255,255,255,.05))}.badge-icon{flex-shrink:0}.badge-details{display:flex;flex-direction:column;gap:.125rem;min-width:0}.badge-name{font-weight:600;font-size:.9rem}.badge-member{font-size:.8rem;color:var(--text-secondary)}.badge-date{font-size:.75rem;color:var(--text-secondary);opacity:.7}.all-badges-grid{display:flex;flex-direction:column;gap:1rem}.badge-category{padding-bottom:.75rem;border-bottom:1px solid var(--border)}.badge-category:last-child{border-bottom:none;padding-bottom:0}.badge-category-items{display:flex;flex-wrap:wrap;gap:.75rem}.badge-showcase{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;border-radius:.5rem;min-width:70px;text-align:center;transition:transform .15s ease}.badge-showcase:hover{transform:scale(1.05)}.badge-showcase.locked{opacity:.4;filter:grayscale(100%)}.badge-showcase.locked .badge-showcase-icon{opacity:.5}.badge-showcase-name{font-size:.7rem;color:var(--text-secondary);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-earned-count{font-size:.65rem;background:var(--primary);color:#fff;padding:.1rem .4rem;border-radius:1rem;font-weight:600}.streaks-empty,.badges-empty,.no-badges{text-align:center;padding:1rem;color:var(--text-secondary)}.streaks-empty p,.badges-empty p{margin:.25rem 0}.member-achievements{background:var(--bg-secondary);border-radius:.75rem;padding:1rem;margin-top:1rem}.member-achievements h4{margin:0 0 .75rem;font-size:1rem}.member-streak{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.streak-label{color:var(--text-secondary);font-size:.875rem}.member-badges-grid{display:flex;flex-wrap:wrap;gap:.75rem}.member-badge{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem}.member-badge-name{font-size:.7rem;color:var(--text-secondary);text-align:center;max-width:60px}@keyframes flameFlicker{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.streak-counter svg{animation:flameFlicker 1.5s ease-in-out infinite}@media(max-width:600px){.achievements-container{padding:.75rem}.badge-showcase{min-width:60px;padding:.25rem}.badge-showcase-icon svg{width:36px;height:36px}}