@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#01040e;--bg2:#060a18;--bg3:#0a0e1f;--bg4:#12172b;--bg5:#1b1f32;--surface:#0a0e1f;--surface2:#0f1324;--border:#151928;--border2:#1b1f32;--border3:#242a42;--text:#fffffa;--text2:#94a0b8;--text3:#576175;--primary:#054df5;--primary-fg:#fff;--primary-dim:#054df51f;--primary-glow:#054df526;--teal:#06b6d4;--purple:#818cf8;--green:#34d399;--amber:#fbbf24;--red:#ef4444;--radius:12px;--radius-sm:8px;--radius-xs:6px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SF Mono", "Fira Code", "Cascadia Code", monospace;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 24px #054df526;--login-glow-1:#054df52e;--login-glow-2:#17cfcf14;--login-card-bg:#0a0e1fcc;--topbar-bg:#060a18e0;--glass-bg:#0a0e1f99;--glass-border:#1b1f3280}[data-theme=light]{--bg:#f6f7f9;--bg2:#fff;--bg3:#edeff2;--bg4:#dcdfe5;--bg5:#cacfd8;--surface:#fff;--surface2:#f3f4f6;--border:#dcdfe5;--border2:#cacfd8;--border3:#b6bcc9;--text:#040b25;--text2:#576175;--text3:#8f96a3;--primary:#054df5;--primary-fg:#fff;--primary-dim:#054df514;--primary-glow:#054df51a;--teal:#0891b2;--purple:#6366f1;--green:#059669;--amber:#d97706;--red:#dc2626;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-glow:0 0 24px #054df514;--login-glow-1:#054df514;--login-glow-2:#17cfcf0a;--login-card-bg:#ffffffd9;--topbar-bg:#ffffffe0;--glass-bg:#fff9;--glass-border:#dcdfe580}html,body,#root{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"rlig" 1, "calt" 1;min-height:100vh;font-size:14px;line-height:1.6}.login-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.login-screen:before{content:"";background:radial-gradient(ellipse, var(--login-glow-1,#054df52e), transparent 70%);pointer-events:none;filter:blur(40px);border-radius:50%;width:600px;height:600px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.login-screen:after{content:"";background:radial-gradient(ellipse, var(--login-glow-2,#17cfcf14), transparent 70%);pointer-events:none;filter:blur(60px);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-30%;right:-10%}.login-card{z-index:1;background:var(--login-card-bg,#0a0e1fcc);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border2);width:100%;max-width:420px;box-shadow:var(--shadow-lg), 0 0 80px #054df50f;border-radius:16px;padding:48px 40px;position:relative}.login-logo-wrap{background:linear-gradient(135deg, var(--primary), #0437af);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 24px;display:flex;box-shadow:0 4px 16px #054df54d}.login-logo-wrap svg{width:28px;height:28px}.login-logo-img{object-fit:cover;border-radius:14px;width:100%;height:100%}.login-title{color:var(--text);letter-spacing:-.03em;margin-bottom:6px;font-size:26px;font-weight:700;line-height:1.1}.login-sub{color:var(--text2);margin-bottom:32px;font-size:14px;line-height:1.6}.login-form{flex-direction:column;gap:12px;width:100%;display:flex}.login-input{background:var(--bg);border:1px solid var(--border2);color:var(--text);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font);outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #054df526}.login-input::placeholder{color:var(--text3)}.login-btn{background:linear-gradient(135deg, var(--primary), #043fc8);color:var(--primary-fg);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);border:none;margin-top:4px;padding:13px;transition:opacity .2s,transform .1s,box-shadow .2s;box-shadow:0 2px 8px #054df54d}.login-btn:hover{opacity:.92;box-shadow:0 4px 16px #054df566}.login-btn:active{transform:scale(.98)}.login-note{color:var(--text3);margin-top:20px;font-size:12px}.login-error{color:var(--red);text-align:center;border-radius:var(--radius-xs);background:#ef434314;min-height:20px;padding:4px 0;font-size:13px}.portal{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--topbar-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:20px;display:flex}.topbar-brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.topbar-brand-icon{background:linear-gradient(135deg, var(--primary), #0437af);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 8px #054df540}.topbar-brand-icon svg{width:16px;height:16px}.topbar-brand-logo{object-fit:cover;border-radius:8px;width:32px;height:32px}.topbar-sep{background:var(--border2);width:1px;height:20px}.topbar-right{align-items:center;gap:12px;display:flex}.topbar-user{color:var(--text2);background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:flex}.topbar-user:before{content:"";background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px}.topbar-user span{color:var(--text);font-weight:500}.progress-global{color:var(--text3);align-items:center;gap:8px;font-size:13px;display:flex}.progress-global b{color:var(--primary);font-variant-numeric:tabular-nums;font-weight:600}.progress-global-bar{background:var(--bg4);border-radius:99px;width:60px;height:4px;overflow:hidden}.progress-global-fill{background:var(--primary);border-radius:99px;height:100%;transition:width .4s}.dashboard-btn{background:var(--surface);border:1px solid var(--border2);color:var(--text2);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-family:var(--font);align-items:center;gap:6px;padding:7px 16px;font-weight:500;transition:all .2s;display:flex}.dashboard-btn:hover{border-color:var(--primary);color:var(--text);background:var(--primary-dim);box-shadow:var(--shadow-glow)}.logout-btn{color:var(--text3);cursor:pointer;font-size:13px;font-family:var(--font);border-radius:var(--radius-xs);background:0 0;border:none;padding:6px 10px;font-weight:500;transition:color .2s,background .2s}.logout-btn:hover{color:var(--text);background:var(--surface)}.portal-body{flex:1;min-width:0;height:calc(100vh - 56px);display:flex;overflow:hidden}.sidebar{background:var(--bg2);border-right:1px solid var(--border);flex-shrink:0;width:240px;padding:20px 0 40px;overflow-y:auto}.sidebar-phase{margin-bottom:8px;position:relative}.sidebar-phase.phase-locked .phase-locked-items{pointer-events:none;-webkit-user-select:none;user-select:none;position:relative}.sidebar-phase.phase-locked .phase-locked-items:after{content:"";background:var(--sidebar-overlay,#f8fafcb3);border-radius:var(--radius-sm);z-index:2;position:absolute;inset:0}[data-theme=dark] .sidebar-phase.phase-locked .phase-locked-items:after{background:#02050fbf}.phase-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text3);padding:12px 20px 6px;font-size:10px;font-weight:600}.week-item{cursor:pointer;border-left:3px solid #0000;align-items:center;gap:10px;margin:1px 0;padding:10px 20px 10px 18px;transition:all .15s;display:flex}.week-item:hover{background:var(--surface)}.week-item.active{background:var(--primary-dim);border-left-color:var(--primary)}.week-item.locked{opacity:.25;cursor:not-allowed;pointer-events:none}.week-num{color:var(--text3);min-width:22px;font-size:10px;font-family:var(--mono);font-weight:500}.week-item.active .week-num{color:var(--primary)}.week-name{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:400;line-height:1.4;overflow:hidden}.week-item.active .week-name{color:var(--text);font-weight:500}.week-progress-wrap{flex-shrink:0;width:28px;height:28px;position:relative}.week-progress-wrap svg{transform:rotate(-90deg)}.week-progress-text{color:var(--text2);font-size:8px;font-weight:600;font-family:var(--mono);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.main{background:var(--bg);flex:1;overflow-y:auto}.dash-container{gap:0;min-height:calc(100vh - 56px);display:flex}.dash-content{flex:1;min-width:0;padding:28px 28px 48px;overflow:hidden}.dash-panel{border-left:1px solid var(--border);background:var(--bg2);flex-direction:column;flex-shrink:0;gap:20px;width:280px;padding:24px 20px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px 24px;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border2)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px 24px}.card-interactive{cursor:pointer;transition:all .25s}.card-interactive:hover{box-shadow:var(--shadow-md), var(--shadow-glow);border-color:#054df566;transform:translateY(-1px)}.card-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:16px;font-size:11px;font-weight:600}.hero-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:28px 32px;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(circle,#054df51a,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-60px;right:-60px}.hero-glow-2{pointer-events:none;background:radial-gradient(circle,#17cfcf0d,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-80px;left:-40px}.section-title{color:var(--text);letter-spacing:-.03em;font-size:20px;font-weight:700;line-height:1.2}.progress-bar{background:var(--bg4);border-radius:99px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--teal));border-radius:99px;height:100%;transition:width .6s}.phase-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.phase-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .2s;position:relative;overflow:hidden}.phase-card:hover{border-color:var(--border2)}.phase-card-accent{border-radius:var(--radius) var(--radius) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.grid-2col{grid-template-columns:280px 1fr;gap:12px;margin-bottom:14px;display:grid}.week-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.week-cell{aspect-ratio:1;border-radius:var(--radius-xs);font-size:11px;font-weight:600;font-family:var(--mono);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;transition:all .15s;display:flex}.week-cell.clickable{cursor:pointer}.week-cell.clickable:hover{transform:scale(1.1)}.week-cell.locked{color:#818898;cursor:not-allowed;opacity:.6;background:#c4c9d4;border:1px solid #adb4c2}[data-theme=dark] .week-cell.locked{color:#5c6370;opacity:.6;background:#272c35;border:1px solid #363d49}.week-cell.complete{background:var(--primary);color:#fff;border:1px solid var(--primary);box-shadow:0 2px 8px #054df54d}.week-cell.progress{background:var(--primary-dim);color:#759af0;border:1px solid #054df559}.week-cell.available{background:var(--bg3);color:var(--text2);border:1px solid var(--border2)}.pending-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.pending-item:last-child{border-bottom:none}.pending-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:8px}.pending-text{color:var(--text);font-size:13px;line-height:1.5}.pending-meta{font-family:var(--mono);color:var(--text3);margin-top:2px;font-size:10px}.recent-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.recent-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:10px 14px 10px 0;display:flex}.recent-check{background:var(--primary);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:flex;box-shadow:0 1px 4px #054df54d}.recent-text{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:12px;line-height:1.5;overflow:hidden}.recent-meta{font-family:var(--mono);color:var(--text3);margin-top:1px;font-size:10px}.panel-section{border-top:1px solid var(--border);padding-top:20px}.panel-stat{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.panel-stat:last-child{border-bottom:none}.panel-stat-label{color:var(--text2);font-size:13px}.panel-stat-val{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.qa-messages{flex-direction:column;gap:8px;max-height:260px;margin-bottom:12px;display:flex;overflow-y:auto}.qa-msg{border-radius:var(--radius-sm);padding:10px 14px}.qa-msg.user{background:var(--primary-dim);text-align:right;border:1px solid #054df540}.qa-msg.mentor{background:var(--bg3);border:1px solid var(--border);text-align:left}.qa-msg-label{color:var(--primary);font-size:10px;font-family:var(--mono);margin-bottom:3px}.qa-msg-text{font-size:12px;line-height:1.5}.qa-msg.user .qa-msg-text{color:var(--text)}.qa-msg.mentor .qa-msg-text{color:var(--text2)}.qa-input-wrap{gap:8px;display:flex}.qa-input{background:var(--bg);border:1px solid var(--border2);color:var(--text);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font);outline:none;flex:1;padding:10px 14px;transition:border-color .2s}.qa-input:focus{border-color:var(--primary)}.qa-send{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-family:var(--font);border:none;padding:10px 14px;transition:opacity .15s}.qa-send:hover{opacity:.9}.wpp-card{border-radius:var(--radius);cursor:pointer;background:#22c35d14;border:1px solid #22c35d33;align-items:center;gap:14px;padding:16px;text-decoration:none;transition:all .2s;display:flex}.wpp-card:hover{background:#22c35d1f;border-color:#22c35d66}.wpp-icon{background:#22c55e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 8px #22c55e4d}.wpp-icon svg{width:22px;height:22px}.wpp-title{color:#4ade80;margin-bottom:1px;font-size:14px;font-weight:600}.wpp-sub{color:#53c67db3;font-size:12px;line-height:1.4}.week-header{border-bottom:1px solid var(--border);background:var(--bg2);padding:28px 32px 0}.week-phase-tag{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;margin-bottom:14px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.tag-p1{color:#759af0;background:#054df51f;border:1px solid #054df540}.tag-p2{color:#8cf2f2;background:#17cfcf1a;border:1px solid #17cfcf40}.tag-p3{color:#9fa8f9;background:#828df81a;border:1px solid #828df840}.week-title{color:var(--text);letter-spacing:-.03em;margin-bottom:8px;font-size:24px;font-weight:700;line-height:1.2}.week-focus{color:var(--text2);max-width:640px;margin-bottom:0;font-size:14px;line-height:1.7}.week-tabs{gap:0;margin-top:24px;display:flex;overflow-x:auto}.wtab{color:var(--text3);cursor:pointer;font-size:13px;font-family:var(--font);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-weight:500;transition:color .15s,border-color .15s}.wtab:hover{color:var(--text2)}.wtab.on{color:var(--text);border-bottom-color:var(--primary)}.week-content{max-width:820px;padding:28px 32px 48px}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin:0 0 14px;font-size:11px;font-weight:600}.content-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:20px 24px}.content-block-title{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.block-tag{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:600}.bt-script{color:#8cabf2;background:#054df51f;border:1px solid #054df538}.bt-framework{color:#a3f5f5;background:#17cfcf1a;border:1px solid #17cfcf33}.bt-sop{color:#8de2c6;background:#3bce9d1a;border:1px solid #3bce9d33}.bt-calc{color:#fad975;background:#f7c2221a;border:1px solid #f7c22233}.bt-rule{color:#a3bcf5;background:#4778eb1a;border:1px solid #4778eb33}.bt-template{color:#a8b0fa;background:#828df81a;border:1px solid #828df833}.block-item{border-bottom:1px solid var(--border);color:var(--text2);padding:12px 0;font-size:14px;line-height:1.75}.block-item:last-child{border-bottom:none;padding-bottom:0}.block-item strong{color:var(--text);font-weight:600}.rule-box{border-radius:var(--radius-sm);color:var(--text);background:#4778eb0d;border:1px solid #4778eb2e;margin:10px 0;padding:14px 18px;font-size:14px;line-height:1.7}.agenda-row{border-bottom:1px solid var(--border);gap:16px;padding:14px 0;display:flex}.agenda-row:last-child{border-bottom:none}.agenda-time{color:var(--primary);min-width:76px;font-size:12px;font-weight:600;font-family:var(--mono);font-variant-numeric:tabular-nums;padding-top:2px}.agenda-text{color:var(--text2);flex:1;font-size:14px;line-height:1.75}.agenda-text strong{color:var(--text);font-weight:600}.del-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:14px;padding:14px 0;transition:opacity .15s;display:flex}.del-item:last-child{border-bottom:none}.del-item:hover{opacity:.8}.del-check{border:2px solid var(--border3);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;transition:all .2s;display:flex}.del-item.done .del-check{background:var(--primary);border-color:var(--primary);box-shadow:0 1px 4px #054df54d}.del-item.done .del-text{color:var(--text3);text-decoration:line-through}.del-check svg{display:none}.del-item.done .del-check svg{display:block}.del-text{color:var(--text2);font-size:14px;line-height:1.65}.checkpoint-box{border-radius:var(--radius);background:#054df50f;border:1px solid #054df533;margin-top:24px;padding:18px 20px}.checkpoint-label{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:8px;font-size:11px;font-weight:600}.checkpoint-text{color:var(--text);font-size:14px;line-height:1.7}.del-progress-bar{background:var(--bg4);border-radius:99px;height:5px;margin-bottom:20px;overflow:hidden}.del-progress-fill{background:var(--primary);border-radius:99px;height:100%;transition:width .4s}.del-progress-label{color:var(--text2);margin-bottom:8px;font-size:13px}.docs-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:20px;transition:border-color .2s}.docs-card.overdue{border-color:#d9262666}.docs-card:hover{border-color:var(--border2)}.docs-checkbox{border-radius:var(--radius-xs);border:2px solid var(--border3);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;transition:all .2s;display:flex}.docs-checkbox.checked{background:var(--primary);border-color:var(--primary);box-shadow:0 1px 4px #054df54d}.docs-title{margin-bottom:12px;font-size:14px;font-weight:500;line-height:1.5}.docs-title.done{color:var(--text3);text-decoration:line-through}.docs-field-label{color:var(--text3);letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600}.docs-input{background:var(--bg);border:1px solid var(--border2);color:var(--text2);border-radius:var(--radius-sm);width:100%;font-size:13px;font-family:var(--font);outline:none;padding:10px 14px;transition:border-color .2s}.docs-input:focus{border-color:var(--primary)}.docs-textarea{background:var(--bg);border:1px solid var(--border2);color:var(--text2);border-radius:var(--radius-sm);resize:vertical;width:100%;min-height:70px;font-size:13px;font-family:var(--font);outline:none;padding:10px 14px;line-height:1.6;transition:border-color .2s}.docs-textarea:focus{border-color:var(--primary)}.docs-deadline-info{margin-top:6px;font-size:11px}.docs-deadline-info.overdue{color:var(--red)}.docs-deadline-info.ok{color:var(--text3)}.locked-overlay{text-align:center;color:var(--text3);flex-direction:column;justify-content:center;align-items:center;padding:80px 32px;display:flex}.locked-icon-wrap{background:var(--surface);border:1px solid var(--border2);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex}.locked-icon{opacity:.5;font-size:28px}.locked-title{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:600}.locked-sub{max-width:340px;color:var(--text2);font-size:14px;line-height:1.7}.unlock-btn{background:var(--surface);border:1px solid var(--border2);color:var(--text2);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-family:var(--font);margin-top:24px;padding:10px 20px;font-weight:500;transition:all .2s}.unlock-btn:hover{border-color:var(--primary);color:var(--text);background:var(--primary-dim)}.wpp-float{z-index:999;color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #22c55e59}.wpp-float:hover{transform:scale(1.06);box-shadow:0 6px 28px #22c55e80}.wpp-float svg{width:26px;height:26px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1b1f32;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.theme-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:var(--radius-sm);justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .2s;display:flex}.theme-toggle:hover{border-color:var(--primary);color:var(--text);background:var(--primary-dim)}.theme-toggle svg{width:16px;height:16px}[data-theme=light] .tag-p1{color:#0442d2;background:#054df514;border-color:#054df533}[data-theme=light] .tag-p2{color:#109393;background:#17cfcf14;border-color:#17cfcf33}[data-theme=light] .tag-p3{color:#0e25f1;background:#828df814;border-color:#828df833}[data-theme=light] .bt-script{color:#0442d2;background:#054df514;border-color:#054df52e}[data-theme=light] .bt-framework{color:#0f8a8a;background:#17cfcf14;border-color:#17cfcf2e}[data-theme=light] .bt-sop{color:#218362;background:#3bce9d14;border-color:#3bce9d2e}[data-theme=light] .bt-calc{color:#ac8306;background:#f7c22214;border-color:#f7c2222e}[data-theme=light] .bt-rule{color:#1549c1;background:#4778eb14;border-color:#4778eb2e}[data-theme=light] .bt-template{color:#0d23e7;background:#828df814;border-color:#828df82e}[data-theme=light] .rule-box{background:#4778eb0a;border-color:#4778eb26}[data-theme=light] .checkpoint-box{background:#054df50a;border-color:#054df526}[data-theme=light] .hero-glow{background:radial-gradient(circle,#054df50f,#0000 70%)}[data-theme=light] .hero-glow-2{background:radial-gradient(circle,#17cfcf08,#0000 70%)}[data-theme=light] .qa-msg.user{background:#054df50f;border-color:#054df526}[data-theme=light] .week-cell.complete{box-shadow:0 2px 8px #054df533}[data-theme=light] .week-cell.progress{color:#0442d2;background:#054df50f;border-color:#054df533}[data-theme=light] .wpp-card{background:#22c35d0d;border-color:#22c35d26}[data-theme=light] .wpp-card:hover{background:#22c35d14;border-color:#22c35d4d}[data-theme=light] .wpp-title{color:#059669}[data-theme=light] .wpp-sub{color:#2d864db3}[data-theme=light] .del-item.done .del-check,[data-theme=light] .docs-checkbox.checked,[data-theme=light] .recent-check{box-shadow:0 1px 4px #054df533}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cacfd8}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--primary)}.mentee-screen{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.mentee-screen-header{border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.mentee-screen-body{flex-direction:column;flex:1;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:60px 32px 40px;display:flex}.mentee-screen-hero{text-align:center;margin-bottom:48px}.mentee-screen-title{color:var(--text);letter-spacing:-.02em;margin-bottom:10px;font-size:28px;font-weight:700}.mentee-screen-sub{color:var(--text2);max-width:480px;margin:0 auto;font-size:15px;line-height:1.5}.mentee-grid{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;display:flex}.mentee-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:280px;transition:all .25s;overflow:hidden}.mentee-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.mentee-card-top{flex-direction:column;align-items:center;gap:10px;padding:28px 20px 20px;display:flex}.mentee-avatar-lg{background:var(--primary);width:56px;height:56px;color:var(--primary-fg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.mentee-card-name{color:var(--text);font-size:16px;font-weight:600}.mentee-card-user{color:var(--text3);font-size:12px;font-family:var(--mono)}.mentee-card-bottom{border-top:1px solid var(--border);padding:16px 20px}.mentee-card-stat-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.mentee-card-stat-label{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.mentee-card-stat-value{font-family:var(--mono);color:var(--primary);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.mentee-progress-bar{background:var(--bg5);border-radius:99px;height:4px;overflow:hidden}.mentee-progress-fill{background:var(--primary);border-radius:99px;height:100%;transition:width .4s}.mentee-card-action{border-top:1px solid var(--border);color:var(--primary);justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.mentee-card:hover .mentee-card-action{background:var(--primary-dim)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:28px}.modal-title{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:700}.modal-message{color:var(--text2);margin-bottom:24px;font-size:14px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal-btn{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;border:1px solid #0000;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s}.modal-btn.cancel{background:var(--bg4);border-color:var(--border2);color:var(--text2)}.modal-btn.cancel:hover{background:var(--bg5);color:var(--text)}.modal-btn.confirm.primary{background:var(--primary);color:var(--primary-fg)}.modal-btn.confirm.primary:hover{filter:brightness(1.1)}.modal-btn.confirm.danger{background:var(--red);color:#fff}.modal-btn.confirm.danger:hover{filter:brightness(1.1)}[data-theme=light] .modal-overlay{background:#0000004d}[data-theme=light] .modal-card{background:#fff;border-color:#dcdfe5;box-shadow:0 8px 32px #0000001f}[data-theme=light] .modal-btn.cancel{color:#576175;background:#f0f1f5;border-color:#dcdfe5}[data-theme=light] .modal-btn.cancel:hover{color:#2b303b;background:#e0e4eb}.phase-label{justify-content:space-between;align-items:center;display:flex}.phase-lock-btn{border-radius:var(--radius-xs);border:1px solid var(--border2);background:var(--bg3);width:28px;height:28px;color:var(--text3);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.phase-lock-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-dim)}.phase-lock-btn.unlocked{color:var(--green);background:#3bce9d14;border-color:#3bce9d4d}.phase-lock-btn.unlocked:hover{border-color:var(--red);color:var(--red);background:#ef434314}[data-theme=light] .phase-lock-btn{background:#fff;border-color:#d3d7de}[data-theme=light] .phase-lock-btn:hover{background:#054df50f}[data-theme=light] .phase-lock-btn.unlocked{background:#3bce9d0f;border-color:#3bce9d40}[data-theme=light] .phase-lock-btn.unlocked:hover{background:#ef43430f;border-color:#ef434340}.phase-lock-icon{color:var(--text-muted,#737b8c);opacity:.5;flex-shrink:0;justify-content:center;align-items:center;display:flex}.phase-lock-icon.unlocked{color:var(--green);opacity:.7}.mentee-switch-btn{background:var(--primary-dim);border-radius:var(--radius-sm);color:var(--primary);font-family:var(--font);cursor:pointer;border:1px solid #054df533;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.mentee-switch-btn:hover{background:#054df52e}.viewing-banner{background:var(--primary-dim);border-radius:var(--radius-sm);color:var(--primary);border:1px solid #054df533;align-items:center;gap:10px;margin-bottom:20px;padding:12px 18px;font-size:13px;font-weight:500;display:flex}.viewing-banner strong{color:var(--text)}.topbar-viewing-tag{background:var(--primary-dim);color:var(--primary);border:1px solid #054df533;border-radius:99px;align-items:center;gap:5px;margin-left:8px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}[data-theme=light] .mentee-screen-header{background:#ffffffe0;border-color:#dcdfe5}[data-theme=light] .mentee-card{background:#fff;border-color:#dcdfe5}[data-theme=light] .mentee-card:hover{border-color:var(--primary);box-shadow:0 0 24px #054df51a}[data-theme=light] .mentee-card-bottom,[data-theme=light] .mentee-card-action{border-color:#e8eaee}[data-theme=light] .mentee-card:hover .mentee-card-action{background:#054df50d}[data-theme=light] .mentee-switch-btn{background:#054df514;border-color:#054df526}[data-theme=light] .mentee-switch-btn:hover{background:#054df51f}[data-theme=light] .topbar-viewing-tag{background:#054df514;border-color:#054df526}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}