:root{--sf-primary:#0066cc;--sf-accent:#9333ea;--sf-success:#22c55e;--sf-warning:#eab308;--sf-critical:#ef4444;--sf-neutral:#6b7280;--sf-bg:#f8fafc;--sf-card:#ffffff;--sf-text:#0f172a;--sf-muted:#64748b;--sf-border:#e2e8f0;--sf-grad-hero:linear-gradient(135deg,#0066cc,#9333ea);--sf-grad-success:linear-gradient(135deg,#10b981,#059669);--sf-grad-premium:linear-gradient(135deg,#9333ea,#7c3aed);--sf-font:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--sf-font-head:"DM Sans",Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--sf-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--sf-h1:clamp(2rem,2vw + 1.5rem,3rem);--sf-h2:clamp(1.5rem,1vw + 1.25rem,2.25rem);--sf-h3:clamp(1.125rem,.6vw + 1rem,1.5rem);--sf-cardtitle:clamp(1rem,.25vw + .95rem,1.25rem);--sf-body:clamp(.875rem,.15vw + .84rem,1rem);--sf-small:clamp(.75rem,.1vw + .72rem,.875rem);--sf-xs:0.25rem;--sf-sm:0.5rem;--sf-md:1rem;--sf-lg:1.5rem;--sf-xl:2rem;--sf-2xl:3rem;--sf-r-btn:0.75rem;--sf-r-card:1rem;--sf-r-pill:9999px;--sf-r-input:0.5rem;--sf-shadow-card:0 1px 3px rgba(0,0,0,0.05);--sf-shadow-card-hover:0 10px 25px -5px rgba(0,0,0,0.10);--sf-shadow-btn:0 2px 4px rgba(0,102,204,0.20);--sf-shadow-btn-hover:0 4px 12px rgba(0,102,204,0.30);--sf-container:1200px;--sf-header-h:60px;--sf-ease:cubic-bezier(0.4,0,0.2,1);--sf-speed:200ms;--sf-focus:0 0 0 3px rgba(0,102,204,0.15)}:root.dark{--sf-bg:#0f172a;--sf-card:#1e293b;--sf-text:#f8fafc;--sf-muted:rgba(248,250,252,0.72);--sf-border:rgba(255,255,255,0.10);--sf-shadow-card:0 1px 3px rgba(0,0,0,0.45);--sf-shadow-card-hover:0 14px 35px rgba(0,0,0,0.40)}*{box-sizing:border-box}body,html{height:100%}.sf-app{min-height:100vh;background:radial-gradient(900px 420px at 15% 10%,rgba(0,102,204,.12),transparent 60%),radial-gradient(800px 380px at 85% 20%,rgba(147,51,234,.1),transparent 60%),radial-gradient(900px 500px at 50% 110%,rgba(34,197,94,.07),transparent 65%),var(--sf-bg);font-family:var(--sf-font);font-size:var(--sf-body);color:var(--sf-text);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.sf-app:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(100,116,139,.12) 1px,transparent 0),linear-gradient(180deg,rgba(100,116,139,.12) 1px,transparent 0);background-size:56px 56px;opacity:.08;mask-image:radial-gradient(closest-side at 50% 25%,rgba(0,0,0,1),rgba(0,0,0,0))}img{max-width:100%;height:auto;display:block}a{color:var(--sf-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}::selection{background:rgba(147,51,234,.18)}.sf-header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--sf-border)}.sf-header-inner{height:100%}.sf-brand-text{color:var(--sf-text)}.sf-brand-text:hover{text-decoration:none}.sf-actions{gap:var(--sf-md);z-index:50;position:relative}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu-drawer{position:fixed;top:0;left:0;width:280px;max-width:85vw;height:100vh;height:100dvh;background:#fff;z-index:9999;transform:translateX(-100%);transition:transform .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:4px 0 20px rgba(0,0,0,.15)}.mobile-menu-drawer.open{transform:translateX(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:700;font-size:18px}.mobile-menu-header button{background:rgba(255,255,255,.2);border:none;border-radius:8px;padding:8px 12px;color:#fff;font-size:16px;cursor:pointer}.mobile-menu-role{padding:12px 20px;border-bottom:1px solid #e5e7eb}.mobile-menu-role span{font-size:12px;background:#666;color:#fff;padding:4px 10px;border-radius:6px;display:inline-block}.mobile-menu-role span.master{background:#9333ea}.mobile-menu-section{padding:12px 0;border-bottom:1px solid #e5e7eb}.mobile-menu-section-title{padding:8px 20px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.mobile-menu-link{display:flex;align-items:center;gap:12px;padding:14px 20px;color:#374151;text-decoration:none;font-weight:500;border-left:3px solid transparent}.mobile-menu-link.active{color:#3b82f6;background:#eff6ff;font-weight:600;border-left-color:#3b82f6}.mobile-menu-link span:first-child{font-size:18px}.mobile-menu-master{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 20px;padding:12px 16px;background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;border-radius:10px;font-weight:600;text-decoration:none}.mobile-menu-lang{display:flex;gap:8px;padding:0 20px}.mobile-menu-lang button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:400;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;cursor:pointer}.mobile-menu-lang button.active{font-weight:600;background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}.sf-container{width:min(100% - 2rem,var(--sf-container));margin-inline:auto}.sf-page{padding:var(--sf-lg) 0 var(--sf-2xl)}.sf-section{margin-top:var(--sf-xl)}.sf-grid{display:grid;gap:var(--sf-md)}.sf-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sf-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:1024px){.sf-grid.cols-3,.sf-grid.cols-4,.sf-grid.cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.sf-grid.cols-2,.sf-grid.cols-3,.sf-grid.cols-4,.sf-grid.cols-5{grid-template-columns:1fr}.sf-page{padding:var(--sf-md) 0 var(--sf-xl)}}.sf-grid.cols-2-mobile{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:640px){.sf-grid.cols-2-mobile{grid-template-columns:repeat(2,minmax(0,1fr))}}.sf-kicker{font-size:var(--sf-small);color:var(--sf-muted);letter-spacing:.1em;text-transform:uppercase}.sf-h1{font-size:var(--sf-h1);line-height:1.1;margin:var(--sf-sm) 0}.sf-h1,.sf-h2{font-family:var(--sf-font-head);font-weight:700}.sf-h2{font-size:var(--sf-h2);line-height:1.15;margin:0 0 var(--sf-sm)}.sf-h3{font-family:var(--sf-font-head);font-size:var(--sf-h3);font-weight:700;margin:0 0 var(--sf-xs)}.sf-lead{max-width:70ch}.sf-lead,.sf-muted,.sf-small{color:var(--sf-muted)}.sf-small{font-size:var(--sf-small)}.sf-mono{font-family:var(--sf-mono)}.sf-brand-text{background:var(--sf-grad-hero);-webkit-background-clip:text;background-clip:text;color:transparent}.sf-header{position:sticky;top:0;z-index:50;height:var(--sf-header-h);display:flex;align-items:center;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.8)}:root.dark .sf-header{background:rgba(15,23,42,.75);border-bottom:1px solid rgba(255,255,255,.1)}.sf-header-inner{justify-content:space-between;gap:var(--sf-md);width:100%}.sf-header-inner,.sf-nav{display:flex;align-items:center}.sf-nav{gap:var(--sf-sm)}.sf-nav a{color:var(--sf-muted);padding:.5rem .7rem;border-radius:.75rem;transition:background var(--sf-speed) var(--sf-ease),color var(--sf-speed) var(--sf-ease)}.sf-nav a:hover{background:rgba(0,102,204,.08);color:var(--sf-text);text-decoration:none}.sf-actions{display:flex;gap:var(--sf-sm);align-items:center}.sf-burger{display:none;border:1px solid var(--sf-border);background:var(--sf-card);border-radius:.75rem;padding:.55rem .65rem;box-shadow:var(--sf-shadow-card);cursor:pointer}@media (max-width:768px){.sf-nav{display:none}.sf-burger{display:inline-flex}}.sf-drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);backdrop-filter:blur(6px);display:none;z-index:60}.sf-drawer{position:fixed;top:0;left:0;height:100vh;width:min(86vw,340px);background:var(--sf-card);border-right:1px solid var(--sf-border);transform:translateX(-102%);transition:transform .22s var(--sf-ease);z-index:61;padding:var(--sf-md);box-shadow:0 20px 60px rgba(0,0,0,.2)}.sf-drawer.open{transform:translateX(0)}.sf-drawer a,.sf-drawer-backdrop.open{display:block}.sf-drawer a{padding:.65rem .75rem;border-radius:.75rem;color:var(--sf-text)}.sf-drawer a:hover{background:rgba(0,102,204,.08);text-decoration:none}.sf-card{background:var(--sf-card);border:1px solid var(--sf-border);border-radius:var(--sf-r-card);padding:1.25rem;box-shadow:var(--sf-shadow-card);transition:transform .24s var(--sf-ease),box-shadow .24s var(--sf-ease),border-color .24s var(--sf-ease)}.sf-card.hover:hover{transform:translateY(-2px);box-shadow:var(--sf-shadow-card-hover)}.sf-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sf-md);margin-bottom:var(--sf-sm)}.sf-card-title{font-size:var(--sf-cardtitle);font-weight:700;margin:0}.sf-card-desc{margin:.25rem 0 0;color:var(--sf-muted);font-size:var(--sf-small)}.sf-card.feature{border:2px solid transparent;background:linear-gradient(var(--sf-card),var(--sf-card)) padding-box,linear-gradient(135deg,#0066cc,#9333ea) border-box}.sf-card.green{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.sf-card.purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#c4b5fd}.sf-card.amber{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d}.sf-card.cyan{background:linear-gradient(135deg,#ecfeff,#cffafe);border-color:#67e8f9}.sf-card.hero{color:white;border:none;background:var(--sf-grad-hero);text-align:center}.sf-card.premium{color:white;border:none;background:var(--sf-grad-premium)}.sf-card.success{color:white;border:none;background:var(--sf-grad-success)}.sf-card.stat{border-top:4px solid var(--sf-border);padding:1rem}.sf-card.stat.blue{border-top-color:var(--sf-primary)}.sf-card.stat.purple{border-top-color:var(--sf-accent)}.sf-card.stat.green{border-top-color:var(--sf-success)}.sf-card.stat.amber{border-top-color:var(--sf-warning)}.sf-card.save{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:4px solid #86efac;border-radius:1rem}.sf-icon{width:20px;height:20px;display:inline-block;flex:0 0 auto;color:currentColor}.sf-icon.lg{width:32px;height:32px}.sf-icon.xl{width:40px;height:40px}.sf-icon.xxl{width:48px;height:48px}.sf-icon-badge{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(0,102,204,.08);color:var(--sf-primary);font-size:24px}.sf-icon-badge.purple{background:rgba(147,51,234,.1);color:var(--sf-accent)}.sf-icon-badge.green{background:rgba(34,197,94,.12);color:var(--sf-success)}.sf-icon-badge.yellow{background:rgba(234,179,8,.14);color:var(--sf-warning)}.sf-icon-badge.red{background:rgba(239,68,68,.12);color:var(--sf-critical)}.sf-emoji{font-size:28px;line-height:1}.sf-emoji.lg{font-size:36px}.sf-emoji.xl{font-size:48px}.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.65rem 1.05rem;min-height:44px;border-radius:var(--sf-r-btn);border:1px solid transparent;font-weight:600;cursor:pointer;user-select:none;transition:transform var(--sf-speed) var(--sf-ease),box-shadow var(--sf-speed) var(--sf-ease),background var(--sf-speed) var(--sf-ease),border-color var(--sf-speed) var(--sf-ease)}.sf-btn:active{transform:scale(.98)}.sf-btn.primary{color:#fff;background:linear-gradient(135deg,#0066cc,#0052a3);box-shadow:var(--sf-shadow-btn)}.sf-btn.primary:hover{transform:translateY(-1px);box-shadow:var(--sf-shadow-btn-hover)}.sf-btn.accent{color:#fff;background:linear-gradient(135deg,#9333ea,#7c3aed);box-shadow:0 2px 4px rgba(147,51,234,.22)}.sf-btn.accent:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(147,51,234,.28)}.sf-btn.success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px rgba(16,185,129,.22)}.sf-btn.success:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.28)}.sf-btn.outline{background:var(--sf-card);border-color:var(--sf-border);color:var(--sf-text)}.sf-btn.outline:hover{border-color:rgba(0,102,204,.35);box-shadow:var(--sf-shadow-card)}.sf-btn.ghost{background:transparent;border-color:transparent;color:var(--sf-primary)}.sf-btn.ghost:hover{background:rgba(0,102,204,.08);text-decoration:none}.sf-btn.cta{background:white;color:var(--sf-primary);padding:.75rem 1.5rem;border-radius:var(--sf-r-pill);font-weight:600}.sf-btn.cta:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.sf-btn:disabled{opacity:.55;transform:none!important;box-shadow:none!important}.sf-btn.lg{padding:.85rem 1.5rem;font-size:1rem}.sf-btn.sm{padding:.45rem .75rem;font-size:var(--sf-small);min-height:36px}.sf-btn.full{width:100%}.sf-btn .sf-spinner{display:none}.sf-btn.loading .sf-spinner{display:inline-block}.sf-btn.loading .sf-btn-label{opacity:.8}.sf-badge{gap:.35rem;padding:.25rem .6rem;font-size:12px;font-weight:700;border:1px solid transparent}.sf-badge.success{background:rgba(34,197,94,.12);color:#0f7a37;border-color:rgba(34,197,94,.25)}.sf-badge.warning{background:rgba(234,179,8,.14);color:#7a5a00;border-color:rgba(234,179,8,.25)}.sf-badge.critical{background:rgba(239,68,68,.12);color:#8a1d2e;border-color:rgba(239,68,68,.25)}.sf-badge.neutral{background:rgba(107,114,128,.12);color:#374151;border-color:rgba(107,114,128,.22)}.sf-badge.primary{background:rgba(0,102,204,.1);color:var(--sf-primary);border-color:rgba(0,102,204,.22)}.sf-badge.premium{background:rgba(147,51,234,.12);color:var(--sf-accent);border-color:rgba(147,51,234,.22)}.sf-field{display:flex;flex-direction:column;gap:.4rem}.sf-label{font-weight:600;font-size:var(--sf-small);color:var(--sf-text)}.sf-input,.sf-select,.sf-textarea{width:100%;background:var(--sf-card);border:2px solid var(--sf-border);border-radius:var(--sf-r-input);padding:.75rem 1rem;transition:border-color var(--sf-speed) var(--sf-ease),box-shadow var(--sf-speed) var(--sf-ease)}.sf-textarea{min-height:140px;resize:vertical}.sf-input:focus,.sf-select:focus,.sf-textarea:focus{outline:none;border-color:var(--sf-primary);box-shadow:var(--sf-focus)}.sf-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--sf-muted) 50%),linear-gradient(135deg,var(--sf-muted) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.sf-form-grid{display:grid;grid-template-columns:1fr;gap:var(--sf-md)}@media (min-width:640px){.sf-form-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.sf-form-grid.cols-4{grid-template-columns:repeat(4,1fr)}}.sf-dropzone{border:2px dashed rgba(0,102,204,.35);border-radius:var(--sf-r-card);background:rgba(0,102,204,.05);padding:var(--sf-lg);display:flex;gap:var(--sf-md);align-items:center;justify-content:center;text-align:center;cursor:pointer}.sf-dropzone:hover{background:rgba(0,102,204,.07)}.sf-progress{height:10px;background:rgba(226,232,240,.85);border-radius:999px}:root.dark .sf-progress{background:rgba(255,255,255,.1)}.sf-progress>.fill{height:100%;width:0;border-radius:999px;transition:width .5s var(--sf-ease);background:var(--sf-success)}.sf-progress.warning>.fill{background:var(--sf-warning)}.sf-progress.critical>.fill{background:var(--sf-critical)}.sf-progress.primary>.fill{background:var(--sf-primary)}.sf-progress-label{display:flex;justify-content:space-between;font-size:var(--sf-small);color:var(--sf-muted);margin-bottom:.35rem}.sf-ampel{display:flex;gap:var(--sf-lg);align-items:flex-start;justify-content:center;flex-wrap:wrap}.sf-ampel-item{display:flex;flex-direction:column;align-items:center;gap:var(--sf-sm);min-width:80px}.sf-ampel-circle{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:800;color:white;box-shadow:0 10px 20px rgba(0,0,0,.08)}@media (min-width:640px){.sf-ampel-circle{width:80px;height:80px;font-size:24px}}.sf-ampel-circle.green{background:var(--sf-success)}.sf-ampel-circle.yellow{background:var(--sf-warning)}.sf-ampel-circle.red{background:var(--sf-critical)}.sf-ampel-circle.gray{background:#9ca3af}.sf-ampel-list{width:100%;margin-top:var(--sf-md);display:grid;gap:var(--sf-sm)}.sf-ampel-row{display:flex;align-items:center;gap:var(--sf-sm);padding:.5rem .75rem;border-radius:.75rem;background:rgba(255,255,255,.6);font-size:var(--sf-small)}:root.dark .sf-ampel-row{background:rgba(255,255,255,.06)}.sf-status-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.sf-status-dot.green{background:var(--sf-success)}.sf-status-dot.yellow{background:var(--sf-warning)}.sf-status-dot.red{background:var(--sf-critical)}.sf-status-dot.gray{background:#9ca3af}.sf-level{display:flex;gap:var(--sf-md);align-items:center}.sf-level-ring{width:70px;height:70px;border-radius:50%;background:conic-gradient(var(--sf-accent) calc(var(--p, 0) * 1%),rgba(255,255,255,.3) 0);display:grid;place-items:center;flex-shrink:0}@media (min-width:640px){.sf-level-ring{width:80px;height:80px}}:root.dark .sf-level-ring{background:conic-gradient(var(--sf-accent) calc(var(--p, 0) * 1%),rgba(255,255,255,.1) 0)}.sf-level-ring .inner{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-weight:800;font-size:24px}@media (min-width:640px){.sf-level-ring .inner{width:64px;height:64px;font-size:28px}}.sf-streak{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .75rem;border-radius:var(--sf-r-card);background:rgba(255,255,255,.2);text-align:center}.sf-streak-value{font-size:20px;font-weight:700}.sf-streak-label{font-size:var(--sf-small);opacity:.9}.sf-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--sf-border);border-radius:var(--sf-r-card);background:var(--sf-card);box-shadow:var(--sf-shadow-card)}.sf-table td,.sf-table th{padding:.85rem .9rem;border-bottom:1px solid var(--sf-border);text-align:left;vertical-align:middle}.sf-table th{font-size:var(--sf-small);color:var(--sf-muted);font-weight:700;background:rgba(248,250,252,.8)}:root.dark .sf-table th{background:rgba(255,255,255,.05)}.sf-table tr:last-child td{border-bottom:none}.sf-modal-backdrop{position:fixed;inset:0;display:none;place-items:center;background:rgba(15,23,42,.35);backdrop-filter:blur(6px);z-index:80}.sf-modal-backdrop.open{display:grid}.sf-modal{width:min(92vw,760px);max-height:90vh;overflow-y:auto;background:var(--sf-card);border:1px solid var(--sf-border);border-radius:1.25rem;box-shadow:0 24px 70px rgba(0,0,0,.22);animation:sf-pop .18s var(--sf-ease)}@keyframes sf-pop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.sf-modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--sf-border);display:flex;align-items:center;justify-content:space-between;gap:var(--sf-md)}.sf-modal-body{padding:1.25rem}.sf-modal-close{border:1px solid var(--sf-border);background:var(--sf-card);border-radius:.8rem;padding:.5rem .65rem;cursor:pointer}.sf-toast-wrap{position:fixed;top:16px;right:16px;z-index:90;display:flex;flex-direction:column;gap:10px}.sf-toast{width:min(92vw,360px);border-radius:1rem;padding:.85rem .95rem;box-shadow:0 14px 40px rgba(0,0,0,.12);animation:sf-slidein .22s var(--sf-ease)}@keyframes sf-slidein{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.sf-toast.critical{border-left:4px solid var(--sf-critical)}.sf-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.55);border-top-color:rgba(255,255,255,0);animation:sf-spin .75s linear infinite}.sf-btn.ghost .sf-spinner,.sf-btn.outline .sf-spinner{border-color:transparent rgba(0,102,204,.35) rgba(0,102,204,.35)}.sf-skeleton{position:relative;overflow:hidden;background:rgba(226,232,240,.65);border-radius:.75rem}:root.dark .sf-skeleton{background:rgba(255,255,255,.08)}.sf-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:sf-shimmer 1.1s infinite}.sf-metric-card{background:var(--sf-card);border:1px solid var(--sf-border);border-radius:var(--sf-r-card);padding:1rem;text-align:center;position:relative;cursor:pointer;transition:all .24s var(--sf-ease)}.sf-metric-card:hover{transform:translateY(-2px);box-shadow:var(--sf-shadow-card-hover)}.sf-metric-card .sf-status-dot{position:absolute;top:12px;right:12px}.sf-metric-card .sf-emoji{margin-bottom:var(--sf-sm)}.sf-metric-card .title{font-size:var(--sf-small);font-weight:600;color:var(--sf-text)}.sf-coach-card{border-radius:var(--sf-r-card);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .24s var(--sf-ease);background:var(--sf-card)}.sf-coach-card.selected{border-color:var(--sf-primary);box-shadow:0 0 0 3px rgba(0,102,204,.2)}.sf-coach-header{padding:1rem;color:white;display:flex;align-items:center;gap:.75rem}@media (min-width:640px){.sf-coach-header{padding:1.25rem;gap:1rem}}.sf-coach-header.blue{background:linear-gradient(135deg,#0066cc,#0052a3)}.sf-coach-header.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.sf-coach-header.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.sf-coach-header.yellow{background:linear-gradient(135deg,#eab308,#ca8a04)}.sf-coach-header.purple{background:linear-gradient(135deg,#9333ea,#7c3aed)}.sf-coach-header.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.sf-coach-title{font-size:1rem;font-weight:700;margin:0}@media (min-width:640px){.sf-coach-title{font-size:1.125rem}}.sf-coach-subtitle{font-size:var(--sf-small);opacity:.9;margin:0}.sf-coach-expanded{background:var(--sf-bg);padding:1rem}.sf-difficulty-options{display:flex;flex-direction:column;gap:.5rem}@media (min-width:640px){.sf-difficulty-options{flex-direction:row}}.sf-difficulty-btn{flex:1;padding:.65rem;border:2px solid var(--sf-border);border-radius:.5rem;background:var(--sf-card);cursor:pointer;font-weight:600;font-size:var(--sf-small);transition:all .2s var(--sf-ease);display:flex;align-items:center;justify-content:center;gap:.5rem}.sf-difficulty-btn:hover{border-color:var(--sf-primary);background:rgba(0,102,204,.05)}.sf-difficulty-btn.easy:hover{border-color:var(--sf-success);background:rgba(34,197,94,.08)}.sf-difficulty-btn.medium:hover{border-color:var(--sf-warning);background:rgba(234,179,8,.08)}.sf-difficulty-btn.hard:hover{border-color:var(--sf-critical);background:rgba(239,68,68,.08)}:where(a,button,input,select,textarea,summary):focus-visible{outline:none;box-shadow:var(--sf-focus);border-color:rgba(0,102,204,.45)}.sf-text-center{text-align:center}.sf-flex{display:flex}.sf-flex-col{flex-direction:column}.sf-items-center{align-items:center}.sf-justify-center{justify-content:center}.sf-justify-between{justify-content:space-between}.sf-gap-sm{gap:var(--sf-sm)}.sf-gap-md{gap:var(--sf-md)}.sf-gap-lg{gap:var(--sf-lg)}.sf-mt-md{margin-top:var(--sf-md)}.sf-mt-lg{margin-top:var(--sf-lg)}.sf-mb-md{margin-bottom:var(--sf-md)}.sf-mb-lg{margin-bottom:var(--sf-lg)}.sf-w-full{width:100%}@media (max-width:640px){.sf-hide-mobile{display:none!important}}@media (min-width:641px){.sf-hide-desktop{display:none!important}}@keyframes sf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sf-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sf-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes sf-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes sf-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes sf-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes sf-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes sf-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sf-animate-fade-in{animation:sf-fade-in .3s var(--sf-ease)}.sf-animate-slide-up{animation:sf-slide-up .4s var(--sf-ease)}.sf-animate-slide-down{animation:sf-slide-down .4s var(--sf-ease)}.sf-animate-scale-in{animation:sf-scale-in .3s var(--sf-ease)}.sf-animate-pulse{animation:sf-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.sf-animate-spin{animation:sf-spin 1s linear infinite}.sf-stagger>*{animation:sf-slide-up .4s var(--sf-ease) backwards}.sf-stagger>:first-child{animation-delay:0s}.sf-stagger>:nth-child(2){animation-delay:50ms}.sf-stagger>:nth-child(3){animation-delay:.1s}.sf-stagger>:nth-child(4){animation-delay:.15s}.sf-stagger>:nth-child(5){animation-delay:.2s}.sf-stagger>:nth-child(6){animation-delay:.25s}.sf-skeleton{background:linear-gradient(90deg,var(--sf-border) 0,#f0f4f8 50%,var(--sf-border) 100%);background-size:200% 100%;animation:sf-shimmer 1.5s ease-in-out infinite;border-radius:var(--sf-r-input);color:transparent!important;pointer-events:none;user-select:none}.sf-skeleton-text{height:1em;margin-bottom:.5em;background:var(--sf-border);border-radius:4px}.sf-skeleton-circle{border-radius:50%;background:var(--sf-border)}.sf-skeleton-card{background:var(--sf-card);border:1px solid var(--sf-border);border-radius:var(--sf-r-card);padding:var(--sf-lg)}.sf-loading-spinner{width:40px;height:40px;border:3px solid var(--sf-border);border-top-color:var(--sf-primary);border-radius:50%;animation:sf-spin .8s linear infinite}.sf-loading-dots{display:flex;gap:8px;align-items:center;justify-content:center}.sf-loading-dots span{width:8px;height:8px;background:var(--sf-primary);border-radius:50%;animation:sf-bounce 1.4s ease-in-out infinite}.sf-loading-dots span:first-child{animation-delay:0s}.sf-loading-dots span:nth-child(2){animation-delay:.2s}.sf-loading-dots span:nth-child(3){animation-delay:.4s}.sf-interactive{transition:all var(--sf-speed) var(--sf-ease);cursor:pointer}.sf-interactive:hover{transform:translateY(-2px);box-shadow:var(--sf-shadow-card-hover)}.sf-interactive:active{transform:translateY(0)}.sf-transition-colors{transition:background-color var(--sf-speed) var(--sf-ease),border-color var(--sf-speed) var(--sf-ease),color var(--sf-speed) var(--sf-ease)}.sf-transition-transform{transition:transform var(--sf-speed) var(--sf-ease)}.sf-transition-all{transition:all var(--sf-speed) var(--sf-ease)}.sf-focus-ring:focus-visible{outline:3px solid var(--sf-primary);outline-offset:2px}.sf-focus-ring-inset:focus-visible{outline:2px solid var(--sf-primary);outline-offset:-2px}:focus-visible{outline:2px solid var(--sf-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (max-width:768px){.sf-btn,a.sf-card,button{min-height:44px;min-width:44px}.sf-icon-btn{padding:12px}.sf-section{padding:var(--sf-lg) 0}.sf-container{padding-left:var(--sf-md);padding-right:var(--sf-md)}.sf-h1{font-size:clamp(1.75rem,5vw,2.5rem)}.sf-h2{font-size:clamp(1.5rem,4vw,2rem)}.sf-grid.cols-3,.sf-grid.cols-4{grid-template-columns:1fr}.sf-card.hover:hover,.sf-interactive:hover{transform:none}}@media (hover:none){.sf-card.hover:hover{transform:none}.sf-btn,.sf-card.hover{-webkit-tap-highlight-color:rgba(0,102,204,.1)}}.sf-will-change-transform{will-change:transform}.sf-will-change-opacity{will-change:opacity}.sf-gpu{transform:translateZ(0);backface-visibility:hidden}.sf-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-line-clamp-2{-webkit-line-clamp:2}.sf-line-clamp-2,.sf-line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.sf-line-clamp-3{-webkit-line-clamp:3}.sf-aspect-video{aspect-ratio:16/9}.sf-aspect-square{aspect-ratio:1/1}.sf-backdrop-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sf-backdrop-blur-lg{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.sf-gradient-text{background:var(--sf-grad-hero);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sf-glass{background:rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}:root.dark .sf-glass{background:rgba(30,41,59,.8);border:1px solid rgba(255,255,255,.1)}.sf-card.elevated{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.sf-card.elevated:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.sf-card.bordered{border:2px solid var(--sf-border)}.sf-card.bordered:hover{border-color:var(--sf-primary)}.sf-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--sf-r-pill);font-size:var(--sf-small);font-weight:500;line-height:1}.sf-badge.success{background:#dcfce7;color:#166534}.sf-badge.warning{background:#fef3c7;color:#92400e}.sf-badge.error{background:#fee2e2;color:#991b1b}.sf-badge.info{background:#dbeafe;color:#1e40af}.sf-badge.neutral{background:var(--sf-border);color:var(--sf-muted)}.sf-toast{position:fixed;bottom:var(--sf-lg);right:var(--sf-lg);background:var(--sf-card);border:1px solid var(--sf-border);border-radius:var(--sf-r-card);padding:var(--sf-md) var(--sf-lg);box-shadow:0 10px 25px -5px rgba(0,0,0,.15);animation:sf-slide-up .3s var(--sf-ease);z-index:9999;max-width:400px}.sf-toast.success{border-left:4px solid var(--sf-success)}.sf-toast.error{border-left:4px solid var(--sf-critical)}.sf-toast.warning{border-left:4px solid var(--sf-warning)}.sf-progress{width:100%;height:8px;background:var(--sf-border);overflow:hidden}.sf-progress,.sf-progress-bar{border-radius:var(--sf-r-pill)}.sf-progress-bar{height:100%;background:var(--sf-grad-hero);transition:width .3s var(--sf-ease)}.sf-progress.sm{height:4px}.sf-progress.lg{height:12px}.sf-divider{height:1px;background:var(--sf-border);margin:var(--sf-lg) 0}.sf-divider.thick{height:2px}.sf-divider.gradient{background:linear-gradient(90deg,transparent,var(--sf-border),transparent)}.sf-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sf-btn.loading{position:relative;color:transparent;pointer-events:none}.sf-btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid;border-top:2px solid transparent;border-radius:50%;animation:sf-spin .6s linear infinite;color:white}.sf-theme-toggle{width:48px;height:48px;border-radius:50%;border:1px solid var(--sf-border);background:var(--sf-card);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--sf-speed) var(--sf-ease)}.sf-theme-toggle:hover{background:var(--sf-bg);border-color:var(--sf-primary)}@media print{.sf-actions,.sf-btn,.sf-header,.sf-hide-print{display:none!important}.sf-card{box-shadow:none;border:1px solid #ddd;page-break-inside:avoid}body{background:white}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--sf-font-inter:"Inter","Inter Fallback"}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans Fallback;src:local("Arial");ascent-override:94.90%;descent-override:29.66%;line-gap-override:0.00%;size-adjust:104.53%}.__className_d1aafe{font-family:DM Sans,DM Sans Fallback;font-style:normal}.__variable_d1aafe{--sf-font-dm:"DM Sans","DM Sans Fallback"}