*{box-sizing:border-box}main{color:#fff;justify-content:center;align-items:center;min-height:100vh;display:flex}.form-container{width:470px}.form-container .small-text{margin-bottom:12px;font-family:monospace;font-size:14px}.form-container h1{margin:0 0 15px;font-family:Georgia,serif;font-size:40px;font-weight:500}.form-container .description{color:#ddd;margin-bottom:35px;font-family:monospace;font-size:14px;line-height:1.6}.input-group{margin-bottom:20px}.input-group label{margin-bottom:8px;font-family:monospace;font-size:14px;font-weight:700;display:block}.input-group input{color:#fff;background-color:#343b39;border:1px solid #89918f;border-radius:2px;width:100%;height:52px;padding:0 14px;font-family:monospace;font-size:15px}.input-group input::placeholder{color:#ddd}.form-options{justify-content:space-between;align-items:center;margin:5px 0 25px;font-family:monospace;font-size:13px;display:flex}.remember{align-items:center;gap:8px;display:flex}.form-options a{color:#fff}form button{color:#31554d;cursor:pointer;background-color:#55e6c1;border:none;border-radius:2px;width:100%;height:55px;font-family:monospace;font-size:15px}form button:hover{background-color:#43d4af}.divider{align-items:center;gap:15px;margin:30px 0;font-family:monospace;font-size:14px;display:flex}.divider:before,.divider:after{content:"";background-color:#89918f;flex:1;height:1px}.google-button{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #89918f;border-radius:2px;width:100%;height:52px;font-family:monospace;font-size:14px}.google-button:hover{background-color:#2b3230}.register-text{text-align:center;margin-top:28px;font-family:monospace;font-size:14px}.register-text a{color:#55e6c1}.login-text{text-align:center;margin-top:28px;font-family:monospace;font-size:14px}.login-text a{color:#55e6c1}.auth-page{color:#fff;background-color:#0d0f0e;min-height:100vh;font-family:monospace,Courier New,Courier;display:flex}.auth-left{background-color:#0d0f0e;border-right:1px solid #89918f33;flex-direction:column;flex:1;justify-content:space-between;min-width:0;padding:3rem 3.5rem;display:flex;position:relative;overflow:hidden}.auth-left:before{content:"";pointer-events:none;background-image:linear-gradient(#55e6c108 1px,#0000 1px),linear-gradient(90deg,#55e6c108 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.auth-left-brand{letter-spacing:.08em;text-transform:uppercase;color:#89918f;z-index:1;font-size:.8rem;font-weight:700;position:relative}.auth-left-brand span{color:#55e6c1}.auth-left-hero{z-index:1;flex-direction:column;flex:1;justify-content:center;gap:2.5rem;display:flex;position:relative}.auth-left-heading{color:#fff;letter-spacing:-.01em;font-family:Georgia,serif;font-size:2rem;font-weight:400;line-height:1.35}.auth-left-heading em{color:#55e6c1;font-style:italic}.auth-resume-card{color:#1a1a1a;background-color:#fff;border-radius:6px;width:260px;padding:1.4rem 1.5rem 1.75rem;position:relative;transform:rotate(-1.5deg);box-shadow:0 20px 60px #0000008c,0 4px 16px #00000059}.auth-resume-card-badge{color:#89918f;white-space:nowrap;background-color:#1c2220;border:1px solid #89918f66;border-radius:3px;padding:.2rem .5rem;font-family:monospace;font-size:.65rem;position:absolute;top:-.6rem;right:-.6rem}.auth-resume-card-title{color:#111;margin-bottom:.3rem;font-family:Georgia,serif;font-size:1.05rem;font-weight:600}.auth-resume-card-sub{color:#555;letter-spacing:.04em;margin-bottom:1rem;font-family:monospace;font-size:.65rem}.auth-resume-card-lines{flex-direction:column;gap:.45rem;display:flex}.auth-resume-line{background-color:#ddd;border-radius:3px;height:7px}.auth-resume-line.long{width:100%}.auth-resume-line.medium{width:75%}.auth-resume-line.short{width:55%}.auth-card-glow{pointer-events:none;background:radial-gradient(circle,#55e6c11f 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:50%;left:45%;transform:translate(-50%,-50%)}.auth-left-footer{z-index:1;max-width:320px;position:relative}.auth-left-footer p{color:#89918f;font-family:monospace;font-size:.8rem;line-height:1.75}.auth-left-footer strong{color:#ddd;font-weight:600}.auth-right{background-color:#161b19;border-left:1px solid #89918f33;flex:0 0 520px;justify-content:center;align-items:center;display:flex}.auth-right main{min-height:unset;justify-content:center;align-items:flex-start;width:100%;padding:3rem 2.5rem;display:flex}@media (width<=820px){.auth-page{flex-direction:column}.auth-left{min-height:unset;border-bottom:1px solid #89918f33;border-right:none;padding:2rem 1.75rem}.auth-left-hero{gap:1.5rem}.auth-resume-card{width:220px}.auth-left-heading{font-size:1.5rem}.auth-left-footer{display:none}.auth-right{flex:unset;width:100%}.auth-right main{padding:2rem 1.5rem}}:root{--bg-page:#0d0f0e;--bg-card:#161b19;--bg-panel:#1c2220;--bg-input:#343b39;--border-color:#89918f;--text-primary:#fff;--text-muted:#ddd;--accent:#55e6c1;--accent-dark:#43d4af;--accent-text:#223430;--info-bg:#1b2e29;--info-border:#2d4a42;--font-stack:monospace, "Courier New", Courier}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.home{background-color:var(--bg-page);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-stack);-webkit-font-smoothing:antialiased;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:5rem 2rem 3rem;display:flex}.page-header{text-align:center;width:100%;max-width:1100px}.page-header h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.25rem;font-weight:700;line-height:1.2}.page-header p{color:var(--text-muted);max-width:480px;margin:0 auto;font-size:.95rem;line-height:1.6}.highlight{color:var(--accent)}.page-header-top{justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;display:flex}.prev-reports-btn{border:1px solid var(--border-color);color:var(--text-muted);font-family:var(--font-stack);cursor:pointer;white-space:nowrap;background:0 0;border-radius:.4rem;flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:color .2s,border-color .2s,background-color .2s;display:flex}.prev-reports-btn:hover{color:var(--accent);border-color:var(--accent);background-color:#55e6c10f}.logout-btn{z-index:100;border:1px solid var(--border-color);color:var(--text-muted);font-family:var(--font-stack);cursor:pointer;white-space:nowrap;background:0 0;border-radius:.4rem;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.78rem;font-weight:500;transition:color .2s,border-color .2s,background-color .2s;display:flex;position:fixed;top:1.1rem;right:1.5rem}.logout-btn:before{content:"→";opacity:.7;font-size:.85rem}.logout-btn:hover{color:#ff6b6b;background-color:#ff6b6b0f;border-color:#ff6b6b}.intervirew-input-group{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;width:100%;max-width:1100px;min-height:520px;display:flex;overflow:hidden}.left{border-right:1px solid var(--border-color);flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;position:relative}.left>label{color:var(--text-primary);cursor:default;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:1rem;font-weight:600;display:flex}.left>label:before{content:"📋";color:var(--accent);filter:grayscale(0);font-size:1rem;line-height:1}.left>label:after{content:"Required";text-transform:uppercase;letter-spacing:.03em;color:var(--accent);background-color:#55e6c11f;border:1px solid #55e6c14d;border-radius:.3rem;margin-left:auto;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.left>textarea{background-color:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-stack);resize:none;border-radius:.5rem;outline:none;flex:1;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;transition:border-color .2s}.left>textarea::placeholder{color:var(--text-muted)}.left>textarea:focus{border-color:var(--accent)}.right{flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex}.right>.input-group:first-child:before{content:"👤  Your Profile";color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:600;display:block}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group:last-of-type{flex-direction:column;flex:1;display:flex}.input-group label{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:flex}.section-label{color:var(--text-primary);cursor:default;align-items:center;gap:.5rem;margin-bottom:.15rem;font-size:.875rem;font-weight:500;display:flex}.badge-best{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background-color:#55e6c11f;border:1px solid #55e6c14d;border-radius:.3rem;padding:.15rem .5rem;font-size:.68rem;font-weight:600;line-height:1.4}.file-hidden{opacity:0;pointer-events:none;clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dropzone{background-color:var(--bg-input);border:2px dashed var(--border-color);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;border-radius:.6rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.75rem 1rem;transition:border-color .2s,background-color .2s;display:flex}.dropzone:hover{border-color:var(--accent);background-color:#55e6c10d}.file-hidden:focus+.dropzone,.dropzone:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #55e6c11f}.dropzone-icon{color:var(--accent);margin-bottom:.1rem;font-size:1.75rem;line-height:1}.dropzone-title{color:var(--text-primary);font-size:.875rem;font-weight:500}.dropzone-sub{color:var(--text-muted);font-size:.75rem}.right>.input-group:last-of-type>label:before{content:"✏️";font-size:.875rem;line-height:1}.input-group textarea{background-color:var(--bg-input);border:1px solid var(--border-color);width:100%;min-height:96px;color:var(--text-primary);font-family:var(--font-stack);resize:vertical;border-radius:.5rem;outline:none;flex:1;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;transition:border-color .2s}.input-group textarea::placeholder{color:var(--text-muted)}.input-group textarea:focus{border-color:var(--accent)}.generate-btn{background-color:var(--accent);color:var(--accent-text);cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-stack);white-space:nowrap;border:none;border-radius:2px;align-self:flex-end;align-items:center;gap:.5rem;margin-top:auto;padding:.75rem 1.5rem;transition:background-color .2s,box-shadow .2s,transform .1s;display:flex}.generate-btn:before{content:"✦";opacity:.8;font-size:.75rem}.generate-btn:hover{background-color:var(--accent-dark);box-shadow:0 4px 20px #55e6c14d}.generate-btn:active{background-color:#38c49e;transform:scale(.98);box-shadow:0 2px 8px #55e6c133}.generate-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.generate-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=768px){.home{justify-content:flex-start;padding:2rem 1rem}.intervirew-input-group{min-height:unset;border-radius:.75rem;flex-direction:column}.left{border-right:none;border-bottom:1px solid var(--border-color);min-height:280px}.right{gap:.75rem}.generate-btn{justify-content:center;align-self:stretch}.page-header h1{font-size:1.85rem}}@media (width<=480px){.home{gap:1.25rem;padding:1.25rem .75rem}.left,.right{padding:1.1rem}.left>textarea{min-height:180px;font-size:.8rem}.input-group textarea{font-size:.8rem}.generate-btn{padding:.65rem 1.25rem;font-size:.85rem}.page-header h1{font-size:1.6rem}}:root{--bg-page:#0d0f0e;--bg-card:#161b19;--bg-panel:#1c2220;--bg-input:#343b39;--border-color:#89918f;--text-primary:#fff;--text-muted:#ddd;--accent:#55e6c1;--accent-dark:#43d4af;--accent-text:#223430;--font-stack:monospace, "Courier New", Courier;--severity-high:#ff5f5f;--severity-medium:#f5a623;--severity-low:#55e6c1}.interview-page{background-color:var(--bg-page);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-stack);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}.interview-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-card);z-index:10;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.interview-header h1{color:var(--text-primary);letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.interview-header .header-subtitle{color:var(--text-muted);margin-top:.1rem;font-size:.8rem}.header-back-btn{border:1px solid var(--border-color);color:var(--text-muted);font-family:var(--font-stack);cursor:pointer;white-space:nowrap;background:0 0;border-radius:.4rem;padding:.35rem .75rem;font-size:.78rem;transition:color .2s,border-color .2s}.header-back-btn:hover{color:var(--accent);border-color:var(--accent)}.header-title-block{flex:1}.interview-body{flex:1;grid-template-columns:220px 1fr 300px;min-height:calc(100vh - 72px);display:grid}.interview-sidebar{border-right:1px solid var(--border-color);background-color:var(--bg-card);flex-direction:column;gap:.25rem;height:calc(100vh - 72px);padding:1.5rem 0;display:flex;position:sticky;top:72px;overflow-y:auto}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.5rem 1.25rem .25rem;font-size:.68rem;font-weight:600}.sidebar-nav-btn{color:var(--text-muted);font-family:var(--font-stack);cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.7rem 1.25rem;font-size:.85rem;font-weight:500;transition:color .2s,background-color .2s,border-color .2s;display:flex}.sidebar-nav-btn:hover{color:var(--text-primary);background-color:#55e6c10a}.sidebar-nav-btn.active{color:var(--accent);border-left-color:var(--accent);background-color:#55e6c112}.sidebar-nav-btn .nav-icon{text-align:center;flex-shrink:0;width:1.2rem;font-size:1rem}.sidebar-pdf-wrapper{border-top:1px solid #89918f33;padding:1rem .75rem}.sidebar-pdf-btn{width:100%;color:var(--accent);font-family:var(--font-stack);cursor:pointer;text-align:left;background-color:#55e6c11a;border:1px solid #55e6c14d;border-radius:.5rem;align-items:center;gap:.6rem;padding:.65rem 1rem;font-size:.83rem;font-weight:600;transition:background-color .2s,border-color .2s,color .2s;display:flex}.sidebar-pdf-btn:hover{border-color:var(--accent);color:var(--text-primary);background-color:#55e6c133}.sidebar-pdf-btn .nav-icon{flex-shrink:0;font-size:1rem}.interview-main{max-height:calc(100vh - 72px);padding:2rem;overflow-y:auto}.section-heading{color:var(--text-primary);align-items:center;gap:.6rem;margin-bottom:1.5rem;font-size:1.15rem;font-weight:700;display:flex}.section-heading:after{content:"";background-color:var(--border-color);opacity:.4;flex:1;height:1px}.question-list{flex-direction:column;gap:1.25rem;display:flex}.question-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem 1.5rem;transition:border-color .2s}.question-card:hover{border-color:#55e6c166}.question-number{color:var(--accent);letter-spacing:.06em;opacity:.8;margin-bottom:.5rem;font-size:.7rem;font-weight:700}.question-text{color:var(--text-primary);margin-bottom:.75rem;font-size:.95rem;font-weight:600;line-height:1.55}.question-meta{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.meta-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;background-color:#55e6c112;border:1px solid #55e6c140;border-radius:.3rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.question-intention{color:var(--text-muted);border-top:1px solid #89918f33;padding-top:.75rem;font-size:.8rem;line-height:1.5}.question-intention strong{color:var(--text-primary);font-weight:600}.answer-toggle{color:var(--accent);font-family:var(--font-stack);cursor:pointer;background:0 0;border:1px solid #55e6c133;border-radius:.3rem;margin-top:.75rem;padding:.3rem .7rem;font-size:.75rem;transition:background-color .2s}.answer-toggle:hover{background-color:#55e6c114}.answer-block{border-left:3px solid var(--accent);color:var(--text-muted);white-space:pre-wrap;background-color:#55e6c10a;border-radius:0 .4rem .4rem 0;margin-top:.75rem;padding:.85rem 1rem;font-size:.82rem;line-height:1.6}.roadmap-list{flex-direction:column;display:flex;position:relative}.roadmap-list:before{content:"";background:linear-gradient(to bottom, var(--accent), transparent);opacity:.25;width:2px;position:absolute;top:2.5rem;bottom:2.5rem;left:1.25rem}.roadmap-card{gap:1.25rem;padding:0 0 1.75rem;display:flex;position:relative}.roadmap-day-marker{background-color:var(--bg-page);border:2px solid var(--accent);width:2.5rem;height:2.5rem;color:var(--accent);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.68rem;font-weight:700;display:flex}.roadmap-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;flex:1;margin-top:.25rem;padding:1rem 1.25rem}.roadmap-day-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.2rem;font-size:.68rem;font-weight:700}.roadmap-focus{color:var(--text-primary);margin-bottom:.6rem;font-size:.95rem;font-weight:600}.roadmap-tasks{flex-direction:column;gap:.35rem;list-style:none;display:flex}.roadmap-tasks li{color:var(--text-muted);align-items:flex-start;gap:.5rem;font-size:.82rem;line-height:1.5;display:flex}.roadmap-tasks li:before{content:"•";color:var(--accent);flex-shrink:0;margin-top:.05rem}.interview-right-panel{border-left:1px solid var(--border-color);background-color:var(--bg-card);flex-direction:column;gap:1.75rem;max-height:calc(100vh - 72px);padding:1.5rem;display:flex;position:sticky;top:72px;overflow-y:auto}.match-score-section{flex-direction:column;align-items:center;gap:1rem;display:flex}.match-score-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid #89918f33;align-self:flex-start;width:100%;padding-bottom:.5rem;font-size:.78rem;font-weight:700}.score-ring-wrapper{width:120px;height:120px;position:relative}.score-ring-svg{width:120px;height:120px;transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:var(--bg-panel);stroke-width:8px}.score-ring-fill{fill:none;stroke:var(--accent);stroke-width:8px;stroke-linecap:round;stroke-dasharray:283;transition:stroke-dashoffset .8s}.score-ring-text{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-value{color:var(--text-primary);font-size:1.6rem;font-weight:700;line-height:1}.score-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem;font-size:.62rem}.matching-skills-list{flex-direction:column;gap:.3rem;width:100%;display:flex}.matching-skill-item{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.82rem;display:flex}.matching-skill-item:before{content:"✓";color:var(--accent);font-size:.75rem;font-weight:700}.skill-gaps-section{flex-direction:column;gap:.85rem;display:flex}.panel-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid #89918f33;padding-bottom:.5rem;font-size:.78rem;font-weight:700}.skill-gap-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:.65rem;flex-direction:column;gap:.4rem;padding:.85rem 1rem;display:flex}.skill-gap-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.skill-gap-name{color:var(--text-primary);font-size:.88rem;font-weight:600}.severity-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:.3rem;flex-shrink:0;padding:.2rem .55rem;font-size:.63rem;font-weight:700}.severity-badge.high{color:var(--severity-high);background-color:#ff5f5f1a;border:1px solid #ff5f5f4d}.severity-badge.medium{color:var(--severity-medium);background-color:#f5a6231a;border:1px solid #f5a6234d}.severity-badge.low{color:var(--severity-low);background-color:#55e6c114;border:1px solid #55e6c140}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-line{height:.85rem;margin-bottom:.6rem}.skeleton-line.full{width:100%}.skeleton-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;margin-bottom:1.25rem;padding:1.25rem 1.5rem}.skeleton-circle{border-radius:50%;width:120px;height:120px;margin:0 auto 1rem}.state-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:280px;padding:2rem;display:flex}.state-icon{opacity:.7;font-size:2.5rem}.state-title{color:var(--text-primary);font-size:1rem;font-weight:600}.state-message{color:var(--text-muted);max-width:360px;font-size:.85rem;line-height:1.6}.state-btn{background-color:var(--accent);color:var(--accent-text);font-family:var(--font-stack);cursor:pointer;border:none;border-radius:.4rem;margin-top:.5rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;transition:background-color .2s}.state-btn:hover{background-color:var(--accent-dark)}@media (width<=960px){.interview-body{grid-template-rows:1fr auto;grid-template-columns:190px 1fr}.interview-right-panel{border-left:none;border-top:1px solid var(--border-color);flex-flow:wrap;grid-column:1/-1;gap:1.5rem;max-height:none;padding:1.25rem;position:static}.match-score-section,.skill-gaps-section{flex:220px}.interview-sidebar{height:auto;position:static}.interview-main{max-height:none}}@media (width<=600px){.interview-header{padding:.85rem 1rem}.interview-body{grid-template-columns:1fr}.interview-sidebar{border-right:none;border-bottom:1px solid var(--border-color);flex-flow:wrap;gap:.25rem;height:auto;padding:.5rem;position:static}.sidebar-section-label{display:none}.sidebar-nav-btn{border-bottom:3px solid #0000;border-left:none;border-radius:.4rem;flex:1;justify-content:center;min-width:0;padding:.6rem .5rem;font-size:.78rem}.sidebar-nav-btn.active{border-left-color:#0000;border-bottom-color:var(--accent);background-color:#55e6c112}.sidebar-nav-btn .nav-icon{display:none}.interview-main{max-height:none;padding:1.25rem 1rem}.interview-right-panel{border-left:none;border-top:1px solid var(--border-color);flex-direction:column;max-height:none;padding:1.25rem 1rem;position:static}.roadmap-list:before{display:none}.roadmap-card{flex-direction:column;gap:.5rem;padding-bottom:1.25rem}}.reports-page{background-color:var(--bg-page);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-stack);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}.reports-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-card);z-index:10;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.reports-header-back{border:1px solid var(--border-color);color:var(--text-muted);font-family:var(--font-stack);cursor:pointer;white-space:nowrap;background:0 0;border-radius:.4rem;padding:.35rem .75rem;font-size:.78rem;transition:color .2s,border-color .2s}.reports-header-back:hover{color:var(--accent);border-color:var(--accent)}.reports-header-title{flex:1}.reports-header-title h1{color:var(--text-primary);font-size:1.1rem;font-weight:700}.reports-header-title p{color:var(--text-muted);margin-top:.1rem;font-size:.78rem}.reports-body{flex:1;width:100%;max-width:860px;margin:0 auto;padding:2rem}.reports-count{color:var(--text-muted);letter-spacing:.03em;margin-bottom:1.5rem;font-size:.78rem}.reports-count span{color:var(--accent);font-weight:600}.report-card{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;color:inherit;border-radius:.75rem;align-items:center;gap:1.25rem;margin-bottom:1rem;padding:1.25rem 1.5rem;text-decoration:none;transition:border-color .2s,background-color .2s,transform .15s;display:flex}.report-card:hover{background-color:#55e6c108;border-color:#55e6c173;transform:translateY(-1px)}.report-card:active{transform:translateY(0)}.report-score-ring{flex-shrink:0;width:56px;height:56px;position:relative}.report-score-svg{width:56px;height:56px;transform:rotate(-90deg)}.report-score-bg{fill:none;stroke:var(--bg-panel);stroke-width:6px}.report-score-fill{fill:none;stroke:var(--accent);stroke-width:6px;stroke-linecap:round;stroke-dasharray:132;transition:stroke-dashoffset .6s}.report-score-text{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.report-score-value{color:var(--text-primary);font-size:.85rem;font-weight:700;line-height:1}.report-score-pct{color:var(--text-muted);margin-top:.1rem;font-size:.5rem}.report-card-info{flex:1;min-width:0}.report-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.35rem;font-size:.95rem;font-weight:600;overflow:hidden}.report-card-meta{color:var(--text-muted);flex-wrap:wrap;gap:.75rem;font-size:.75rem;display:flex}.report-card-meta span{align-items:center;gap:.3rem;display:flex}.report-card-arrow{color:var(--text-muted);flex-shrink:0;font-size:1rem;transition:color .2s,transform .2s}.report-card:hover .report-card-arrow{color:var(--accent);transform:translate(3px)}.skeleton{background:linear-gradient(90deg, var(--bg-panel) 25%, #55e6c10d 50%, var(--bg-panel) 75%);background-size:600px 100%;border-radius:.4rem;animation:1.4s infinite shimmer}.report-card-skeleton{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;align-items:center;gap:1.25rem;margin-bottom:1rem;padding:1.25rem 1.5rem;display:flex}.skeleton-circle-sm{border-radius:50%;flex-shrink:0;width:56px;height:56px}.skeleton-lines{flex-direction:column;flex:1;gap:.5rem;display:flex}.skeleton-line{border-radius:.3rem;height:.8rem}.skeleton-line.short{width:35%}.skeleton-line.medium{width:60%}.skeleton-line.long{width:80%}.reports-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:320px;display:flex}.reports-state-icon{opacity:.65;font-size:2.75rem}.reports-state-title{color:var(--text-primary);font-size:1rem;font-weight:600}.reports-state-msg{color:var(--text-muted);max-width:340px;font-size:.85rem;line-height:1.6}.reports-state-btn{background-color:var(--accent);color:var(--accent-text);font-family:var(--font-stack);cursor:pointer;border:none;border-radius:.4rem;margin-top:.25rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;transition:background-color .2s}.reports-state-btn:hover{background-color:var(--accent-dark)}@media (width<=600px){.reports-header{padding:.85rem 1rem}.reports-body{padding:1.25rem 1rem}.report-card{gap:1rem;padding:1rem}.report-score-ring,.report-score-svg{width:48px;height:48px}}*{box-sizing:border-box;margin:0;padding:0}body,html,#root{color:#f5f5f5;background-color:#1d1b1b;width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{overflow-x:hidden}