:root{color-scheme:dark;--bg-primary: #080a10;--bg-secondary: #0f131f;--card-bg: rgba(15, 23, 42, .45);--card-bg-hover: rgba(30, 41, 59, .55);--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(0, 242, 254, .15);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--neon-cyan: #00f2fe;--neon-emerald: #00e676;--neon-purple: #a855f7;--neon-orange: #ff9100;--neon-red: #ff0844;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;--font-header: "Outfit", var(--font-sans);--font-mono: "JetBrains Mono", monospace;--transition: all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:-10%;left:-5%;width:45vw;height:45vw;background:radial-gradient(circle,rgba(0,242,254,.12),transparent 70%);z-index:-1;filter:blur(80px);animation:float-slow 20s infinite alternate ease-in-out;pointer-events:none}body:after{content:"";position:fixed;bottom:-10%;right:-5%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(168,85,247,.08),transparent 70%);z-index:-1;filter:blur(95px);animation:float-slow-reverse 25s infinite alternate ease-in-out;pointer-events:none}@keyframes float-slow{0%{transform:translate(0) scale(1)}to{transform:translate(8%,12%) scale(1.08)}}@keyframes float-slow-reverse{0%{transform:translate(0) scale(1)}to{transform:translate(-10%,-6%) scale(1.05)}}canvas{width:100%!important;height:100%!important}.workspace-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#0a0c16b3;border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:32px 24px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:12px;margin-bottom:40px}.brand-logo{width:40px;height:40px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 20px #00f2fe59}.brand-logo svg{width:22px;height:22px}.brand-info h2{font-family:var(--font-header);font-size:16px;font-weight:700;letter-spacing:.5px}.brand-info p{font-size:11px;color:var(--text-secondary);margin-top:2px}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item{display:flex;align-items:center;gap:14px;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:14px;font-weight:500;padding:12px 18px;border-radius:14px;cursor:pointer;transition:var(--transition);text-align:left}.nav-item svg{width:18px;height:18px;transition:var(--transition)}.nav-item:hover{background:#ffffff0a;color:var(--text-primary)}.nav-item.active{background:#00f2fe0f;border-color:#00f2fe26;color:var(--neon-cyan);box-shadow:inset 0 0 12px #00f2fe0d}.nav-item.active svg{color:var(--neon-cyan);filter:drop-shadow(0 0 4px var(--neon-cyan))}.sidebar-footer{margin-top:auto}.secondary-btn,.danger-btn,.primary-glow-btn{font-family:var(--font-sans);font-size:13px;font-weight:600;border-radius:12px;cursor:pointer;transition:var(--transition);border:1px solid transparent}.secondary-btn{background:#ffffff0d;border-color:var(--border-color);color:var(--text-primary);padding:10px 18px}.secondary-btn:hover{background:#ffffff1a;border-color:#fff3}.danger-btn{background:#ff08440d;border-color:#ff084433;color:#f36;padding:10px 18px;width:100%}.danger-btn:hover{background:#ff084426;box-shadow:0 0 15px #ff084440}.primary-glow-btn{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));color:#fff;padding:14px 24px;width:100%;box-shadow:0 0 24px #00f2fe40}.primary-glow-btn:hover{transform:translateY(-1px);box-shadow:0 0 32px #00f2fe73}.main-content{padding:40px 48px;display:flex;flex-direction:column;gap:28px;max-width:1400px;margin:0 auto;width:100%}.content-header{display:flex;justify-content:space-between;align-items:start;gap:24px}.header-title h1{font-family:var(--font-header);font-size:28px;font-weight:800;letter-spacing:-.5px}.header-title p{color:var(--text-secondary);font-size:14px;margin-top:6px}.glass-container{display:flex;flex-direction:column;gap:24px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.metric-glass-card{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0003;transition:var(--transition);position:relative}.metric-glass-card:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 40px #00000059}.metric-glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.metric-meta{color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.metric-val{font-family:var(--font-header);font-size:34px;font-weight:800;margin:12px 0 6px;letter-spacing:-.5px}.metric-foot{font-size:12px;color:var(--text-muted)}.text-neon-cyan{color:var(--neon-cyan);text-shadow:0 0 12px rgba(0,242,254,.3)}.text-neon-emerald{color:var(--neon-emerald);text-shadow:0 0 12px rgba(0,230,118,.3)}.text-neon-purple{color:var(--neon-purple);text-shadow:0 0 12px rgba(168,85,247,.3)}.neon-green-text{color:var(--neon-emerald)!important}.neon-red-text{color:var(--neon-red)!important}.panel-layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px}.two-col-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.glass-block{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:28px;box-shadow:0 12px 40px #00000040;display:flex;flex-direction:column;gap:20px}.block-head h3{font-family:var(--font-header);font-size:18px;font-weight:700;letter-spacing:-.2px}.block-head p{color:var(--text-secondary);font-size:13px;margin-top:4px}.flex-space{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.chart-wrapper{position:relative;height:320px;width:100%}.swot-quadrant{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;flex:1}.quad-cell{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px;transition:var(--transition)}.quad-cell:hover{background:#ffffff0a}.quad-aces:hover{border-color:#00e67640;box-shadow:0 0 20px #00e67614}.quad-potentials:hover{border-color:#00f2fe40;box-shadow:0 0 20px #00f2fe14}.quad-bottlenecks:hover{border-color:#ff910040;box-shadow:0 0 20px #ff910014}.quad-dangers:hover{border-color:#ff084440;box-shadow:0 0 20px #ff084414}.quad-label{font-family:var(--font-header);font-size:13px;font-weight:700}.font-neon-green{color:var(--neon-emerald)}.font-neon-cyan{color:var(--neon-cyan)}.font-neon-orange{color:var(--neon-orange)}.font-neon-red{color:var(--neon-red)}.quad-desc{font-size:11px;color:var(--text-muted)}.quad-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}.badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;border:1px solid transparent}.badge-green{background:#00e67614;border-color:#00e67626;color:var(--neon-emerald)}.badge-cyan{background:#00f2fe14;border-color:#00f2fe26;color:var(--neon-cyan)}.badge-orange{background:#ff910014;border-color:#ff910026;color:var(--neon-orange)}.badge-red{background:#ff084414;border-color:#ff084426;color:var(--neon-red)}.empty-text{font-size:11px;color:var(--text-muted)}.bullet-list{display:flex;flex-direction:column;gap:16px}.bullet-item{border-left:2px solid rgba(255,255,255,.08);padding-left:16px}.bullet-item h4{font-size:14px;font-weight:600;margin-bottom:4px}.bullet-item p{color:var(--text-secondary);font-size:12.5px;line-height:1.6}.subject-chips{display:flex;gap:6px;flex-wrap:wrap}.chip-tab{background:#ffffff08;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:99px;font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition)}.chip-tab:hover{background:#ffffff14;color:var(--text-primary)}.chip-tab.active{background:var(--neon-cyan);color:var(--bg-primary);border-color:var(--neon-cyan);font-weight:600;box-shadow:0 0 16px #00f2fe59}.target-planner-wrapper{display:flex;flex-direction:column;gap:20px}.planner-control{background:#ffffff05;border:1px solid var(--border-color);padding:16px 24px;border-radius:16px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.planner-control label{font-size:14px;font-weight:600}.slider-wrapper{display:flex;align-items:center;gap:16px;flex:1}.slider-wrapper input[type=range]{flex:1;accent-color:var(--neon-cyan);cursor:pointer}.slider-val{font-family:var(--font-mono);font-size:15px;font-weight:700;min-width:60px}.table-container{overflow-x:auto}.premium-table,.draft-table{width:100%;border-collapse:collapse;text-align:left}.premium-table th,.draft-table th{padding:14px 16px;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.premium-table td,.draft-table td{padding:14px 16px;font-size:13.5px;border-bottom:1px solid rgba(255,255,255,.04)}.premium-table tr:hover{background:#ffffff03}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;border:2px dashed rgba(0,242,254,.25);border-radius:20px;background:#00f2fe03;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.upload-zone input{display:none}.upload-icon{width:52px;height:52px;background:#00f2fe0d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--neon-cyan);margin-bottom:16px;transition:var(--transition);border:1px solid rgba(0,242,254,.1)}.upload-zone:hover{border-color:var(--neon-cyan);background:#00f2fe08}.upload-zone:hover .upload-icon{transform:translateY(-2px);box-shadow:0 0 15px #00f2fe33}.upload-zone span{font-weight:600;font-size:15px;margin-bottom:6px}.upload-zone small{color:var(--text-muted);font-size:11.5px}.scan-laser{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);box-shadow:0 0 12px var(--neon-cyan),0 0 4px var(--neon-cyan);animation:scan-vertical 2s infinite linear}@keyframes scan-vertical{0%{top:0%}50%{top:100%}to{top:0%}}.ocr-result-area{margin-top:14px}.field-label{font-size:13px;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:8px}.ocr-textarea{width:100%;min-height:180px;background:#0003;border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;color:var(--text-primary);font-family:var(--font-mono);font-size:12px;resize:vertical;line-height:1.6}.ocr-textarea:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 12px #00f2fe26}.btn-group{display:flex;gap:10px;margin-top:14px}.draft-form-wrapper{display:flex;flex-direction:column;gap:16px}.form-row-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.draft-form-wrapper label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--text-secondary);font-weight:600}.draft-form-wrapper input{background:#0003;border:1px solid var(--border-color);color:var(--text-primary);padding:10px 14px;border-radius:10px;font-size:13.5px}.draft-form-wrapper input:focus{outline:none;border-color:var(--neon-cyan)}.draft-table input{width:100%;background:transparent;border:1px solid transparent;color:var(--text-primary);padding:6px 10px;border-radius:6px;font-size:13px;font-family:var(--font-mono);text-align:center}.draft-table input:hover{background:#ffffff05;border-color:#ffffff1a}.draft-table input:focus{outline:none;background:#0000004d;border-color:var(--neon-cyan)}.total-row-highlight td{background:#00f2fe08;border-top:1.5px solid rgba(0,242,254,.1);border-bottom:1.5px solid rgba(0,242,254,.1)}.timeline-container{display:flex;flex-direction:column;gap:28px;padding-left:20px;border-left:1.5px solid rgba(255,255,255,.05);margin-left:10px}.timeline-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:0;position:relative;display:flex;flex-direction:column;transition:var(--transition);overflow:hidden}.timeline-card:hover{border-color:#ffffff1f;box-shadow:0 8px 30px #0000004d}.card-timeline-node{position:absolute;left:-29.5px;top:18px;width:16px;height:16px;border-radius:50%;background:var(--neon-purple);border:4px solid var(--bg-primary);box-shadow:0 0 10px var(--neon-purple)}.card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 24px;border-bottom:none}.timeline-card.expanded .card-header{border-bottom:1px solid rgba(255,255,255,.04)}.timeline-card .card-body{padding:24px;display:flex;flex-direction:column;gap:20px}.card-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card-title h4{font-family:var(--font-header);font-size:17px;font-weight:700}.card-source-badge{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:10px;padding:2px 8px;border-radius:4px;color:var(--text-secondary)}.exam-note-text{font-size:13px;color:var(--text-muted);background:#ffffff05;border:1px dashed rgba(255,255,255,.05);padding:8px 14px;border-radius:8px;margin:0}.delete-btn{background:transparent;border:none;color:var(--neon-red);font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:var(--transition)}.delete-btn:hover{background:#ff08441a}.totals-pill-container{display:flex;gap:10px;flex-wrap:wrap}.total-pill{background:linear-gradient(135deg,#00f2fe14,#a855f714);border:1px solid rgba(0,242,254,.18);border-radius:12px;padding:8px 14px;display:flex;align-items:center;gap:10px;font-size:12px}.total-pill.alt{background:#ffffff05;border-color:var(--border-color)}.pill-label{color:var(--text-secondary);font-weight:500}.pill-val{font-family:var(--font-mono);font-weight:700}.pill-grade{font-family:var(--font-header);font-weight:800;color:var(--neon-orange)}.pill-rank{color:var(--text-muted)}.grid-sub-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.sub-mini-block{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:14px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;text-align:center;transition:var(--transition)}.sub-mini-block:hover{background:#ffffff0a;transform:translateY(-1px)}.sub-mini-block.card-green{border-color:#00e67626!important;background:linear-gradient(180deg,#00e67605,#00000040)!important}.sub-mini-block.card-cyan{border-color:#00f2fe26!important;background:linear-gradient(180deg,#00f2fe05,#00000040)!important}.sub-mini-block.card-orange{border-color:#ff910026!important;background:linear-gradient(180deg,#ff910005,#00000040)!important}.sub-block-title{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:13px}.sub-block-rank{font-family:var(--font-header);font-size:18px;font-weight:800;color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,242,254,.2);margin:4px 0}.sub-block-rank.no-rank{font-family:inherit;font-size:12px;font-weight:500;color:var(--text-muted);text-shadow:none}.sub-block-score{font-family:var(--font-mono);font-weight:600;font-size:12px;color:var(--text-muted)}@media(max-width:1100px){.workspace-layout{grid-template-columns:1fr}.sidebar{height:auto;position:relative;border-right:none;border-bottom:1px solid var(--border-color);padding:20px 24px}.brand{margin-bottom:16px}.sidebar-nav{flex-direction:row;flex-wrap:wrap}.sidebar-footer{display:none}.main-content{padding:24px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-layout-grid{grid-template-columns:1fr}}@media(max-width:600px){.metric-grid{grid-template-columns:1fr}.header-actions{display:none}.form-row-group{grid-template-columns:1fr}}.subject-dashboard-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;flex:1}@media(max-width:1200px){.subject-dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:768px){.subject-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.latest-subject-card{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;transition:var(--transition);text-align:center}.latest-subject-card:hover{background:#ffffff0d;border-color:#00f2fe33;transform:translateY(-2px);box-shadow:0 4px 20px #00f2fe1a}.latest-subject-header{display:flex;justify-content:space-between;align-items:center;width:100%}.latest-subject-header strong{font-size:14px}.latest-rank-num{display:flex;flex-direction:column;align-items:center;gap:2px;margin:4px 0}.latest-rank-num strong{font-family:var(--font-header);font-size:32px;font-weight:800;color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,242,254,.2)}.latest-rank-num small{color:var(--text-muted);font-size:10px;text-transform:uppercase}.latest-rank-change{font-size:11px;font-weight:600}.timeline-header-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s;padding:14px 18px!important;display:flex;justify-content:space-between;align-items:center;width:100%}.timeline-header-toggle:hover{background:#ffffff05}.font-emerald{border-color:#00e67633!important;color:var(--neon-emerald)!important}.sidebar-version{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-align:center;margin-bottom:8px}.expanded-meta-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;width:100%}.meta-left{display:flex;gap:8px;align-items:center}.badge-gray{background:#ffffff08!important;border-color:#ffffff0d!important;color:var(--text-muted)!important}.exam-chips-selector{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.exam-chip-tab{background:#ffffff05;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary);padding:8px 18px;border-radius:99px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition)}.exam-chip-tab:hover{background:#ffffff0f;border-color:#ffffff26;color:var(--text-primary)}.exam-chip-tab.active{background:var(--neon-cyan)!important;border-color:var(--neon-cyan)!important;color:var(--bg-primary)!important;font-weight:600;box-shadow:0 0 16px #00f2fe59}.exam-chip-tab.active .badge{background:#00000026!important;border-color:transparent!important;color:inherit!important}.exam-detail-report-container{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}