@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel:#ffffffd1;--panel-strong:#ffffffeb;--panel-border:#11111114;--text:#161616;--text-soft:#5d5d63;--brand:#ff0f7b;--brand-alt:#ff6b2c;--brand-dark:#0f0f10;--success:#168b5a;--shadow:0 24px 80px #1810161f;background:radial-gradient(circle at 0 0,#ff5ea247,#0000 32%),radial-gradient(circle at 85% 10%,#ffb83d33,#0000 22%),linear-gradient(#fff6fa 0%,#fff8ef 48%,#fffdfb 100%);font-family:Manrope,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{grid-template-columns:20rem 1fr;min-height:100vh;transition:grid-template-columns .3s;display:grid;position:relative}.app-shell:has(.sidebar-collapsed){grid-template-columns:5rem 1fr}.sidebar{color:#fff5f9;background:radial-gradient(circle at 100% 0,#ff74af4d,#0000 26%),linear-gradient(#1a1a1d 0%,#101012 100%);flex-direction:column;gap:1.5rem;padding:1.75rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.sidebar-collapsed{padding:1rem .5rem;overflow-x:hidden}.sidebar-collapse-btn{color:#fff;cursor:pointer;z-index:10;background:#ffffff1f;border:1px solid #fff3;border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:.5rem;box-shadow:0 .125rem .5rem #0003}.sidebar-collapse-btn:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.sidebar-collapsed .sidebar-collapse-btn{right:50%;transform:translate(50%)}.sidebar-collapsed .sidebar-collapse-btn:hover{transform:translate(50%)scale(1.05)}.sidebar-collapsed .nav-group{flex-direction:column;align-items:center;display:flex}.sidebar-collapsed .nav-link{text-transform:uppercase;border-radius:.5rem;justify-content:center;align-items:center;width:3rem;height:3rem;padding:0;font-size:1rem;font-weight:700;display:flex}.sidebar-collapsed .nav-list{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.sidebar-overlay,.mobile-nav-toggle{display:none}.sidebar:after{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#ff0f7b5c,#0000 70%);border-radius:999px;width:220px;position:absolute;inset:auto -80px -120px auto}.brand-block h1,.page-header h2,.topbar h2,.login-card h2,.login-showcase h1,.hero-panel h3,.panel-card h3{letter-spacing:-.05em;margin:0;font-family:Space Grotesk,sans-serif;line-height:1}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:#ffffffbd;margin:0 0 10px;font-size:.72rem}.eyebrow-dark{color:#1616168c}.muted{color:var(--text-soft)}.sidebar .muted{color:#fff5f9b8}.brand-block{flex-direction:column;gap:16px;display:flex}.brand-block-sidebar{gap:18px}.brand-copy{flex-direction:column;gap:10px;display:flex}.brand-logo{max-width:100%;height:auto;display:block}.brand-logo-hero{width:min(100%,330px)}.sidebar-spotlight{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:18px}.sidebar-spotlight-label,.nav-group-title,.section-kicker,.topbar-eyebrow,.showcase-kicker{text-transform:uppercase;letter-spacing:.16em;margin:0 0 8px;font-size:.72rem;font-weight:800}.sidebar-spotlight strong,.showcase-card strong{margin-bottom:8px;font-size:1rem;display:block}.nav-groups{flex-direction:column;gap:20px;display:flex}.nav-group{flex-direction:column;gap:10px;display:flex}.nav-group-title{color:#fff5f96b}.nav-list{flex-direction:column;gap:8px;display:flex}.nav-link{color:inherit;background:#ffffff0a;border:1px solid #0000;border-radius:18px;padding:13px 15px;text-decoration:none;transition:transform .18s,background .18s,border-color .18s}.nav-link:hover,.nav-link-active{background:linear-gradient(135deg,#ff0f7b3d,#ff6b2c24);border-color:#ffffff1a;transform:translate(4px)}.sidebar-footer{flex-direction:column;gap:16px;margin-top:auto;display:flex}.sidebar-user{margin:0;font-weight:600}.main-panel{min-width:0;padding:24px}.main-panel-frame{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff80;border:1px solid #ffffff73;border-radius:34px;min-width:0;min-height:calc(100vh - 48px);padding:22px}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:8px 4px 28px;display:flex}.topbar-main{align-items:center;gap:14px;min-width:0;display:flex}.topbar h2{font-size:clamp(1.7rem,2vw,2.25rem)}.topbar-eyebrow,.section-kicker,.showcase-kicker{color:#11111180}.topbar-usercard{background:#ffffffb8;border:1px solid #1111110f;border-radius:18px;align-items:center;gap:12px;min-width:0;max-width:100%;padding:12px 14px;display:inline-flex}.topbar-usercard p{color:var(--text-soft);margin:2px 0 0;font-size:.85rem}.status-dot{background:linear-gradient(135deg, var(--brand), var(--brand-alt));border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 6px #ff0f7b1f}.page-section{flex-direction:column;gap:24px;display:flex}.two-columns,.content-grid,.learners-layout{grid-template-columns:1.2fr .9fr;gap:24px;display:grid}.admin-page-grid{grid-template-columns:1.1fr .9fr;gap:24px;display:grid}.surface-stack{flex-direction:column;gap:24px;display:flex}.page-header{justify-content:space-between;align-items:end;gap:24px;display:flex}.page-header h2{font-size:clamp(2rem,3vw,3rem)}.header-meta{text-align:right;flex-direction:column;align-items:end;gap:10px;display:flex}.analytics-header-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:10px;display:flex}.panel-card{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;padding:24px}.panel-card-nested{box-shadow:none;background:#ffffffb8;border-radius:22px;padding:18px}.panel-card-emphasis{background:linear-gradient(#fffffff0,#fff8fcd6)}.panel-card-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.hero-panel{color:#fff6fb;background:radial-gradient(circle at 100% 0,#ffb43229,#0000 28%),linear-gradient(135deg,#111114 0%,#221019 52%,#3e1028 100%);border-radius:32px;grid-template-columns:1.45fr .7fr;gap:24px;padding:28px;display:grid;box-shadow:0 26px 80px #2e102038}.hero-panel-compact{grid-template-columns:1fr}.hero-copy{flex-direction:column;gap:14px;display:flex}.hero-copy p{color:#fff6fbc7;max-width:62ch;margin:0}.hero-stats{gap:16px;display:grid}.hero-stats div,.metric-card{background:#ffffff14;border:1px solid #ffffff14;border-radius:22px;padding:18px}.hero-stats span,.metric-label,.metric-hint,.list-row-meta small,.learner-list-main p,.learner-list-meta small{color:var(--text-soft);overflow-wrap:anywhere}.hero-stats strong{color:#fff;margin-top:8px;font-size:2rem;display:block}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.stats-grid-compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{background:var(--panel-strong);border:1px solid #1111110f}.metric-label,.metric-hint{margin:0;font-size:.88rem}.metric-value{letter-spacing:-.05em;margin:12px 0 10px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,2.2vw,2.4rem);display:block}.status-pill,.status-chip{width:fit-content;color:inherit;word-break:break-word;background:#ffffff1a;border-radius:999px;flex-wrap:wrap;align-items:center;max-width:100%;padding:7px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.status-chip{color:#fff4f9;background:linear-gradient(135deg,#ff0f7b29,#ff6b2c29)}.status-chip-soft{color:var(--brand);background:#ff0f7b14}.status-chip-contrast{color:var(--text);background:#1111110f}.panel-headline{justify-content:space-between;align-items:start;gap:18px;display:flex}.status-pill-active{color:var(--success);background:#168b5a1a}.status-pill-off{color:#b34b17;background:#ff6b2c1a}.tag-list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tag{background:#1111110d;border-radius:999px;padding:6px 10px;font-size:.82rem;display:inline-flex}.stack,.stack-sm{flex-direction:column;display:flex}.stack{gap:18px}.stack-sm{gap:12px}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field,.checkbox-row{flex-direction:column;gap:8px;display:flex}.field-inline{min-width:0}.field span,.field-label{font-size:.92rem;font-weight:600}.checkbox-row{background:#1111110a;border-radius:14px;flex-direction:row;align-items:start;padding:10px 12px}.checkbox-grid,.role-feature-groups{gap:12px;display:grid}.checkbox-grid-scroll{max-height:280px;padding-right:4px;overflow:auto}.feature-group-card{background:#11111108;border:1px solid #1111110f;border-radius:18px;padding:14px}.command-card{background:#1111110a;border:1px solid #1111110f;border-radius:16px;padding:14px 16px}.command-card code{word-break:break-word;font-family:SFMono-Regular,Menlo,monospace;font-size:.9rem}.feature-group-title{text-transform:uppercase;letter-spacing:.12em;color:#11111180;margin:0 0 12px;font-size:.86rem;font-weight:800}.checkbox-row span{flex-direction:column;display:flex}.checkbox-row small{color:var(--text-soft)}input,textarea,select{width:100%;color:var(--text);background:#ffffffe6;border:1px solid #1111111a;border-radius:16px;padding:12px 14px}textarea{resize:vertical;min-height:92px}.primary-button,.ghost-button{border:0;border-radius:16px;padding:12px 16px}.primary-button{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-alt) 100%);color:#fff;font-weight:700;box-shadow:0 16px 30px #ff0f7b3d}.ghost-button{color:#fff;background:#ffffff14}.login-shell{place-items:center;min-height:100vh;padding:28px;display:grid}.login-layout{grid-template-columns:1.15fr .85fr;gap:24px;width:min(1160px,100%);display:grid}.login-showcase,.login-card{box-shadow:var(--shadow);border-radius:34px;padding:34px}.login-showcase{color:#fff7fb;background:#457dc5;flex-direction:column;justify-content:space-between;gap:28px;display:flex}.login-showcase .muted{color:#fff7fbbd}.login-showcase h1{font-size:clamp(2.4rem,4vw,4rem)}.login-card{border:1px solid var(--panel-border);background:#ffffffeb;flex-direction:column;justify-self:end;gap:28px;width:min(100%,460px);display:flex}.showcase-grid{gap:16px;display:grid}.showcase-card{background:#ffffff14;border:1px solid #ffffff14;border-radius:24px;padding:20px}.filters-panel{grid-template-columns:1.4fr 220px;gap:16px;display:grid}.analytics-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.learners-layout{grid-template-columns:380px 1fr}.learner-detail-column{flex-direction:column;gap:24px;display:flex}.learner-list{flex-direction:column;gap:12px;min-width:0;max-height:880px;padding-right:6px;display:flex;overflow:auto}.learner-list-item{text-align:left;background:#ffffffc7;border:1px solid #1111110f;border-radius:20px;justify-content:space-between;gap:14px;width:100%;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.learner-list-item:hover,.learner-list-item-active{border-color:#ff0f7b40;transform:translateY(-1px);box-shadow:0 12px 30px #ff0f7b1a}.learner-list-main strong,.list-row strong{margin-bottom:4px;display:block}.learner-list-main p,.list-row p{margin:0}.learner-list-meta,.list-row-meta{flex-direction:column;justify-content:center;align-items:end;gap:4px;display:flex}.detail-hero{background:radial-gradient(circle at 100% 0,#ff0f7b1c,#0000 26%),#ffffffe6}.detail-hero-main{justify-content:space-between;align-items:start;gap:16px;margin-bottom:24px;display:flex}.learning-path-hero-side{flex-direction:column;align-items:end;gap:14px;display:flex}.learning-path-cover{object-fit:cover;background:#ffffffc7;border:1px solid #11111114;border-radius:22px;width:min(240px,100%);max-height:140px;box-shadow:0 16px 36px #1111111f}.content-grid-detail{grid-template-columns:repeat(2,minmax(0,1fr))}.time-chart{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));align-items:end;gap:12px;min-height:240px;padding-top:16px;display:grid}.time-chart-bar{flex-direction:column;align-items:center;gap:10px;min-height:220px;display:flex}.time-chart-bar-fill{background:linear-gradient(#ff0f7bf2,#ff6b2cbf);border-radius:14px 14px 8px 8px;width:100%;min-height:8px;box-shadow:0 14px 28px #ff0f7b2e}.time-chart-label{color:var(--text-soft);text-align:center;font-size:.78rem}.bar-list-row{grid-template-columns:minmax(0,1.4fr) minmax(160px,1fr) auto;align-items:center;gap:14px;display:grid}.bar-list-copy strong{margin-bottom:4px;display:block}.bar-list-copy p{margin:0}.bar-list-track{background:#11111114;border-radius:999px;width:100%;height:12px;overflow:hidden}.bar-list-fill{border-radius:inherit;background:linear-gradient(90deg,#ff0f7bf2,#ff6b2cbf);min-width:6px;height:100%}.bar-list-value{white-space:nowrap;font-weight:700}.table-shell{max-width:100%;overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:860px}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #11111114;padding:14px 12px}.data-table th{text-transform:uppercase;letter-spacing:.08em;color:#1111118a;font-size:.85rem}.data-table td strong{margin-bottom:4px;display:block}.data-table td span{color:var(--text-soft);font-size:.92rem}.table-sort-button{color:inherit;background:0 0;border:0;padding:0;font-weight:700}.table-sort-button:hover{color:var(--brand)}.list-row{border-bottom:1px solid #1111110f;justify-content:space-between;align-items:start;gap:14px;padding-bottom:14px;display:flex}.list-row:last-child{border-bottom:0;padding-bottom:0}.error-text{color:#b23838;margin:0}.error-panel{color:#b23838;background:#fff5f5e0;border-color:#b2383826}.analytics-focus-card{background:#ff0f7b0f;border:1px solid #ff0f7b1f;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px 18px;display:flex}.analytics-focus-card strong{margin-bottom:4px;display:block}.analytics-focus-card p,.analytics-helper-text{margin:0}.analytics-clear-focus{color:var(--text);background:#1111110f}.analytics-row-clickable,.analytics-row-active{cursor:pointer}.analytics-row-clickable:hover td,.analytics-row-active td{background:#ff0f7b0f}.form-note{color:var(--text-soft);margin:0}.switch-row{background:#1111110a;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;font-weight:600;display:inline-flex}.switch-row input{width:auto}.screen-state{place-items:center;min-height:100vh;display:grid}@media (width<=980px){.app-shell,.two-columns,.content-grid,.admin-page-grid,.learners-layout,.content-grid-detail,.login-layout,.hero-panel,.filters-panel{grid-template-columns:1fr}.app-shell{display:block}.sidebar-overlay{z-index:30;opacity:0;pointer-events:none;background:#0f0f106b;border:0;margin:0;padding:0;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-overlay-visible{opacity:1;pointer-events:auto}.sidebar{z-index:40;width:min(84vw,320px);max-width:320px;height:100vh;transition:transform .24s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-110%);box-shadow:0 24px 80px #00000047}.sidebar-open{transform:translate(0)}.mobile-nav-toggle{color:var(--text);background:#ffffffe0;border:1px solid #11111114;border-radius:16px;flex-shrink:0;align-items:center;gap:10px;padding:10px 12px;display:inline-flex}.mobile-nav-toggle span:nth-child(-n+3){background:currentColor;border-radius:999px;width:16px;height:2px;display:block}.mobile-nav-toggle span:last-child{font-weight:700}.login-card{justify-self:stretch;width:100%}.page-header,.topbar,.header-meta{text-align:left;align-items:start}.page-header,.topbar{flex-direction:column}.topbar{padding-bottom:20px}.topbar-main,.topbar-usercard{width:100%}.topbar-usercard{justify-content:flex-start}.analytics-focus-card{flex-direction:column;align-items:flex-start}.checkbox-grid-scroll,.learner-list{max-height:none}.data-table{min-width:680px}.nav-link:hover,.nav-link-active{transform:none}.header-meta{text-align:left;align-items:start}.analytics-header-actions{justify-content:start}.bar-list-row{grid-template-columns:1fr}}@media (width<=640px){.main-panel,.sidebar,.login-shell{padding:18px}.main-panel-frame,.panel-card,.login-card,.login-showcase,.hero-panel{border-radius:24px;padding:18px}.page-header,.topbar,.detail-hero-main,.list-row{flex-direction:column;align-items:start}.inline-fields{grid-template-columns:1fr}.topbar-usercard,.learner-list-item{width:100%}.main-panel-frame{min-height:auto}.mobile-nav-toggle{justify-content:center;width:100%}.sidebar{width:min(92vw,320px);padding:20px 18px}.filters-panel,.analytics-filters,.stats-grid,.stats-grid-compact{gap:14px}.data-table{min-width:560px}.data-table th,.data-table td{padding:12px 10px;font-size:.92rem}.learner-list-meta,.list-row-meta{align-items:start}.learning-path-hero-side{align-items:start;width:100%}.learning-path-cover{width:100%;max-height:180px}}.dashboard-metrics{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;display:grid}.metric-card-new{background:var(--panel-strong);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.metric-card-new:hover{transform:translateY(-2px);box-shadow:0 28px 90px #18101629}.metric-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.metric-content{flex-direction:column;gap:4px;min-width:0;display:flex}.metric-label-new{color:var(--text-soft);margin:0;font-size:.875rem;font-weight:500}.metric-value-new{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.2}.metric-hint-new{color:var(--text-soft);margin:0;font-size:.75rem}.dashboard-section{margin-bottom:40px}.section-header{margin-bottom:20px}.section-header h3{color:var(--text);margin:0;font-size:1.5rem;font-weight:700}.learning-paths-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.learning-path-card{background:var(--panel-strong);border:1px solid var(--panel-border);cursor:pointer;box-shadow:var(--shadow);border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden}.learning-path-card:hover{transform:translateY(-4px);box-shadow:0 32px 100px #1810162e}.learning-path-card:focus{outline:2px solid var(--brand);outline-offset:2px}.path-image{background:linear-gradient(135deg,#f5f7fa 0%,#e9ecf1 100%);width:100%;height:180px;position:relative;overflow:hidden}.path-image img{object-fit:cover;width:100%;height:100%}.path-image-placeholder{width:100%;height:100%;color:var(--text-soft);justify-content:center;align-items:center;display:flex}.path-content{flex-direction:column;gap:12px;padding:20px;display:flex}.path-content h4{color:var(--text);margin:0;font-size:1.125rem;font-weight:700;line-height:1.3}.path-meta{color:var(--text-soft);align-items:center;gap:8px;font-size:.875rem;display:flex}.path-meta-item{align-items:center;gap:6px;display:flex}.path-stats{border-top:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);gap:20px;padding:12px 0;display:flex}.path-stat{flex-direction:column;gap:4px;display:flex}.path-stat strong{color:var(--brand);font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:700}.path-stat span{color:var(--text-soft);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.path-progress{align-items:center;gap:12px;display:flex}.progress-bar{background:#ff0f7b1a;border-radius:999px;flex:1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--brand) 0%, var(--brand-alt) 100%);border-radius:999px;height:100%;transition:width .3s}.progress-label{color:var(--brand);text-align:right;min-width:45px;font-size:.875rem;font-weight:600}.dashboard-time-section{margin-top:40px}.time-chart{background:var(--panel-strong);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex}.time-bar-item{flex-direction:column;gap:8px;display:flex}.time-bar-label{justify-content:space-between;align-items:center;display:flex}.time-bar-label strong{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700}.time-bar-label span{color:var(--text-soft);font-size:.875rem}.time-bar{background:#0000000a;border-radius:8px;width:100%;height:40px;overflow:hidden}.time-bar-fill{border-radius:8px;height:100%;transition:width .4s}@media (width<=768px){.dashboard-metrics{grid-template-columns:1fr;gap:16px}.learning-paths-grid{grid-template-columns:1fr}.path-stats{gap:12px}}.back-button{background:var(--panel-strong);border:1px solid var(--panel-border);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;font-weight:500;transition:all .2s;display:inline-flex}.back-button:hover{background:var(--panel);transform:translate(-4px)}.learning-path-overview{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:40px;display:grid}.overview-card{background:var(--panel-strong);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:16px;padding:24px;display:flex}.overview-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.overview-content{flex-direction:column;gap:4px;display:flex}.overview-label{color:var(--text-soft);margin:0;font-size:.875rem;font-weight:500}.overview-value{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.2}.learners-section{margin-top:40px}.learners-table-container{background:var(--panel-strong);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.learners-table{border-collapse:collapse;width:100%}.learners-table thead{border-bottom:2px solid var(--panel-border);background:#00000005}.learners-table th{text-align:left;color:var(--text-soft);text-transform:uppercase;letter-spacing:.5px;padding:16px 20px;font-size:.875rem;font-weight:600}.learners-table td{border-bottom:1px solid var(--panel-border);padding:20px}.learners-table tbody tr:last-child td{border-bottom:none}.learners-table tbody tr{transition:background .2s}.learner-info{align-items:center;gap:12px;display:flex}.learner-avatar{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-alt) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.125rem;font-weight:700;display:flex}.learner-info strong{color:var(--text);font-size:.9375rem;display:block}.learner-email{color:var(--text-soft);margin:4px 0 0;font-size:.8125rem}.time-cell{color:var(--text);align-items:center;gap:8px;display:flex}.time-cell strong{font-family:Space Grotesk,sans-serif;font-size:.9375rem}.progress-cell{align-items:center;gap:12px;display:flex}.progress-bar-small{background:#ff0f7b1a;border-radius:999px;width:120px;height:6px;overflow:hidden}.progress-fill-small{background:linear-gradient(90deg, var(--brand) 0%, var(--brand-alt) 100%);border-radius:999px;height:100%;transition:width .3s}.progress-text{color:var(--brand);min-width:45px;font-size:.875rem;font-weight:600}.date-cell{color:var(--text-soft);font-size:.875rem}.empty-state{text-align:center;color:var(--text-soft);padding:60px 20px}.empty-state svg{opacity:.3;margin-bottom:16px}@media (width<=968px){.learners-table-container{overflow-x:auto}.learners-table{min-width:700px}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--panel-strong);border-radius:16px;flex-direction:column;width:100%;max-width:1200px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 40px 120px #0000004d}.modal-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.modal-header h3{color:var(--text);margin:0;font-size:1.5rem;font-weight:700}.modal-subtitle{color:var(--text-soft);margin:4px 0 0;font-size:.875rem}.modal-close{color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .2s}.modal-close:hover{background:#0000000d}.modal-body{flex:1;padding:24px;overflow-y:auto}.loading-state,.error-state{text-align:center;color:var(--text-soft);padding:60px 20px}.error-state{color:#e53e3e}.sessions-table-wrapper{overflow-x:auto}.sessions-table{border-collapse:collapse;width:100%}.sessions-table thead{border-bottom:2px solid var(--panel-border);background:#00000005}.sessions-table th{text-align:left;color:var(--text-soft);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:.8125rem;font-weight:600}.sessions-table td{border-bottom:1px solid var(--panel-border);padding:16px;font-size:.875rem}.sessions-table tbody tr:last-child td{border-bottom:none}.sessions-table tbody tr:hover{background:#ff0f7b08}.session-info{flex-direction:column;gap:6px;display:flex}.session-info strong{color:var(--text);font-size:.9375rem}.session-type-badge{color:#0063f7;text-transform:uppercase;letter-spacing:.5px;background:#5b8dee1a;border-radius:4px;width:fit-content;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.session-type-session{color:#c239b3;background:linear-gradient(135deg,#c239b31a 0%,#ff6b9d1a 100%);border:1px solid #c239b333}.session-type-elearning{color:#0063f7;background:linear-gradient(135deg,#5b8dee1a 0%,#0063f71a 100%);border:1px solid #5b8dee33}.training-title{color:var(--text-soft);font-size:.875rem}.session-dates{flex-direction:column;gap:4px;display:flex}.date-row{color:var(--text);align-items:center;gap:6px;font-size:.8125rem;display:flex}.muted-text{color:var(--text-soft);font-style:italic}.duration-value,.counted-time-value{font-family:Space Grotesk,sans-serif;font-size:.9375rem}.signature-cell{align-items:center;gap:8px;display:flex}.signed-text{color:#00a67e;font-size:.875rem;font-weight:600}.not-signed-text{color:#e53e3e;font-size:.875rem;font-weight:600}.signature-date{color:var(--text-soft);margin-top:2px;font-size:.75rem;display:block}.learners-table tbody tr{cursor:pointer}.learners-table tbody tr:hover{background:#ff0f7b0d}.sessions-section{margin-bottom:32px}.sessions-section:last-child{margin-bottom:0}.sessions-section-title{border-bottom:2px solid var(--panel-border);align-items:center;gap:10px;margin:0 0 16px;padding-bottom:12px;font-size:1.125rem;font-weight:700;display:flex}.upcoming-title{color:#0063f7}.past-title{color:var(--text)}.upcoming-badge{color:#0063f7!important;background:#0063f71a!important}.upcoming-session-row{background:#0063f705}.upcoming-session-row:hover{background:#0063f70d!important}.empty-state{color:var(--text-soft);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.empty-state p{margin:0;font-size:.9375rem}.learner-page-header{text-align:center;margin-bottom:3rem}.learner-page-header h1{background:linear-gradient(135deg,#ff6b9d 0%,#c239b3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.page-subtitle{color:var(--text-soft);margin:0;font-size:1.125rem}.learner-search-section{max-width:800px;margin:0 auto 3rem;position:relative}.learner-search-container{border:2px solid var(--panel-border);background:#fff;border-radius:16px;align-items:center;padding:1rem 1.5rem;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 8px #0000000d}.learner-search-container:focus-within{border-color:#ff6b9d;box-shadow:0 4px 20px #ff6b9d33}.search-icon-large{color:#ff6b9d;flex-shrink:0;margin-right:1rem}.search-input-large{background:0 0;border:none;outline:none;flex:1;padding:0;font-size:1.125rem}.search-input-large::placeholder{color:var(--text-soft)}.search-clear-btn{cursor:pointer;width:32px;height:32px;color:var(--text-soft);background:#94a3b81a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.search-clear-btn:hover{color:#ff6b9d;background:#ff6b9d1a}.learner-search-dropdown{border:1px solid var(--panel-border);z-index:100;background:#fff;border-radius:16px;max-height:500px;position:absolute;top:calc(100% + 12px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.search-results-list{padding:.5rem}.search-result-item{text-align:left;cursor:pointer;background:#fff;border:none;border-radius:12px;align-items:center;gap:1rem;width:100%;margin-bottom:.5rem;padding:1rem;transition:all .2s;display:flex}.search-result-item:last-child{margin-bottom:0}.search-result-item:hover{background:#ff6b9d0d;transform:translate(4px)}.result-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.result-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.result-info strong{color:var(--text);font-size:1rem;font-weight:600}.result-info span{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.result-meta{flex-shrink:0}.meta-badge{color:#00a67e;text-transform:capitalize;background:#00a67e1a;border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.search-empty{color:var(--text-soft);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.search-empty p{text-align:center;margin:0}.learner-empty-state{text-align:center;border:2px dashed var(--panel-border);background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;padding:4rem 2rem;display:flex}.empty-icon{color:#ff6b9d;background:#ff6b9d1a;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:1.5rem;display:flex}.learner-empty-state h3{color:var(--text);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.learner-empty-state p{color:var(--text-soft);max-width:500px;margin:0;font-size:1rem}.learner-detail-content{flex-direction:column;gap:1.5rem;display:flex}.learner-profile-card{border:1px solid var(--panel-border);background:#fff;border-radius:16px;flex-wrap:wrap;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.learner-profile-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.learner-profile-info h2{margin:0 0 4px;font-size:1.5rem;font-weight:700}.learner-profile-role{color:#ff6b9d;background:#ff6b9d1a;border-radius:12px;margin-bottom:4px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.learner-profile-email{color:var(--text-soft);margin:0;font-size:.875rem}.learner-profile-meta{flex-direction:column;flex:1;gap:.5rem;margin-left:auto;display:flex}.meta-item{color:var(--text-soft);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.meta-item svg{color:#ff6b9d}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.kpi-card{border:1px solid var(--panel-border);background:#fff;border-left:4px solid;border-radius:12px;padding:1.5rem;transition:all .2s}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.kpi-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.kpi-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:600}.kpi-value{color:var(--text);margin-bottom:1rem;font-size:2rem;font-weight:700}.kpi-progress{flex-direction:column;gap:.5rem;display:flex}.kpi-progress-bar{background:#f1f5f9;border-radius:4px;width:100%;height:8px;overflow:hidden}.kpi-progress-fill{border-radius:4px;height:100%;transition:width .6s}.kpi-hint{color:var(--text-soft);font-size:.75rem}.upcoming-sessions-section{border:1px solid var(--panel-border);background:#fff;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.section-title{border-bottom:2px solid var(--panel-border);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.section-title h3{flex:1;margin:0;font-size:1.25rem;font-weight:700}.badge-count{color:#fff;background:linear-gradient(135deg,#5b8dee 0%,#0063f7 100%);border-radius:14px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:.875rem;font-weight:700;display:inline-flex}.upcoming-sessions-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.upcoming-session-card{background:linear-gradient(135deg,#5b8dee0d 0%,#0063f70d 100%);border:1px solid #5b8dee33;border-radius:12px;padding:1.25rem;transition:all .2s;position:relative;overflow:hidden}.upcoming-session-card:before{content:"";background:linear-gradient(90deg,#5b8dee 0%,#0063f7 100%);height:4px;position:absolute;top:0;left:0;right:0}.upcoming-session-card:hover{border-color:#5b8dee;transform:translateY(-4px);box-shadow:0 8px 24px #5b8dee26}.session-date-badge{color:#0063f7;background:#fff;border-radius:20px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:6px 12px;font-size:.875rem;font-weight:600;display:inline-flex}.upcoming-session-card h4{color:var(--text);margin:0 0 .5rem;font-size:1rem;font-weight:600}.session-time{color:var(--text-soft);margin:0 0 .75rem;font-size:.875rem}.session-type-badge{color:#5b8dee;text-transform:uppercase;background:#5b8dee1a;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.learner-time-card{border:1px solid var(--panel-border);background:#fff;border-radius:16px;padding:1.5rem}.time-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.time-header strong{font-size:1.75rem;font-weight:700}.time-label{color:var(--text-soft);margin:0 0 16px;font-size:.875rem}.time-progress-bar{background:#f1f5f9;border-radius:6px;width:100%;height:12px;overflow:hidden}.time-progress-fill{border-radius:6px;height:100%;transition:width .3s}.learner-stats-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.learner-stat-card{border:1px solid var(--panel-border);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:1.5rem;display:flex}.learner-stat-card strong{color:#ff6b9d;margin-bottom:4px;font-size:1.5rem;font-weight:700;display:block}.learner-stat-card p{color:var(--text-soft);margin:0;font-size:.875rem}.learner-trainings-section{border:1px solid var(--panel-border);background:#fff;border-radius:16px;padding:1.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header h3{margin:0;font-size:1.25rem;font-weight:700}.text-link{color:#ff6b9d;cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:600}.text-link:hover{color:#c239b3}.trainings-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.training-card{border:1px solid var(--panel-border);border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden}.training-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.training-image{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:140px;display:flex;position:relative}.training-badge{color:#fff;background:#000000b3;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:700;position:absolute;top:12px;left:12px}.training-content{padding:1rem}.training-content h4{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:1rem;font-weight:600;display:-webkit-box;overflow:hidden}.training-meta{color:var(--text-soft);align-items:center;gap:6px;margin-bottom:12px;font-size:.875rem;display:flex}.training-progress{align-items:center;gap:12px;margin-bottom:8px;display:flex}.training-progress-bar{background:#f1f5f9;border-radius:4px;flex:1;height:8px;overflow:hidden}.training-progress-fill{background:linear-gradient(90deg,#ff6b9d 0%,#ff9a00 100%);border-radius:4px;height:100%;transition:width .3s}.training-progress-value{color:#ff6b9d;font-size:.875rem;font-weight:600}.training-completion{color:var(--text-soft);margin:0;font-size:.75rem}.training-state-badge{color:#ff6b9d;background:#ff6b9d1a;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.training-score{color:var(--text-soft);margin:8px 0 0;font-size:.875rem}.learner-tabs-section{border:1px solid var(--panel-border);background:#fff;border-radius:16px;overflow:hidden}.tabs-header{border-bottom:2px solid var(--panel-border);background:#f8f9fa;display:flex}.tab-button{color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:1rem;font-weight:600;transition:all .2s;display:flex}.tab-button:hover{color:var(--text);background:#ff6b9d0d}.tab-button-active{color:#ff6b9d;background:#fff;border-bottom-color:#ff6b9d}.tabs-content{padding:1.5rem}.sessions-list{flex-direction:column;gap:1rem;display:flex}.session-card{border:1px solid var(--panel-border);border-radius:12px;padding:1.25rem;transition:box-shadow .2s}.session-card:hover{box-shadow:0 4px 12px #00000014}.session-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.session-info h4{margin:0 0 4px;font-size:1.125rem;font-weight:600}.session-type{color:var(--text-soft);margin:0;font-size:.875rem}.session-status{flex-shrink:0}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.875rem;font-weight:600;display:inline-flex}.status-success{color:#00a67e;background:#00a67e1a}.status-error{color:#e53e3e;background:#e53e3e1a}.status-neutral{color:#64748b;background:#94a3b81a}.session-details{flex-wrap:wrap;gap:1rem;display:flex}.session-detail-item{color:var(--text-soft);align-items:center;gap:6px;font-size:.875rem;display:flex}.session-detail-item svg{color:#ff6b9d}.session-state-badge{color:#5b8dee;background:#5b8dee1a;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.activity-list{flex-direction:column;gap:1rem;display:flex}.activity-card{border:1px solid var(--panel-border);border-radius:12px;gap:1rem;padding:1rem;transition:box-shadow .2s;display:flex}.activity-card:hover{box-shadow:0 4px 12px #00000014}.activity-icon{background:#ff6b9d1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.activity-content{flex:1;min-width:0}.activity-content h4{margin:0 0 6px;font-size:1rem;font-weight:600}.activity-path{color:var(--text-soft);margin:0 0 8px;font-size:.875rem}.activity-meta{flex-wrap:wrap;gap:12px;font-size:.875rem;display:flex}.activity-type{color:#5b8dee;background:#5b8dee1a;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.activity-time{color:#ff6b9d;font-weight:600}.activity-date{color:var(--text-soft)}.activity-score{color:#00a67e;margin-top:8px;font-size:.875rem;font-weight:600}.activity-state{align-items:center;display:flex}.state-badge{text-transform:uppercase;border-radius:12px;padding:6px 12px;font-size:.75rem;font-weight:600}.state-completed{color:#00a67e;background:#00a67e1a}.state-in_progress{color:#ffb946;background:#ffb9461a}.state-not_started{color:#64748b;background:#94a3b81a}.page-header-modern{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.page-breadcrumb{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.breadcrumb-item{color:var(--text-soft)}.breadcrumb-item.active{color:#ff6b9d;font-weight:600}.breadcrumb-separator{color:var(--text-soft)}.page-header-modern h1{margin:0 0 .5rem;font-size:2rem;font-weight:700}.page-description{color:var(--text-soft);margin:0;font-size:1rem}.page-header-actions{gap:1rem;display:flex}.btn-export{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b9d 0%,#c239b3 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #ff6b9d4d}.btn-export:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff6b9d66}.btn-export:disabled{opacity:.6;cursor:not-allowed}.filters-section{border:1px solid var(--panel-border);background:#fff;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.filters-header{border-bottom:2px solid var(--panel-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.filters-title{align-items:center;gap:.75rem;display:flex}.filters-title h3{margin:0;font-size:1.25rem;font-weight:700}.btn-reset-filters{border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:flex}.btn-reset-filters:hover{color:#ff6b9d;background:#ff6b9d0d;border-color:#ff6b9d}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-label{color:var(--text);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.filter-label svg{color:#ff6b9d}.filter-input,.filter-select{border:1px solid var(--panel-border);border-radius:8px;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s}.filter-input:focus,.filter-select:focus{border-color:#ff6b9d;outline:none;box-shadow:0 0 0 3px #ff6b9d1a}.filter-select:disabled{cursor:not-allowed;opacity:.6;background:#f8f9fa}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card-modern{border:1px solid var(--panel-border);background:#fff;border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;transition:all .2s;display:flex}.stat-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-content{flex:1;min-width:0}.stat-label{color:var(--text-soft);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.stat-value{color:var(--text);margin-bottom:.25rem;font-size:1.75rem;font-weight:700;display:block}.stat-hint{color:var(--text-soft);margin:0;font-size:.75rem}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-section{border:1px solid var(--panel-border);background:#fff;border-radius:16px;margin-bottom:2rem;padding:2rem}.sync-section .section-title{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.sync-section .section-title h2{margin:0;font-size:1.5rem;font-weight:700}.section-description{color:var(--text-soft);margin:0 0 2rem;font-size:1rem}.sync-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.sync-card{border:1px solid var(--panel-border);background:#fff;border-radius:12px;padding:1.5rem;transition:all .2s}.sync-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.sync-card-header{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.sync-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.sync-info{flex:1;min-width:0}.sync-info h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.sync-info p{color:var(--text-soft);margin:0;font-size:.875rem}.sync-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b9d 0%,#c239b3 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.sync-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff6b9d66}.sync-button:disabled{opacity:.7;cursor:not-allowed}.sync-button-loading{background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%)}.sync-status{border-radius:8px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.sync-status-success{color:#00a67e;background:#00a67e1a;border:1px solid #00a67e33}.sync-status-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.sync-duration{opacity:.7;margin-left:auto;font-size:.75rem}.format-info-card{background:linear-gradient(135deg,#5b8dee0d 0%,#0063f70d 100%);border:1px solid #5b8dee33;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.format-info-header{border-bottom:1px solid #5b8dee33;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.format-info-header h4{color:var(--text);margin:0;font-size:1.125rem;font-weight:600}.format-info-content{flex-direction:column;gap:.75rem;display:flex}.format-info-content p{color:var(--text);margin:0;font-size:.9375rem}.format-info-content code{color:#0063f7;background:#5b8dee1a;border-radius:4px;padding:2px 6px;font-family:Monaco,Menlo,Courier New,monospace;font-size:.875rem}.format-list{flex-direction:column;gap:.5rem;margin:.5rem 0;padding:0;list-style:none;display:flex}.format-list li{color:var(--text);padding-left:1.5rem;font-size:.9375rem;position:relative}.format-list li:before{content:"→";color:#5b8dee;font-weight:600;position:absolute;left:0}.format-note{color:var(--text);background:#ffb9461a;border-left:3px solid #ffb946;border-radius:4px;padding:.75rem 1rem;font-size:.875rem}.upload-card{border:2px dashed var(--panel-border);background:#fff;border-radius:16px;padding:2rem;transition:all .2s}.upload-card:hover{background:#5b8dee05;border-color:#5b8dee}.upload-area{margin-bottom:1.5rem;position:relative}.file-input{opacity:0;z-index:-1;width:.1px;height:.1px;position:absolute;overflow:hidden}.file-label{cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;transition:all .2s;display:flex}.file-label:hover{background:#5b8dee0d}.upload-title{color:var(--text);margin:1rem 0 .5rem;font-size:1.125rem;font-weight:600}.upload-hint{color:var(--text-soft);margin:0;font-size:.875rem}.upload-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b8dee 0%,#0063f7 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.upload-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #5b8dee66}.upload-button:disabled{opacity:.7;cursor:not-allowed}.upload-button-loading{background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%)}.search-bar{margin-bottom:20px;position:relative}.search-icon{color:var(--text-soft);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{border:1px solid var(--panel-border);background:var(--panel-strong);width:100%;color:var(--text);border-radius:10px;padding:12px 16px 12px 48px;font-family:Space Grotesk,sans-serif;font-size:.9375rem;transition:all .2s}.search-input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #ff0f7b1a}.search-input::placeholder{color:var(--text-soft)}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.sortable-header:hover{background:#00000008}.header-content{justify-content:space-between;align-items:center;gap:8px;display:flex}.sort-icon{flex-shrink:0;transition:opacity .2s,color .2s}.sort-icon.inactive{opacity:.3}.sort-icon.active{color:var(--brand);opacity:1}.completion-cell{align-items:center;gap:12px;display:flex}.chart-panel{background:linear-gradient(135deg,#fffffff2 0%,#fffafde6 100%)}.chart-container{background:#ffffff80;border-radius:12px;margin-top:1.5rem;padding:2rem 1.5rem}.chart-insights{border-top:1px solid #11111114;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;padding-top:2rem;display:grid}.insight-card{background:linear-gradient(135deg,#5b8dee0d 0%,#0063f70d 100%);border:1px solid #5b8dee26;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .2s;display:flex}.insight-card:hover{border-color:#5b8dee4d;transform:translateY(-2px);box-shadow:0 8px 16px #5b8dee1a}.insight-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.875rem;font-weight:500}.insight-value{color:var(--text);letter-spacing:-.02em;margin:0;font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700}@media (width<=768px){.chart-container{padding:1rem}.chart-insights{grid-template-columns:1fr;gap:1rem}.insight-value{font-size:1.5rem}}