main{background-color:#0d1117;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}main .form-container{background-color:#161b22;border:1px solid #2a3348;border-radius:.5rem;flex-direction:column;gap:1rem;min-width:350px;height:fit-content;margin:2rem;padding:2rem;display:flex;position:relative;overflow:hidden}main .form-container>*{z-index:2;position:relative}main .form-container form{flex-direction:column;gap:.75rem;display:flex}main .loading-animation{width:320px;height:320px}main .sparkles{z-index:0;pointer-events:none;position:absolute;inset:0}main .sparkles:before,main .sparkles:after{content:"";opacity:.35;background-image:radial-gradient(#fffc 1px,#0000 1px),radial-gradient(#ff8c00cc 2px,#0000 2px);background-position:0 0,40px 60px;background-size:80px 80px,120px 120px;width:200%;height:200%;animation:12s linear infinite sparkleMove;position:absolute}main .sparkles:after{opacity:.2;animation-duration:18s}@keyframes sparkleMove{0%{transform:translateY(0)}to{transform:translateY(-100px)}}main .input-group{flex-direction:column;gap:.75rem;display:flex}main .input-group input{border:none;border-bottom:1px solid #000;border-radius:.5rem;padding-block:.75rem;padding-inline:1rem}main a{color:#ff8c00;text-decoration:none}.home-page{color:#e6edf3;background-color:#0d1117;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;min-height:100vh;padding:1rem 1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.home-page>:not(.sparkles){z-index:1;position:relative}.loading-screen{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.home-topbar{justify-content:flex-end;width:100%;padding-inline:.25rem;display:flex}.logout-btn{color:#e6edf3;cursor:pointer;background-color:#e86a0014;border:1px solid #e86a0073;border-radius:999px;padding:.65rem 1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.85rem;font-weight:600;transition:background-color .2s,border-color .2s,transform .1s}.logout-btn:hover{background-color:#e86a0029;border-color:#e86a00}.logout-btn:active{transform:scale(.98)}.page-header{text-align:center;width:100%;max-width:900px}.page-header h1{color:#e6edf3;margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.page-header p{color:#7d8590;max-width:680px;margin:0 auto;font-size:.95rem;line-height:1.6}.page-header .highlight{color:#e86a00}.interview-card{background-color:#161b22;border:1px solid #2a3348;border-radius:.5rem;width:100%;max-width:900px;overflow:hidden}.interview-card__body{align-items:stretch;min-height:520px;display:flex}.interview-card__footer{border-top:1px solid #2a3348;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.interview-card__footer .footer-info{color:#7d8590;font-size:.8rem}.sparkles{z-index:0;pointer-events:none;position:absolute;inset:0}.sparkles:before,.sparkles:after{content:"";opacity:.35;background-image:radial-gradient(#fffc 1px,#0000 1px),radial-gradient(#ff8c00cc 1px,#0000 1px);background-position:0 0,40px 60px;background-size:80px 80px,120px 120px;width:200%;height:200%;animation:12s linear infinite sparkleMove;position:absolute}.sparkles:after{opacity:.2;animation-duration:18s}.panel-divider{background-color:#2a3348;flex-shrink:0;width:1px}.panel__textarea::-webkit-scrollbar{display:none}.panel{flex-direction:column;flex:1;gap:1rem;min-width:0;padding:1.5rem;display:flex}.panel__header{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.panel__header h2{color:#e6edf3;flex:1;font-size:1rem;font-weight:600}.panel__icon{color:#e86a00;align-items:center;display:flex}.panel__textarea{color:#e6edf3;resize:none;background-color:#1e2535;border:1px solid #2a3348;border-radius:.5rem;outline:none;flex:1;width:100%;padding:.75rem 1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.5;transition:border-color .2s}.panel__textarea::placeholder{color:#7d8590}.panel__textarea:focus{border-color:#e86a00}.panel__textarea--short{flex:unset;height:96px}.panel--left{position:relative}.panel--left .char-counter{color:#7d8590;font-size:.75rem;position:absolute;bottom:2.25rem;right:2rem}.panel--right{gap:.75rem}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:.3rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.badge--required,.badge--best{color:#e86a00;background-color:#e86a0026;border:1px solid #e86a004d}.section-label{color:#e6edf3;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:flex}.upload-section{flex-direction:column;gap:.5rem;display:flex}.dropzone{cursor:pointer;text-align:center;background-color:#1e2535;border:2px dashed #2a3348;border-radius:.6rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.5rem 1rem;transition:border-color .2s,background-color .2s;display:flex}.dropzone:hover{background-color:#e86a000d;border-color:#e86a00}.dropzone__icon{color:#e86a00;margin-bottom:.25rem}.dropzone__title{color:#e6edf3;margin:0;font-size:.875rem;font-weight:500}.dropzone__subtitle{color:#7d8590;margin:0;font-size:.75rem}.or-divider{color:#7d8590;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.or-divider:before,.or-divider:after{content:"";background-color:#2a3348;flex:1;height:1px}.or-divider span{white-space:nowrap}.self-description{flex-direction:column;gap:.5rem;display:flex}.info-box{background-color:#1b2a4a;border:1px solid #2d4a7a;border-radius:.5rem;align-items:flex-start;gap:.6rem;padding:.75rem 1rem;display:flex}.info-box__icon{color:#4a90e2;flex-shrink:0;margin-top:1px}.info-box p{color:#8ab4f8;margin:0;font-size:.8rem;line-height:1.5}.info-box p strong{color:#e6edf3}.generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e86a00 0%,#b55300 100%);border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;font-weight:600;transition:opacity .2s,transform .1s;display:flex}.generate-btn:hover{opacity:.9}.generate-btn:active{transform:scale(.98)}.previous-reports{flex-direction:column;gap:.75rem;width:100%;max-width:900px;display:flex}.previous-reports .reports-list{flex-wrap:wrap;gap:.75rem;display:flex}.previous-reports .reports-list .report-item{cursor:pointer;background-color:#161b22;border:1px solid #2a3348;border-radius:.5rem;flex-direction:column;flex:260px;gap:.5rem;min-width:0;padding:1rem;display:flex}.previous-reports .reports-list .report-item .report-timestamp{color:#7d8590;font-size:.75rem}.previous-reports .reports-list .report-item .match-score{color:#e86a00;align-items:flex-start;font-size:.8rem;font-weight:600}.page-footer{gap:1.5rem;display:flex}.page-footer a{color:#7d8590;font-size:.8rem;text-decoration:none;transition:color .2s}.page-footer a:hover{color:#e6edf3}@media (width<=900px){.home-page{justify-content:flex-start;gap:1.5rem;padding:1.5rem 1rem 2rem}.interview-card__body{min-height:unset;flex-direction:column}.interview-card__footer{flex-direction:column;align-items:stretch;gap:.75rem}.interview-card__footer .footer-info{text-align:center}.panel-divider{width:auto;height:1px}.generate-btn{justify-content:center;width:100%}}@media (width<=640px){.home-topbar{justify-content:flex-end}.logout-btn{width:auto}.page-header h1{font-size:1.7rem;line-height:1.2}.page-header p{font-size:.9rem}.interview-card{border-radius:.75rem}.interview-card__footer,.panel{padding:1rem}.panel__header{flex-wrap:wrap}.panel--left .char-counter{align-self:flex-end;position:static}.section-label{flex-wrap:wrap}.dropzone{padding:1.25rem .875rem}.dropzone__title{font-size:.82rem}.loading-animation{width:220px;height:220px}.page-footer{text-align:center}}.interview-report-page{color:#e6edf3;background:radial-gradient(circle at 0 0,#e86a001a,#0000 24%),linear-gradient(#ffffff05,#fff0),#0d1117;width:100%;min-height:100vh;padding:2.5rem 1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.interview-report-shell{background-color:#161b22;border:1px solid #2a3348;border-radius:2rem;grid-template-columns:250px minmax(0,1fr) 320px;width:100%;max-width:1380px;min-height:calc(100vh - 5rem);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 24px 80px #00000047}.loading-animation{width:320px;height:320px}.download-pdf{margin-bottom:.5rem}.download-pdf .btn{cursor:pointer;color:#ff8c42;background-color:#e86a0029;border:1px solid #e86a0059;border-radius:.9rem;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.95rem;transition:background-color .2s,border-color .2s;display:inline-flex}.download-pdf .btn:hover{background-color:#e86a003d;border-color:#e86a0073}.report-sidebar,.report-main,.report-insights{align-items:center;min-width:0}.report-sidebar,.report-insights{background:linear-gradient(#ffffff05,#0000 18%),#141a25;padding:2rem 1.25rem}.report-sidebar{border-right:1px solid #2a3348;flex-direction:column;gap:2rem;display:flex}.report-sidebar__header{flex-direction:column;gap:.65rem;display:flex}.report-sidebar__header h1{margin:0;font-size:1.45rem;line-height:1.2}.report-sidebar__label{color:#ff8c42;text-transform:uppercase;letter-spacing:.08em;background-color:#e86a001f;border:1px solid #e86a0059;border-radius:999px;width:fit-content;padding:.35rem .65rem;font-size:.75rem}.report-nav{flex-direction:column;gap:.75rem;display:flex}.report-nav__item{text-align:left;color:#e6edf3;cursor:pointer;background-color:#0000;border:1px solid #2a3348;border-radius:.8rem;width:100%;padding:.95rem 1rem;font-size:.95rem;font-weight:500;transition:border-color .2s,background-color .2s,transform .2s}.report-nav__item:hover{background-color:#e86a0014;border-color:#e86a0073;transform:translate(4px)}.report-nav__item.is-active{background:linear-gradient(135deg,#e86a0033,#ff8c4214);border-color:#e86a0099;box-shadow:inset 0 0 0 1px #ff8c422e}.report-main{background:linear-gradient(#ffffff05,#0000 15%),#161b22;flex-direction:column;padding:2rem;display:flex}.report-main__topbar{border-bottom:1px solid #2a3348;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.5rem;display:flex}.report-main__topbar h2{margin:.35rem 0 0;font-size:1.7rem;line-height:1.2}.report-main__label{color:#7d8590;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.report-main__content{flex:1;padding-top:1.5rem;overflow-y:auto}.score-pill{background:linear-gradient(#e86a0029,#e86a000a);border:1px solid #e86a0059;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;min-width:112px;padding:.9rem 1rem;display:flex}.score-pill__value{color:#ff8c42;font-size:1.9rem;font-weight:700;line-height:1}.score-pill__text{color:#7d8590;letter-spacing:.04em;margin-top:.35rem;font-size:.75rem}.report-section{flex-direction:column;gap:1.5rem;display:flex}.report-section__header h2{margin:.35rem 0 .6rem;font-size:1.4rem}.report-section__header p{color:#7d8590;max-width:720px;margin:0;line-height:1.65}.report-section__eyebrow{color:#ff8c42;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.question-list,.roadmap-list,.skill-chip-list,.summary-list{margin:0;padding:0;list-style:none}.question-list,.roadmap-list{flex-direction:column;gap:1rem;display:flex}.question-card{background:linear-gradient(#ffffff05,#0000 35%),#1c2230;border:1px solid #2a3348;border-radius:1rem;grid-template-columns:56px minmax(0,1fr);gap:1rem;padding:1.1rem;display:grid}.question-card__index{color:#ff8c42;background-color:#e86a0029;border-radius:.85rem;place-items:center;height:2.5rem;font-weight:700;display:grid}.question-card__body h3{margin:0 0 1rem;font-size:1rem;line-height:1.6}.question-card__meta span,.question-card__answer span{color:#ff8c42;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem;font-size:.78rem;display:inline-block}.question-card__meta p,.question-card__answer p{color:#7d8590;margin:0;line-height:1.65}.question-card__answer{margin-top:.9rem}.roadmap-card{background:linear-gradient(#ffffff05,#0000 35%),#1c2230;border:1px solid #2a3348;border-radius:1rem;grid-template-columns:84px minmax(0,1fr);gap:1rem;padding:1.1rem;display:grid}.roadmap-card__day{color:#ff8c42;background-color:#e86a001a;border:1px solid #e86a004d;border-radius:.85rem;justify-content:center;align-items:center;height:fit-content;padding:.7rem .5rem;font-weight:700;display:inline-flex}.roadmap-card__content h3{margin:0 0 .8rem;font-size:1rem}.roadmap-card__content ul{color:#7d8590;margin:0;padding-left:1rem}.roadmap-card__content li+li{margin-top:.55rem}.report-insights{border-left:1px solid #2a3348;flex-direction:column;gap:1.25rem;display:flex}.report-insights__section{background:linear-gradient(#ffffff05,#0000 35%),#1c2230;border:1px solid #2a3348;border-radius:1rem;padding:1.1rem}.report-insights__section--summary{margin-top:auto}.report-insights__header{margin-bottom:1rem}.report-insights__header p{color:#7d8590;margin:.45rem 0 0;font-size:.92rem;line-height:1.6}.report-insights__eyebrow{color:#ff8c42;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.skill-chip-list{flex-wrap:wrap;gap:.75rem;display:flex}.skill-chip{background-color:#ffffff05;border:1px solid #2a3348;border-radius:.9rem;flex-direction:column;gap:.3rem;width:100%;padding:.85rem .9rem;display:flex}.skill-chip strong{color:#e6edf3;font-size:.92rem}.skill-chip span{font-size:.78rem}.skill-chip--high{border-color:#f8514973}.skill-chip--high span{color:#f85149}.skill-chip--medium{border-color:#d2992273}.skill-chip--medium span{color:#d29922}.skill-chip--low{border-color:#2ea04373}.skill-chip--low span{color:#2ea043}.summary-list{color:#7d8590;flex-direction:column;gap:.8rem;display:flex}.summary-list li{padding-left:1rem;line-height:1.6;position:relative}.summary-list li:before{content:"";background-color:#e86a00;border-radius:999px;width:.38rem;height:.38rem;position:absolute;top:.65rem;left:0}@media (width<=1180px){.interview-report-shell{grid-template-columns:220px minmax(0,1fr)}.report-insights{border-top:1px solid #2a3348;border-left:0;grid-column:1/-1}}@media (width<=860px){.interview-report-page{padding:1rem}.interview-report-shell{border-radius:1.5rem;grid-template-columns:1fr;min-height:auto}.report-sidebar,.report-insights{border:0}.report-sidebar{border-bottom:1px solid #2a3348}.report-main{padding:1.25rem}.report-main__topbar{flex-direction:column;align-items:flex-start}.report-nav{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.question-card,.roadmap-card{grid-template-columns:1fr}.question-card__index,.roadmap-card__day{width:fit-content}}@media (width<=640px){.report-nav{grid-template-columns:1fr}.report-sidebar,.report-insights{padding:1.25rem 1rem}.report-section__header h2,.report-main__topbar h2{font-size:1.3rem}}.button{cursor:pointer;border:none;border-radius:.5rem;outline:none;padding-block:.75rem;padding-inline:1.5rem;transition:all .3s ease-in-out}.button.primary-button{color:#fff;background-color:#ff8c00;font-weight:700}.button:active{transform:scale(1.1)}*{box-sizing:border-box;margin:0%;padding:0%}html,body,#root{color:#f5f5f5;background-color:#161616;width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}
