*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#fbf9f1;--bg-card:#fff;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#a0aec0;--border:#0000000a;--border-strong:#00000014;--accent-bg:#607d8b;--accent-text:#607d8b;--accent-light:#f0f4f8;--shadow-card:none;--shadow-hover:none;--radius:8px;--radius-lg:12px;--navy:var(--text-primary);--navy-mid:var(--text-secondary);--navy-light:var(--accent-bg);--gold:var(--accent-text);--gold-light:var(--accent-light);--gold-pale:var(--bg-base);--cream:var(--bg-base);--cream-dark:var(--border);--sage:#607d8b;--sage-light:#f0f4f8;--color-background-primary:var(--bg-card);--color-background-secondary:var(--bg-base);--color-background-tertiary:var(--bg-base);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:var(--text-muted);--color-border-primary:var(--border-strong);--color-border-secondary:var(--border);--color-border-tertiary:var(--border);font-family:Inter,sans-serif}.dark{--bg-base:#121212;--bg-card:#1a1a1a;--text-primary:#e2e8f0;--text-secondary:#a0aec0;--text-muted:#718096;--border:#ffffff0a;--border-strong:#ffffff14;--accent-bg:#607d8b;--accent-text:#607d8b;--accent-light:#607d8b1a;--shadow-card:none;--shadow-hover:none;--sage:#607d8b;--sage-light:#607d8b1a}html{background:#fbf9f1}body{background:var(--bg-base);color:var(--text-primary);min-height:100vh;font-size:14px;line-height:1.6}#root{background:var(--bg-base);min-height:100vh}.app{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;width:240px;min-width:240px;height:100vh;padding:0;display:flex;position:sticky;top:0;overflow:hidden}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar-nav-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;padding-bottom:8px;overflow:hidden auto}.sidebar-nav-scroll::-webkit-scrollbar{width:3px}.sidebar-nav-scroll::-webkit-scrollbar-track{background:0 0}.sidebar-nav-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 18px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-icon{flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.logo-square{background:linear-gradient(135deg, var(--gold-light), var(--cream));border:1.5px solid var(--gold);border-radius:9px;width:34px;height:34px;position:relative;box-shadow:0 2px 8px #0000000f}.logo-dot{border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 1px 3px #00000026}.logo-text{color:var(--text-primary);letter-spacing:-.4px;font-size:16px;font-weight:700;line-height:1.2}.logo-sub{color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;margin-top:1px;font-size:9px;line-height:1.3}.mobile-close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:4px;font-size:20px;transition:all .15s;display:none}.mobile-close-btn:hover{background:var(--bg-base);color:var(--text-primary)}.sidebar-section{color:var(--text-muted);letter-spacing:1.2px;text-transform:uppercase;flex-shrink:0;padding:20px 20px 6px;font-size:10px;font-weight:600}.nav-item{cursor:pointer;color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:calc(100% - 20px);margin:1px 10px;padding:9px 12px;font-size:13.5px;font-weight:400;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item:hover{background:var(--bg-base);color:var(--text-primary);transform:translate(2px)}.nav-item.active{background:var(--accent-light);color:var(--accent-text);box-shadow:inset 3px 0 0 var(--accent-text);font-weight:500}.nav-item .nav-icon{text-align:center;flex-shrink:0;width:18px;font-size:15px}.nav-badge{background:var(--gold);color:var(--navy);border-radius:20px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.user-profile{border-top:1px solid var(--border);background:linear-gradient(#0000,#00000004);flex-shrink:0;align-items:center;gap:10px;margin-top:auto;padding:16px 20px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#607d8b,#6aa89a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:600;display:flex;box-shadow:0 2px 6px #0000001a}.user-info{flex:1;min-width:0;overflow:hidden}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.user-role{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.user-profile button{border-radius:6px;padding:4px;transition:all .2s}.user-profile button:hover{background:#0000000f;color:var(--red)!important}.avatar-info .name{color:var(--text-primary);font-size:12.5px;font-weight:500}.avatar-info .role{color:var(--text-muted);font-size:11px}.sidebar-brand{border-bottom:1px solid var(--border);padding:24px 20px 20px}.sidebar-nav{flex-direction:column;flex:1;gap:0;padding:0;display:flex}.nav-section-label{color:var(--text-muted);letter-spacing:1.2px;text-transform:uppercase;padding:10px 20px 4px;font-size:10px;font-weight:600}.sidebar-footer{border-top:1px solid var(--border);cursor:pointer;align-items:center;gap:9px;padding:14px 12px;display:flex}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;align-items:center;gap:20px;height:60px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-title{color:var(--navy);letter-spacing:-.3px;flex-shrink:0;font-size:16px;font-weight:600}.topbar-search{flex:1;max-width:380px;position:relative}.topbar-search input{border:1px solid var(--border);background:var(--bg-base);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:8px 14px 8px 36px;font-family:Inter,sans-serif;font-size:13px;transition:all .2s}.topbar-search input:focus{border-color:var(--navy);background:var(--bg-card);box-shadow:0 0 0 3px #2c3e5014}.topbar-search .search-icon{color:var(--text-muted);font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.topbar-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.topbar-actions .btn-ghost{border-radius:50%;transition:all .2s}.topbar-actions .btn-ghost:hover{background:var(--bg-base);transform:scale(1.05)}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-mid)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-strong);background:0 0}.btn-ghost:hover{background:var(--cream-dark)}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:var(--gold-light)}.btn-sm{padding:5px 10px;font-size:12px}.content{flex:1;padding:28px;overflow-y:auto}.page-header{margin-bottom:40px}.page-header h1{letter-spacing:-.5px;color:var(--navy);margin-bottom:4px;font-size:22px;font-weight:600}.page-header p{color:var(--text-muted);font-size:13.5px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;transition:box-shadow .2s}.stat-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.stat-label{color:var(--text-muted);letter-spacing:.3px;font-size:12px;font-weight:500}.stat-icon{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex}.stat-icon.blue{color:var(--navy);background:#1a274414}.stat-icon.gold{color:var(--gold);background:#c8973a1f}.stat-icon.green{color:var(--sage);background:#4a7c6f1f}.stat-icon.purple{color:#8250c8;background:#8250c81a}.stat-value{color:var(--text-primary);letter-spacing:-.5px;font-size:26px;font-weight:500}.stat-trend{color:var(--sage);margin-top:2px;font-size:11px}.dashboard-grid{grid-template-columns:1fr 320px;gap:18px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex}.card-title{letter-spacing:-.5px;color:var(--navy);font-size:15px;font-weight:600}.card-body{padding:16px 20px}.vault-item{border-bottom:1px solid var(--border);cursor:pointer;border-radius:6px;gap:12px;margin:0 -8px;padding:10px 8px;transition:background .12s;display:flex}.vault-item:hover{background:var(--cream)}.vault-item:last-child{border-bottom:none}.doc-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:44px;font-size:16px;display:flex}.doc-icon.pdf{color:#e05c3a;background:#fff0ed}.doc-icon.doc{color:#4169e1;background:#edf3ff}.doc-icon.ppt{color:#e87c2a;background:#fff4e8}.doc-icon.code{color:#3a9e3a;background:#efffed}.vault-meta{flex:1;min-width:0}.vault-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:13.5px;font-weight:500;overflow:hidden}.vault-detail{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.tag{border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.tag-navy{color:var(--navy);background:#1a274414}.tag-gold{color:#9a6e1a;background:#c8973a1f}.tag-green,.tag-verified{color:var(--sage);background:#4a7c6f1f}.tag-ai{color:#7240b8;background:#8250c81a}.tag-red{color:#b83030;background:#dc3c3c14}.vote-group{color:var(--text-muted);flex-shrink:0;align-items:center;gap:4px;font-size:12px;display:flex}.vote-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;font-size:12px;transition:all .12s;display:flex}.vote-btn:hover{color:var(--gold);background:var(--gold-pale)}.vote-btn.upvoted{color:var(--gold)}.activity-item{border-bottom:1px solid var(--border);gap:10px;padding:9px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.act-content{flex:1}.act-text{color:var(--text-secondary);font-size:12.5px;line-height:1.5}.act-text strong{color:var(--text-primary);font-weight:500}.act-time{color:var(--text-muted);margin-top:2px;font-size:11px}.qa-search-container{margin-bottom:20px;position:relative}.qa-search-box{background:var(--bg-card);border:2px solid var(--navy);border-radius:var(--radius-lg);transition:border-color .2s;position:relative;overflow:hidden}.qa-search-box.focused{border-color:var(--gold)}.qa-search-inner{align-items:flex-start;gap:0;display:flex}.qa-textarea{min-height:56px;max-height:120px;color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;padding:14px 16px;font-family:Inter,sans-serif;font-size:14px;line-height:1.5}.qa-textarea::placeholder{color:var(--text-muted)}.qa-search-actions{align-items:flex-end;gap:6px;padding:10px 12px;display:flex}.ai-badge{background:linear-gradient(135deg, var(--navy), var(--navy-mid));color:var(--gold-light);letter-spacing:.3px;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.ai-badge .dot{background:var(--gold-light);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.qa-hint{color:var(--text-muted);align-items:center;gap:6px;padding:0 16px 10px;font-size:11.5px;display:flex}.match-section{margin-bottom:20px}.match-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.match-header-title{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:600}.match-line{background:var(--border);flex:1;height:1px}.qa-thread{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;margin-bottom:10px;transition:all .15s;overflow:hidden}.qa-thread:hover{border-color:var(--navy)}.qa-thread.best-match{border-color:var(--gold);border-left:3px solid var(--gold)}.thread-q{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:12px 14px 10px;display:flex}.thread-q-icon{color:var(--navy);flex-shrink:0;margin-top:1px;font-size:13px}.thread-q-text{color:var(--text-primary);flex:1;font-size:13.5px;font-weight:500}.match-score{background:var(--gold-pale);color:#9a6e1a;border-radius:20px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:700}.match-score.high{color:var(--sage);background:#4a7c6f1f}.thread-a{align-items:flex-start;gap:8px;padding:10px 14px;display:flex}.thread-a-avatar{background:var(--sage);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.thread-a-content{flex:1}.thread-a-text{color:var(--text-secondary);font-size:12.5px;line-height:1.6}.thread-a-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;display:flex}.vault-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.filter-chip{border:1px solid var(--border-strong);background:var(--bg-card);cursor:pointer;color:var(--text-secondary);border-radius:20px;padding:5px 14px;font-size:12.5px;font-weight:500;transition:all .15s}.filter-chip:hover{border-color:var(--navy);color:var(--navy)}.filter-chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.vault-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.vault-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease-out;overflow:hidden}.vault-card:hover{border-color:#1a274440;transform:translateY(-1px)}.vault-card-header{background:var(--cream);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px;display:flex}.vault-card-icon{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:48px;font-size:20px;display:flex}.vault-card-meta{flex:1;min-width:0}.vault-card-title{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:13.5px;font-weight:600;overflow:hidden}.vault-card-sub{color:var(--text-muted);font-size:11.5px}.vault-card-body{padding:12px 14px}.vault-card-desc{color:var(--text-secondary);margin-bottom:10px;font-size:12.5px;line-height:1.6}.vault-card-tags{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.vault-card-footer{color:var(--text-muted);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 14px;font-size:11.5px;display:flex}.ai-classify-pill{color:#7240b8;background:#8250c814;border:1px solid #8250c833;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.tabs{border-bottom:2px solid var(--border);gap:0;margin-bottom:20px;display:flex}.tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:10px 18px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:color .15s;position:relative}.tab:hover,.tab.active{color:var(--navy)}.tab.active:after{content:"";background:var(--navy);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-2px;left:0;right:0}.progress-bar{background:var(--cream-dark);border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--navy), var(--navy-light));border-radius:2px;height:100%}.semester-block{background:var(--cream);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;display:flex}.semester-num{letter-spacing:-.5px;color:var(--navy);width:28px;font-size:18px;font-weight:600}.semester-info{flex:1}.semester-name{color:var(--text-primary);font-size:13px;font-weight:500}.semester-count{color:var(--text-muted);font-size:11.5px}.notif-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:7px;height:7px}.tooltip{position:relative}.tooltip:hover .tooltip-text{opacity:1;pointer-events:auto}.tooltip-text{background:var(--navy);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:100;border-radius:5px;padding:4px 8px;font-size:11px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.upload-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;background:var(--cream);cursor:pointer;margin-bottom:18px;padding:28px 20px;transition:all .2s ease-out}.upload-zone:hover{border-color:var(--navy);background:#1a27440a}.upload-zone-icon{color:var(--text-muted);margin-bottom:8px;font-size:28px}.upload-zone-text{color:var(--text-secondary);font-size:13.5px;font-weight:500}.upload-zone-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.mini-chart{width:100%;height:70px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--navy);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.empty-state{text-align:center;color:var(--text-muted);padding:32px 20px}.empty-state i{opacity:.4;margin-bottom:10px;font-size:32px}.empty-state p{font-size:13.5px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.hidden{display:none}.code-snippet{color:#8be0a4;background:#1a2744;border-radius:8px;margin:8px 0;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:11.5px;line-height:1.7;overflow-x:auto}.divider{background:var(--border);height:1px;margin:14px 0}.w-full{width:100%}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.text-xs{font-size:11.5px}.text-muted{color:var(--text-muted)}.chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:32px;padding:32px;transition:all .2s ease-out}.chart-area{border-bottom:2px solid var(--border-strong);align-items:flex-end;gap:20px;height:250px;margin-top:30px;padding-bottom:30px;display:flex;position:relative}.chart-bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.chart-bar{background:var(--accent-bg);border:1px solid var(--border);border-bottom:none;border-radius:4px 4px 0 0;width:32px;transition:all .2s ease-out;position:relative}.chart-bar:hover{background:var(--text-secondary)}.chart-value{color:var(--navy);font-size:12px;font-weight:600;position:absolute;top:-24px}.chart-label{color:var(--text-secondary);white-space:nowrap;font-size:12px;position:absolute;bottom:-24px}.chart-y-axis{color:var(--text-muted);flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:10px;font-size:11px;display:flex;position:absolute;top:0;bottom:30px;left:-30px}.leaderboard-item{border-radius:var(--radius);background:var(--cream);align-items:center;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s ease-out;display:flex}.leaderboard-item:hover{background:var(--bg-card);transform:translate(4px)}.rank-badge{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.rank-1{color:#fff;background:linear-gradient(135deg,gold,#ffb142);box-shadow:0 4px 10px #ffd70066}.rank-2{color:#fff;background:linear-gradient(135deg,#e0e0e0,#9e9e9e)}.rank-3{color:#fff;background:linear-gradient(135deg,#cd7f32,sienna)}.rank-other{background:var(--border-strong);color:var(--text-secondary)}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:32px;padding:32px;transition:all .2s ease-out}.settings-title{color:var(--navy);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:12px;font-size:16px;font-weight:600}.settings-row{gap:20px;margin-bottom:16px;display:flex}.settings-row>div{flex:1}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border-strong);border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--navy)}input:checked+.slider:before{transform:translate(20px)}.settings-flex{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.settings-flex:last-child{border-bottom:none}.course-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.course-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;padding:20px;transition:all .2s ease-out;position:relative;overflow:hidden}.course-card:before{content:"";background:linear-gradient(90deg, var(--navy), var(--gold));opacity:0;width:100%;height:4px;transition:opacity .3s;position:absolute;top:0;left:0}.course-card:hover{border-color:#0000;transform:translateY(-5px)}.course-card:hover:before{opacity:1}.course-code{color:var(--gold);background:var(--gold-pale);border-radius:4px;margin-bottom:12px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-block}.course-title{letter-spacing:-.5px;color:var(--navy);margin-bottom:8px;font-size:16px;font-weight:600;line-height:1.3}.course-meta-list{color:var(--text-secondary);font-size:12.5px;list-style:none}.course-meta-list li{align-items:center;gap:8px;margin-bottom:6px;display:flex}.course-meta-list i{color:var(--text-muted);text-align:center;width:14px}.upload-form-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:800px;margin:0 auto;padding:30px}@media (width<=992px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.vault-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{z-index:100;transition:transform .3s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.topbar{padding:0 16px}.mobile-menu-btn{color:var(--navy);cursor:pointer;background:0 0;border:none;font-size:20px;display:block!important}.content{padding:16px}.vault-grid,.stats-grid{grid-template-columns:1fr}.topbar-search{display:none}.page-header h1{font-size:18px}.mobile-close-btn{display:block!important}.sidebar-overlay{display:block}}.mobile-menu-btn{display:none}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-input{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-base);width:100%;color:var(--text-primary);padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:var(--navy);outline:none}.login-container{background:var(--bg-base);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";background:radial-gradient(circle, var(--accent-light) 0%, transparent 60%);opacity:.5;z-index:0;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.login-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);z-index:1;width:100%;max-width:850px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #0000000d}.login-left,.login-right{flex:1;padding:48px}.login-left{background:linear-gradient(135deg, var(--bg-base), var(--bg-card));border-right:1px solid var(--border);flex-direction:column;justify-content:center;display:flex}.login-right{flex-direction:column;justify-content:center;display:flex}.login-header{margin-bottom:32px}.login-icon{background:var(--text-primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;font-size:24px;display:flex}.login-title{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:600}.login-subtitle{color:var(--text-muted);font-size:14px;line-height:1.6}.web3-btn{border-radius:var(--radius);color:#fff;cursor:pointer;background:#f6851b;border:none;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:24px;padding:14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.web3-btn:hover{background:#e2761b;transform:translateY(-2px)}.web3-btn:disabled{background:var(--border-strong);cursor:not-allowed;transform:none}.login-divider{text-align:center;color:var(--text-muted);align-items:center;margin:24px 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.login-divider:not(:empty):before{margin-right:.25em}.login-divider:not(:empty):after{margin-left:.25em}@media (width<=768px){.login-card{flex-direction:column;max-width:420px}.login-left{border-right:none;border-bottom:1px solid var(--border);padding:32px}.login-right{padding:32px}}