body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#18181b;font-family:Assistant,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;margin:0;padding:0}#root,body,html{height:100%;position:relative;width:100%}[data-component=Button]{align-items:center;background-color:#ececf1;border:none;border-radius:1000px;color:#101010;display:flex;font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-size:12px;font-style:normal;font-weight:400;gap:8px;min-height:42px;outline:none;padding:8px 24px;transition:transform .1s ease-in-out,background-color .1s ease-in-out}[data-component=Button].button-style-action{background-color:#101010;color:#ececf1}[data-component=Button].button-style-action:hover:not([disabled]){background-color:#404040}[data-component=Button].button-style-alert{background-color:red;color:#ececf1}[data-component=Button].button-style-alert:hover:not([disabled]){background-color:red}[data-component=Button].button-style-flush{background-color:#fff0}[data-component=Button][disabled]{color:#999}[data-component=Button]:not([disabled]){cursor:pointer}[data-component=Button]:hover:not([disabled]){background-color:#d8d8d8}[data-component=Button]:active:not([disabled]){transform:translateY(1px)}[data-component=Button] .icon{display:flex}[data-component=Button] .icon.icon-start{margin-left:-8px}[data-component=Button] .icon.icon-end{margin-right:-8px}[data-component=Button] .icon svg{height:16px;width:16px}[data-component=Button].icon-red .icon{color:#c00}[data-component=Button].icon-green .icon{color:#090}[data-component=Button].icon-grey .icon{color:#909090}[data-component=Button].icon-fill svg{fill:currentColor}[data-component=Button].primary{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff}[data-component=Button].primary:hover{background-color:var(--primary-hover-color)}[data-component=Button].primary:active{background-color:var(--primary-active-color)}[data-component=ConsolePage]{background:#1a1a1a;color:#fff;display:flex;flex-direction:column;font-family:Roboto,sans-serif;height:100vh;overflow:hidden}[data-component=ConsolePage] .spacer{flex-grow:1}[data-component=ConsolePage] .content-top{align-items:center;background:#000;border-bottom:1px solid #ffffff1a;display:flex;padding:1rem 2rem}[data-component=ConsolePage] .content-top .content-title{align-items:center;display:flex;flex-grow:1;gap:1rem}[data-component=ConsolePage] .content-top .content-title img{height:28px;width:28px}[data-component=ConsolePage] .content-top .content-title span{color:#fff;font-size:1.25rem;font-weight:600}[data-component=ConsolePage] .content-top .content-api-key{align-items:center;display:flex;gap:1rem}[data-component=ConsolePage] .content-top .content-api-key .timer-display{align-items:center;background:#1a73e81a;border-radius:8px;box-shadow:0 2px 8px #0003;color:#1a73e8;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}[data-component=ConsolePage] .content-top .content-api-key .timer-display svg{stroke:currentColor;height:16px;width:16px}[data-component=ConsolePage] .content-top .content-api-key .timer-display .countdown{font-feature-settings:"tnum";display:inline-block;font-variant-numeric:tabular-nums;letter-spacing:.5px;min-width:48px;text-align:center}[data-component=ConsolePage] .content-top .content-api-key .timer-display.warning{animation:pulse-warning 1s infinite alternate;background:#ffa72626;color:#ffa726}[data-component=ConsolePage] .content-top .content-api-key .timer-display.critical{animation:pulse-critical .5s infinite alternate;background:#f44c;color:#fff}@media(max-width:768px){[data-component=ConsolePage] .content-top{padding:.75rem 1rem}[data-component=ConsolePage] .content-top .content-title img{height:24px;width:24px}[data-component=ConsolePage] .content-top .content-title span{font-size:1rem}[data-component=ConsolePage] .content-top .content-api-key .timer-display{font-size:.75rem;padding:.25rem .75rem}}[data-component=ConsolePage] .content-main{display:flex;flex-grow:1;overflow:hidden;padding:0 2rem 2rem;position:relative}@media(max-width:768px){[data-component=ConsolePage] .content-main{flex-direction:column-reverse;padding:0 1rem 1rem}}[data-component=ConsolePage] .content-main .content-block{display:flex;flex-direction:column;max-height:100%;position:relative;width:100%}[data-component=ConsolePage] .content-main .content-block .content-block-title{color:#ffffffe6;flex-shrink:0;font-size:1.1rem;font-weight:500;padding-bottom:.5rem;padding-top:1rem}[data-component=ConsolePage] .content-main .content-block .content-block-body{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e99;border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 5px 15px #0003;color:#fffc;flex-grow:1;line-height:1.5;overflow:auto;padding:1rem;position:relative}[data-component=ConsolePage] .content-main .content-block .content-block-body.full{padding:1rem}[data-component=ConsolePage] .content-main .content-block .content-block-body::-webkit-scrollbar{width:8px}[data-component=ConsolePage] .content-main .content-block .content-block-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}[data-component=ConsolePage] .content-main .content-block .content-block-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}[data-component=ConsolePage] .content-main .content-block .content-block-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:768px){[data-component=ConsolePage] .content-main .content-block{max-height:calc(100vh - 200px)}}[data-component=ConsolePage] .content-main .content-right{bottom:2rem;position:fixed;right:2rem;width:auto;z-index:100}[data-component=ConsolePage] .content-main .content-right .visualization{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ecc;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;width:220px}[data-component=ConsolePage] .content-main .content-right .visualization .avatar-container{height:80px;margin-bottom:.5rem;width:80px}[data-component=ConsolePage] .content-main .content-right .visualization .avatar-container .avatar{background:#1a1a1a;border:2px solid #1a73e8;border-radius:50%;height:100%;object-fit:cover;padding:2px;width:100%}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container{background:#ffffff0d;border-radius:8px;height:60px;overflow:hidden;padding:.5rem;position:relative;width:100%}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform{align-items:center;display:flex;gap:3px;height:100%;justify-content:center;width:100%}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform .bar{background:#fff3;border-radius:2px;height:30%;transform-origin:center;width:3px}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:first-child{animation:wave .5s ease-in-out infinite;animation-delay:.05s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(2){animation:wave .5s ease-in-out infinite;animation-delay:.1s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(3){animation:wave .5s ease-in-out infinite;animation-delay:.15s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(4){animation:wave .5s ease-in-out infinite;animation-delay:.2s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(5){animation:wave .5s ease-in-out infinite;animation-delay:.25s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(6){animation:wave .5s ease-in-out infinite;animation-delay:.3s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(7){animation:wave .5s ease-in-out infinite;animation-delay:.35s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(8){animation:wave .5s ease-in-out infinite;animation-delay:.4s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(9){animation:wave .5s ease-in-out infinite;animation-delay:.45s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(10){animation:wave .5s ease-in-out infinite;animation-delay:.5s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(11){animation:wave .5s ease-in-out infinite;animation-delay:.55s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(12){animation:wave .5s ease-in-out infinite;animation-delay:.6s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(13){animation:wave .5s ease-in-out infinite;animation-delay:.65s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(14){animation:wave .5s ease-in-out infinite;animation-delay:.7s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(15){animation:wave .5s ease-in-out infinite;animation-delay:.75s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(16){animation:wave .5s ease-in-out infinite;animation-delay:.8s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(17){animation:wave .5s ease-in-out infinite;animation-delay:.85s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(18){animation:wave .5s ease-in-out infinite;animation-delay:.9s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(19){animation:wave .5s ease-in-out infinite;animation-delay:.95s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container .waveform.active .bar:nth-child(20){animation:wave .5s ease-in-out infinite;animation-delay:1s;background:#1a73e8}[data-component=ConsolePage] .content-main .content-right .visualization .button-container{margin-top:.5rem;width:100%}[data-component=ConsolePage] .content-main .content-right .visualization .button-container button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}[data-component=ConsolePage] .content-main .content-right .visualization .button-container button[data-button-style=action]{background-color:#1a73e8;box-shadow:0 4px 8px #0000004d;color:#fff;font-weight:600}[data-component=ConsolePage] .content-main .content-right .visualization .button-container button[data-button-style=action]:hover{background-color:#1565c0;box-shadow:0 6px 12px #0006;transform:translateY(-2px)}[data-component=ConsolePage] .content-main .content-right .visualization .button-container button[data-button-style=action]:active{box-shadow:0 2px 4px #0000004d;transform:translateY(0)}@media(max-width:768px){[data-component=ConsolePage] .content-main .content-right .visualization{flex-direction:row;margin-bottom:1rem;padding:1rem;position:relative;width:100%}[data-component=ConsolePage] .content-main .content-right .visualization .avatar-container{height:48px;margin-bottom:0;width:48px}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container{flex:1 1;height:40px}[data-component=ConsolePage] .content-main .content-right .visualization .button-container{margin-top:0;width:auto}[data-component=ConsolePage] .content-main .content-right .visualization .button-container button{font-size:.875rem;padding:.5rem 1rem;white-space:nowrap}}@media(max-width:480px){[data-component=ConsolePage] .content-main .content-right .visualization{gap:.5rem;padding:.75rem}[data-component=ConsolePage] .content-main .content-right .visualization .avatar-container{height:40px;width:40px}[data-component=ConsolePage] .content-main .content-right .visualization .waveform-container{height:32px}[data-component=ConsolePage] .content-main .content-right .visualization .button-container button{font-size:.8rem;padding:.4rem .8rem}}[data-component=ConsolePage] .content-main .content-logs{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;width:100%}[data-component=ConsolePage] .content-main .content-logs .conversation-item{margin-bottom:1rem;padding:0 .5rem}[data-component=ConsolePage] .conversation-item{background:#ffffff08;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;position:relative;transition:all .3s ease}[data-component=ConsolePage] .conversation-item:hover{background:#ffffff0d}[data-component=ConsolePage] .conversation-item:hover .close{opacity:1}[data-component=ConsolePage] .conversation-item .close{background:#ffffff1a;border-radius:50%;color:#fff;cursor:pointer;display:flex;opacity:0;padding:.25rem;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease}[data-component=ConsolePage] .conversation-item .close:hover{background:#fff3}[data-component=ConsolePage] .conversation-item .close svg{stroke-width:3;height:14px;width:14px}[data-component=ConsolePage] .conversation-item .speaker{flex-shrink:0;font-weight:600;position:relative;text-align:left;width:80px}[data-component=ConsolePage] .conversation-item .speaker.user{color:#1a73e8}[data-component=ConsolePage] .conversation-item .speaker.assistant{color:#00c851}[data-component=ConsolePage] .conversation-item .speaker-content{word-wrap:break-word;color:#ffffffe6;flex:1 1;font-size:.95rem;line-height:1.5;overflow:hidden}@media(max-width:768px){[data-component=ConsolePage] .conversation-item{gap:.75rem;padding:.75rem}[data-component=ConsolePage] .conversation-item .speaker{font-size:.9rem;width:60px}[data-component=ConsolePage] .conversation-item .speaker-content{font-size:.9rem}}[data-component=ConsolePage] .event{background:#ffffff08;border-radius:8px;display:flex;gap:1rem;margin-bottom:.75rem;padding:.5rem;transition:all .3s ease;white-space:pre}[data-component=ConsolePage] .event:hover{background:#ffffff0d}[data-component=ConsolePage] .event .event-timestamp{color:#fff9;flex-shrink:0;font-size:.85rem;padding:.25rem 0;text-align:left;width:80px}[data-component=ConsolePage] .event .event-details{color:#ffffffe6;display:flex;flex:1 1;flex-direction:column}[data-component=ConsolePage] .event .event-details .event-summary{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.25rem .5rem;transition:all .2s ease}[data-component=ConsolePage] .event .event-details .event-summary:hover{background-color:#ffffff1a}[data-component=ConsolePage] .event .event-details .event-summary .event-source{align-items:center;display:flex;flex-shrink:0;font-weight:500;gap:.5rem}[data-component=ConsolePage] .event .event-details .event-summary .event-source.client{color:#1a73e8}[data-component=ConsolePage] .event .event-details .event-summary .event-source.server{color:#00c851}[data-component=ConsolePage] .event .event-details .event-summary .event-source.error{color:#f44}[data-component=ConsolePage] .event .event-details .event-summary .event-source svg{stroke-width:3;height:14px;width:14px}@media(max-width:768px){[data-component=ConsolePage] .event{gap:.5rem;padding:.4rem}[data-component=ConsolePage] .event .event-timestamp{font-size:.8rem;width:60px}[data-component=ConsolePage] .event .event-details .event-summary{font-size:.9rem;padding:.2rem .4rem}[data-component=ConsolePage] .event .event-details .event-summary .event-source svg{height:12px;width:12px}}[data-component=ConsolePage] .interview-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e99;border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 5px 15px #0003;margin:1rem 0;padding:1.5rem}[data-component=ConsolePage] .interview-summary h3{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}[data-component=ConsolePage] .interview-summary h3:before{background:#1a73e8;border-radius:2px;content:"";display:inline-block;height:1em;width:4px}[data-component=ConsolePage] .interview-summary pre{color:#ffffffe6;font-family:Roboto,sans-serif;font-size:.95rem;line-height:1.6;white-space:pre-wrap}[data-component=ConsolePage] *{transition:all .3s ease-in-out}@keyframes wave{0%,to{height:30%}50%{height:80%}}[data-component=ConsolePage] .interview-guide{background:#1a73e81a;border-left:4px solid #1a73e8;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}[data-component=ConsolePage] .interview-guide h3{color:#1a73e8;font-size:1.1rem;margin-bottom:1rem;margin-top:0}[data-component=ConsolePage] .interview-guide ul{margin:0;padding-left:1.5rem}[data-component=ConsolePage] .interview-guide ul li{color:#ffffffe6;margin-bottom:.5rem}[data-component=ConsolePage] .interview-guide ul li:last-child{margin-bottom:0}[data-component=ConsolePage] .interview-guide .tips-toggle{align-items:center;background:none;border:none;color:#1a73e8;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;margin-top:.5rem;padding:.5rem 0}[data-component=ConsolePage] .interview-guide .tips-toggle svg{transition:transform .3s ease}[data-component=ConsolePage] .interview-guide .tips-toggle.expanded svg{transform:rotate(180deg)}[data-component=ConsolePage] .interview-guide .interview-tips{max-height:0;overflow:hidden;transition:max-height .3s ease-out}[data-component=ConsolePage] .interview-guide .interview-tips.expanded{max-height:500px}[data-component=ConsolePage] .interview-status{align-items:center;background:#1e1e1e99;border:1px solid #ffffff0d;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem}[data-component=ConsolePage] .interview-status .status-indicator{align-items:center;display:flex;gap:.5rem}[data-component=ConsolePage] .interview-status .status-indicator .status-dot{background:#00c851;border-radius:50%;height:10px;position:relative;width:10px}[data-component=ConsolePage] .interview-status .status-indicator .status-dot:after{animation:pulse 1.5s infinite;background:#00c8514d;border-radius:50%;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}[data-component=ConsolePage] .interview-status .status-indicator .status-dot.waiting{background:#ffa726}[data-component=ConsolePage] .interview-status .status-indicator .status-dot.waiting:after{background:#ffa7264d}[data-component=ConsolePage] .interview-status .status-indicator .status-dot.error{background:#f44}[data-component=ConsolePage] .interview-status .status-indicator .status-dot.error:after{background:#ff44444d}[data-component=ConsolePage] .interview-status .status-indicator .status-text{color:#ffffffe6;font-size:.9rem;font-weight:500}[data-component=ConsolePage] .interview-status .interview-progress{background:#ffffff1a;border-radius:3px;flex:1 1;height:6px;overflow:hidden;position:relative}[data-component=ConsolePage] .interview-status .interview-progress .progress-bar{background:linear-gradient(90deg,#1a73e8,#00c851);border-radius:3px;height:100%;transition:width .5s ease}[data-component=ConsolePage] .interview-status .interview-time{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;gap:.5rem;white-space:nowrap}[data-component=ConsolePage] .interview-status .interview-time svg{stroke:currentColor;height:16px;width:16px}[data-component=ConsolePage] .interview-status .interview-time .countdown{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.5px;min-width:48px;text-align:right;transition:color .3s ease}[data-component=ConsolePage] .interview-status .interview-time .countdown.warning{color:#ffa726}[data-component=ConsolePage] .interview-status .interview-time .countdown.critical{animation:blink 1s infinite alternate;color:#f44}@keyframes pulse-warning{0%{box-shadow:0 0 0 0 #ffa72666}to{box-shadow:0 0 0 10px #ffa72600}}@keyframes pulse-critical{0%{box-shadow:0 0 0 0 #f446}to{box-shadow:0 0 0 10px #f440}}@keyframes blink{0%{opacity:1}to{opacity:.7}}@media(max-width:768px){[data-component=ConsolePage]{height:100vh;overflow:hidden}[data-component=ConsolePage] .content-main{height:calc(100vh - 60px)}[data-component=ConsolePage] .interview-guide{padding:1rem}[data-component=ConsolePage] .interview-guide h3{font-size:1rem}[data-component=ConsolePage] .interview-guide ul li{font-size:.9rem}[data-component=ConsolePage] .interview-status{flex-wrap:wrap}[data-component=ConsolePage] .interview-status .status-indicator{margin-bottom:.5rem;width:100%}[data-component=ConsolePage] .interview-status .interview-progress{order:3;width:100%}[data-component=ConsolePage] .interview-status .interview-time{order:2}}.loading-conversation-analysis-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.loading-conversation-analysis-overlay .loading-conversation-analysis{animation:fadeScale .6s cubic-bezier(.16,1,.3,1);background-color:#1e1e1eb3;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 15px 50px #0006,0 0 20px #1a73e81a;max-width:500px;overflow:hidden;padding:2.5rem;position:relative;text-align:center;width:90%}.loading-conversation-analysis-overlay .loading-conversation-analysis:before{animation:gradientMove 2s linear infinite;background:linear-gradient(90deg,#1a73e8,#00c853,#1a73e8);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.loading-conversation-analysis-overlay .loading-conversation-analysis h3{animation:fadeIn .6s ease forwards;animation-delay:.3s;color:#fff;font-size:1.8rem;font-weight:600;letter-spacing:-.5px;margin:1.5rem 0 1rem;opacity:0}.loading-conversation-analysis-overlay .loading-conversation-analysis p{animation:fadeIn .6s ease forwards;animation-delay:.5s;color:#ffffffb3;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;opacity:0}.loading-conversation-analysis-overlay .loading-conversation-analysis .analysis-steps{animation:fadeIn .6s ease forwards;animation-delay:.7s;display:flex;flex-direction:column;gap:1rem;margin:2rem 0;opacity:0;text-align:left}.loading-conversation-analysis-overlay .loading-conversation-analysis .analysis-steps .step{align-items:center;background:#ffffff0d;border-left:3px solid #0000;border-radius:8px;display:flex;padding:.8rem 1rem;transition:all .3s ease}.loading-conversation-analysis-overlay .loading-conversation-analysis .analysis-steps .step.active{background:#1a73e81a;border-left-color:#1a73e8}.loading-conversation-analysis-overlay .loading-conversation-analysis .analysis-steps .step.completed{background:#00c8530d;border-left-color:#00c853}.loading-conversation-analysis-overlay .loading-conversation-analysis .analysis-steps .step .step-icon{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:1rem;width:24px}.loading-conversation-analysis-overlay .loading-conversation-analysis .analysis-steps .step .step-icon.active{background:#1a73e833;color:#1a73e8}.loading-conversation-analysis-overlay .loading-conversation-analysis .analysis-steps .step .step-icon.completed{background:#00c85333;color:#00c853}.loading-conversation-analysis-overlay .loading-conversation-analysis .analysis-steps .step .step-content{flex:1 1}.loading-conversation-analysis-overlay .loading-conversation-analysis .analysis-steps .step .step-content .step-title{color:#fff;font-size:.95rem;font-weight:500;margin-bottom:.2rem}.loading-conversation-analysis-overlay .loading-conversation-analysis .analysis-steps .step .step-content .step-description{color:#ffffff80;font-size:.85rem}.loading-conversation-analysis-overlay .loading-conversation-analysis .loading-spinner-container{animation:fadeIn .6s ease forwards;height:80px;margin:0 auto;position:relative;width:80px}.loading-conversation-analysis-overlay .loading-conversation-analysis .loading-spinner{animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid #ffffff0d;border-radius:50%;border-top-color:#1a73e8;height:80px;width:80px}.loading-conversation-analysis-overlay .loading-conversation-analysis .loading-spinner:before{animation:spin 2s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#00c853;bottom:5px;content:"";left:5px;position:absolute;right:5px;top:5px}.loading-conversation-analysis-overlay .loading-conversation-analysis .loading-spinner:after{animation:spin 1.5s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#a0f;bottom:15px;content:"";left:15px;position:absolute;right:15px;top:15px}.loading-conversation-analysis-overlay .loading-conversation-analysis .progress-bar{animation:fadeIn .6s ease forwards;animation-delay:.9s;background-color:#ffffff0d;border-radius:3px;height:6px;margin:2rem 0 1rem;opacity:0;overflow:hidden;position:relative;width:100%}.loading-conversation-analysis-overlay .loading-conversation-analysis .progress-bar .progress-fill{animation:progressFill 10s ease-in-out forwards;background:linear-gradient(90deg,#1a73e8,#00c853);border-radius:3px;height:100%;left:0;position:absolute;top:0;width:0}.loading-conversation-analysis-overlay .loading-conversation-analysis .ai-avatar{align-items:center;animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#1a73e866 0,#1a73e81a 70%);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;position:relative;width:80px}.loading-conversation-analysis-overlay .loading-conversation-analysis .ai-avatar img{height:60%;object-fit:contain;width:60%}.loading-conversation-analysis-overlay .loading-conversation-analysis .ai-avatar .pulse-ring{animation:pulseRing 2s ease-out infinite;border:2px solid #1a73e84d;border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0}@media(max-width:768px){.loading-conversation-analysis-overlay .loading-conversation-analysis{max-width:400px;padding:2rem}.loading-conversation-analysis-overlay .loading-conversation-analysis h3{font-size:1.5rem}.loading-conversation-analysis-overlay .loading-conversation-analysis p{font-size:.95rem}.loading-conversation-analysis-overlay .loading-conversation-analysis .analysis-steps{gap:.8rem}.loading-conversation-analysis-overlay .loading-conversation-analysis .analysis-steps .step{padding:.7rem}.loading-conversation-analysis-overlay .loading-conversation-analysis .analysis-steps .step .step-content .step-title{font-size:.9rem}.loading-conversation-analysis-overlay .loading-conversation-analysis .analysis-steps .step .step-content .step-description{font-size:.8rem}}@media(max-width:480px){.loading-conversation-analysis-overlay .loading-conversation-analysis{padding:1.5rem;width:92%}.loading-conversation-analysis-overlay .loading-conversation-analysis h3{font-size:1.3rem;margin:1rem 0 .8rem}.loading-conversation-analysis-overlay .loading-conversation-analysis p{font-size:.9rem;margin-bottom:1rem}.loading-conversation-analysis-overlay .loading-conversation-analysis .ai-avatar,.loading-conversation-analysis-overlay .loading-conversation-analysis .loading-spinner,.loading-conversation-analysis-overlay .loading-conversation-analysis .loading-spinner-container{height:60px;width:60px}.loading-conversation-analysis-overlay .loading-conversation-analysis .analysis-steps{margin:1.5rem 0}.loading-conversation-analysis-overlay .loading-conversation-analysis .analysis-steps .step .step-icon{height:20px;width:20px}}.interview-result-page{background:#1a1a1a;color:#fff;display:flex;font-size:16px;height:auto;min-height:100vh;overflow:hidden;overflow:auto;position:relative;width:100vw}.interview-result-page .sidebar{background:#000;border-right:1px solid #ffffff1a;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow-y:auto;padding:2rem 1rem;width:240px}.interview-result-page .sidebar .logo{align-items:center;display:flex;flex-shrink:0;gap:.75rem;margin-bottom:2rem;padding:0 1rem}.interview-result-page .sidebar .logo img{cursor:pointer;height:32px;width:32px}.interview-result-page .sidebar .logo span{font-size:1.25rem;font-weight:600}.interview-result-page .sidebar .nav-tabs{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;margin-bottom:2rem}.interview-result-page .sidebar .control-button,.interview-result-page .sidebar .nav-tab{align-items:center;background:none;border:none;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;gap:.75rem;opacity:.7;padding:.75rem 1rem;text-align:left;transition:all .2s;width:100%}.interview-result-page .sidebar .control-button.active,.interview-result-page .sidebar .control-button:hover,.interview-result-page .sidebar .nav-tab.active,.interview-result-page .sidebar .nav-tab:hover{background:#ffffff1a;opacity:1}.interview-result-page .sidebar .control-button span,.interview-result-page .sidebar .nav-tab span{font-size:.9rem}.interview-result-page .sidebar .flex-spacer{flex:1 1;max-height:8rem;min-height:2rem}.interview-result-page .sidebar .user-controls{flex-shrink:0;margin-top:auto;padding-bottom:2rem}.interview-result-page .sidebar .user-controls .user-profile{align-items:center;background:none;box-sizing:border-box;color:#fff;display:flex;gap:.75rem;opacity:.7;padding:.75rem 1rem;transition:all .2s;width:100%}.interview-result-page .sidebar .user-controls .user-profile:hover{background:#ffffff1a;opacity:1}.interview-result-page .sidebar .user-controls .user-profile .user-avatar{background-color:#666;border-radius:50%;height:24px;object-fit:cover;width:24px}.interview-result-page .sidebar .user-controls .user-profile .user-info{flex:1 1;min-width:0}.interview-result-page .sidebar .user-controls .user-profile .user-info .user-name{color:#fff;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interview-result-page .sidebar .user-controls .user-profile .user-info .user-email{color:#ffffffb3;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interview-result-page .sidebar .user-controls .user-profile .toggle-icon{display:none}.interview-result-page .sidebar .user-controls .control-buttons{border-top:1px solid #ffffff1a;margin-top:.5rem;padding-top:.5rem}@media(max-width:768px){.interview-result-page .sidebar .user-controls{padding-bottom:1rem}.interview-result-page .sidebar .user-controls .user-profile{cursor:pointer;padding:.5rem}.interview-result-page .sidebar .user-controls .user-profile .user-info{display:none}.interview-result-page .sidebar .user-controls .user-profile .toggle-icon{display:block;transition:transform .3s ease}.interview-result-page .sidebar .user-controls .user-profile .toggle-icon.expanded{transform:rotate(180deg)}.interview-result-page .sidebar .user-controls .control-buttons{border-top:none;margin-top:0;max-height:0;overflow:hidden;padding-top:0;transition:max-height .3s ease-out}.interview-result-page .sidebar .user-controls .control-buttons.expanded{border-top:1px solid #ffffff1a;margin-top:.25rem;max-height:200px;padding-top:.25rem}}.interview-result-page .main-content{flex:1 1;min-width:0;overflow-y:auto;padding:2rem}.interview-result-page .main-content .home-tab,.interview-result-page .main-content .resume-tab,.interview-result-page .main-content .training-tab{height:100%;overflow-y:auto}.interview-result-page .main-content .home-tab .header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.interview-result-page .main-content .home-tab .header .title-section h1{font-size:1.5rem;margin-bottom:.5rem}.interview-result-page .main-content .home-tab .header .title-section p{color:#ffffffb3;font-size:.9rem}.interview-result-page .main-content .home-tab .header .actions{display:flex;gap:1rem}.interview-result-page .main-content .home-tab .performance-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin:1.5rem 0}@media(min-width:1200px){.interview-result-page .main-content .home-tab .performance-overview{grid-template-columns:1fr 2fr}}.interview-result-page .main-content .home-tab .performance-overview .engagement-card,.interview-result-page .main-content .home-tab .performance-overview .score-card{background:#ffffff0d;border-radius:8px;padding:1.5rem;width:100%}.interview-result-page .main-content .home-tab .performance-overview .engagement-card h3,.interview-result-page .main-content .home-tab .performance-overview .score-card h3{color:#fff;font-size:1.1rem;margin-bottom:1rem}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-content{display:flex;flex-direction:column;gap:1.5rem}.interview-result-page .main-content .home-tab .performance-overview .score-card .resume-score-grid{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:768px){.interview-result-page .main-content .home-tab .performance-overview .score-card .resume-score-grid{grid-template-columns:auto 1fr}}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-section{align-items:center;display:flex;flex-direction:column;gap:1rem}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-circle{--success-color:#00c851;--warning-color:#ffa726;--error-color:#f44;--progress-color:var(--success-color);align-items:center;animation:scoreAppear 1.5s ease forwards;display:flex;height:140px;justify-content:center;position:relative;width:140px}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-circle:before{background:conic-gradient(from 0deg,#0000 0,#ffffff0d 0,#ffffff0d 100%);border-radius:50%;content:"";inset:0;position:absolute}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-circle:after{animation:circleProgress 1.5s ease-out forwards;background:conic-gradient(from 0deg,var(--progress-color) 0,var(--progress-color) calc(var(--score)*1%*3.6deg),#0000 calc(var(--score)*1%*3.6deg));border-radius:50%;content:"";inset:0;mask:radial-gradient(#0000 60%,#000 61% 80%,#0000 81%);-webkit-mask:radial-gradient(#0000 60%,#000 61% 80%,#0000 81%);opacity:0;position:absolute;transform:rotate(-90deg)}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-circle .inner-circle{align-items:center;background:#ffffff08;border-radius:50%;box-shadow:0 0 20px #0003;display:flex;flex-direction:column;height:110px;justify-content:center;width:110px;z-index:1}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-circle .inner-circle .score{animation:fadeInUp .8s ease forwards;animation-delay:.5s;color:var(--progress-color);font-size:2.5rem;font-weight:700;line-height:1;opacity:0}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-circle .inner-circle .label{animation:fadeInUp .8s ease forwards;animation-delay:.7s;color:#ffffffb3;font-size:.9rem;opacity:0}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-evaluation .evaluation{animation:fadeInUp .8s ease forwards;animation-delay:.9s;border-radius:20px;font-size:1rem;font-weight:600;opacity:0;padding:.4rem 1rem}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-evaluation .evaluation.excellent{background-color:#00c85126;color:#00c851}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-evaluation .evaluation.good{background-color:#ffa72626;color:#ffa726}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-evaluation .evaluation.needs-improvement{background-color:#ff444426;color:#f44}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-details{display:flex;flex-direction:column;gap:1.2rem}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-details .score-item{animation:fadeInRight .8s ease forwards;opacity:0}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-details .score-item:first-child{animation-delay:.3s}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-details .score-item:nth-child(2){animation-delay:.5s}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-details .score-item:nth-child(3){animation-delay:.7s}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-details .score-item .label-container{display:flex;justify-content:space-between;margin-bottom:.5rem}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-details .score-item .label-container .label{color:#fffc;font-size:.9rem}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-details .score-item .label-container .score-value{color:#fff;font-size:.9rem;font-weight:600}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-details .score-item .value-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-details .score-item .value-bar .value-fill{border-radius:4px;height:100%;left:0;position:absolute;top:0;transition:width 1.5s cubic-bezier(.33,1,.68,1);width:0}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-details .score-item .value-bar .value-fill.ats-fill{background:linear-gradient(90deg,#1a73e8,#00c851)}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-details .score-item .value-bar .value-fill.keyword-fill{background:linear-gradient(90deg,#9c27b0,#673ab7)}.interview-result-page .main-content .home-tab .performance-overview .score-card .score-details .score-item .value-bar .value-fill.format-fill{background:linear-gradient(90deg,#ff9800,#f44336)}.interview-result-page .main-content .home-tab .performance-overview .score-card .resume-insights{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-top:1rem}@media(min-width:640px){.interview-result-page .main-content .home-tab .performance-overview .score-card .resume-insights{grid-template-columns:repeat(3,1fr)}}.interview-result-page .main-content .home-tab .performance-overview .score-card .resume-insights .insight-item{align-items:center;animation:fadeInUp .8s ease forwards;background:#ffffff0d;border-radius:8px;display:flex;gap:1rem;opacity:0;padding:1rem;transition:transform .3s ease}.interview-result-page .main-content .home-tab .performance-overview .score-card .resume-insights .insight-item:first-child{animation-delay:.5s}.interview-result-page .main-content .home-tab .performance-overview .score-card .resume-insights .insight-item:nth-child(2){animation-delay:.7s}.interview-result-page .main-content .home-tab .performance-overview .score-card .resume-insights .insight-item:nth-child(3){animation-delay:.9s}.interview-result-page .main-content .home-tab .performance-overview .score-card .resume-insights .insight-item:hover{background:#ffffff14;transform:translateY(-3px)}.interview-result-page .main-content .home-tab .performance-overview .score-card .resume-insights .insight-item .insight-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.interview-result-page .main-content .home-tab .performance-overview .score-card .resume-insights .insight-item .insight-icon.strengths{background:#52c41a1a}.interview-result-page .main-content .home-tab .performance-overview .score-card .resume-insights .insight-item .insight-icon.improvements{background:#1a73e81a}.interview-result-page .main-content .home-tab .performance-overview .score-card .resume-insights .insight-item .insight-icon.weaknesses{background:#f5222d1a}.interview-result-page .main-content .home-tab .performance-overview .score-card .resume-insights .insight-item .insight-content h4{color:#fff;font-size:.9rem;font-weight:600;margin:0 0 .3rem}.interview-result-page .main-content .home-tab .performance-overview .score-card .resume-insights .insight-item .insight-content p{color:#ffffffb3;font-size:.8rem;margin:0}.interview-result-page .main-content .home-tab .performance-overview .engagement-card .chart-container{align-items:flex-end;background:#ffffff0d;border-radius:8px;display:flex;gap:1.5rem;height:200px;justify-content:space-between;padding:1.5rem}.interview-result-page .main-content .home-tab .performance-overview .engagement-card .chart-container .chart-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;height:100%;max-width:40px;width:100%}.interview-result-page .main-content .home-tab .performance-overview .engagement-card .chart-container .chart-bar .bar{align-self:center;animation:slideUp 1s ease-out forwards;background:#1a73e8;border-radius:6px;margin-top:auto;min-height:4px;position:relative;transform-origin:bottom;width:12px}.interview-result-page .main-content .home-tab .performance-overview .engagement-card .chart-container .chart-bar .bar:hover:after{background:#000c;border-radius:4px;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;padding:4px 8px;position:absolute;top:-25px;transform:translateX(-50%);white-space:nowrap;z-index:1}.interview-result-page .main-content .home-tab .performance-overview .engagement-card .chart-container .chart-bar .month{animation:fadeIn .5s ease-out forwards;animation-delay:.8s;color:#ffffffb3;font-size:.8rem;margin-top:.5rem;opacity:0;transform:rotate(-45deg);transform-origin:top left}.interview-result-page .main-content .home-tab .analysis-sections{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem;padding-bottom:2rem}.interview-result-page .main-content .home-tab .analysis-sections .analysis-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.interview-result-page .main-content .home-tab .analysis-sections .improvements-section,.interview-result-page .main-content .home-tab .analysis-sections .improvements-section .analysis-card.full-width{width:100%}.interview-result-page .main-content .home-tab .analysis-sections .improvements-section .analysis-card.full-width h3,.interview-result-page .main-content .home-tab .analysis-sections .improvements-section .analysis-card.full-width li div strong{color:#a0f}@media(max-width:768px){.interview-result-page .main-content .home-tab .analysis-sections .improvements-section .analysis-card.full-width{margin-bottom:0}}.interview-result-page .main-content .tab-content{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0}.interview-result-page .main-content .tab-content.resume-tab{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0}.interview-result-page .main-content .tab-content.resume-tab .header{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:1rem;padding:1rem 1.5rem}.interview-result-page .main-content .tab-content.resume-tab .header .title-section h1{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.interview-result-page .main-content .tab-content.resume-tab .header .title-section p{color:#ffffffb3;font-size:.9rem}.interview-result-page .main-content .tab-content.resume-tab .header .actions{display:flex;gap:1rem}.interview-result-page .main-content .tab-content.resume-tab .content-wrapper{background:#ffffff0d;border-radius:8px;display:flex;flex:1 1;height:calc(100vh - 200px);min-height:0;overflow:hidden}.interview-result-page .main-content .tab-content.resume-tab .content-wrapper .pdf-container{background:#fff;display:flex;flex:1 1;min-height:500px}.interview-result-page .main-content .tab-content.resume-tab .content-wrapper .pdf-container embed,.interview-result-page .main-content .tab-content.resume-tab .content-wrapper .pdf-container iframe{border:none;flex:1 1;height:100%;margin:0;min-height:500px;padding:0;width:100%}.interview-result-page .main-content .tab-content.resume-tab .content-wrapper .no-resume{align-items:center;color:#ffffff80;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:500px;text-align:center}.interview-result-page .main-content .tab-content.resume-tab .content-wrapper .no-resume p{margin:.5rem 0}.interview-result-page .main-content .tab-content.resume-tab .content-wrapper .no-resume p:first-child{color:#ffffffb3;font-size:1.2rem}@media(max-width:768px){.interview-result-page{flex-direction:column;height:auto;overflow:auto}.interview-result-page .sidebar{border-bottom:1px solid #ffffff1a;border-right:none;height:auto;min-height:auto;padding:1rem;width:100%}.interview-result-page .sidebar .logo{margin-bottom:1rem}.interview-result-page .sidebar .nav-tabs{flex-direction:row;gap:.5rem;justify-content:space-around;margin-bottom:0}.interview-result-page .sidebar .nav-tabs button{flex:1 1;padding:.5rem}.interview-result-page .sidebar .nav-tabs button span{font-size:.9rem}.interview-result-page .main-content{height:auto;min-height:0;padding:1rem}.interview-result-page .main-content .analysis-grid{gap:1rem;grid-template-columns:1fr}.interview-result-page .main-content .analysis-card{margin-bottom:1rem}.interview-result-page .analysis-card{padding:1rem}.interview-result-page .analysis-card h3{font-size:1rem;margin-bottom:.75rem}.interview-result-page .analysis-card ul li{font-size:.9rem;margin-bottom:.5rem;padding-left:1.25rem}}@media(max-width:480px){.interview-result-page .sidebar{padding:.75rem}.interview-result-page .sidebar .logo img{height:24px;width:24px}.interview-result-page .sidebar .logo span{font-size:1rem}.interview-result-page .sidebar .nav-tabs button{padding:.4rem}.interview-result-page .sidebar .nav-tabs button svg{height:16px;width:16px}.interview-result-page .sidebar .nav-tabs button span{font-size:.8rem}.interview-result-page .main-content{padding:.75rem}}.interview-result-page .main-content{display:flex;flex-direction:column;height:100%;overflow:auto;position:relative}.interview-result-page .main-content .resume-tab{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0}.interview-result-page .training-tab{max-height:none;overflow:auto;position:relative}.interview-result-page .timeline-container{max-height:none;overflow:auto}body.from-console{position:static!important}body.from-console,body.from-console .interview-result-page{height:auto!important;overflow:auto!important}@media(max-width:1024px){.interview-result-page .analysis-grid{grid-template-columns:1fr}}.chart-section{flex:1 1}.chart-section h3{color:#fff;margin-bottom:1rem}.chart-section .chart-container{align-items:flex-end;background:#ffffff0d;border-radius:8px;display:flex;gap:1.5rem;height:200px;justify-content:space-between;padding:1.5rem}.chart-section .chart-container .chart-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;height:100%;max-width:40px;width:100%}.chart-section .chart-container .chart-bar .bar{align-self:center;animation:slideUp 1s ease-out forwards;background:#1a73e8;border-radius:6px;margin-top:auto;min-height:4px;position:relative;transform-origin:bottom;width:12px}.chart-section .chart-container .chart-bar .bar:hover:after{background:#000c;border-radius:4px;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;padding:4px 8px;position:absolute;top:-25px;transform:translateX(-50%);white-space:nowrap;z-index:1}.chart-section .chart-container .chart-bar .month{animation:fadeIn .5s ease-out forwards;animation-delay:.8s;color:#ffffffb3;font-size:.8rem;margin-top:.5rem;opacity:0;transform:rotate(-45deg);transform-origin:top left}.analysis-card{background:#ffffff0d;border-radius:12px;margin-bottom:20px;padding:20px;transition:all .3s ease}.analysis-card:hover{transform:translateY(-2px)}.analysis-card h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:16px}.analysis-card .card-items{display:flex;flex-direction:column;gap:16px}.analysis-card .card-item{background:#ffffff0d;border-left:4px solid;border-radius:8px;padding:16px}.analysis-card .card-item .item-title{color:#fff;font-size:15px;font-weight:600;margin-bottom:8px}.analysis-card .card-item .item-description{color:#ffffffb3;font-size:14px;line-height:1.5}.analysis-card.full-width{grid-column:1/-1}.analysis-card .ats-content{background:#ffffff0d;border-radius:8px;color:#ffffffe6;font-size:14px;line-height:1.6;padding:16px}.analysis-card .ats-content p{color:#ffffffb3;margin-bottom:12px}.analysis-card .ats-content p:last-child{margin-bottom:0}.analysis-card .ats-content ul{margin:0;padding-left:20px}.analysis-card .ats-content ul li{color:#ffffffb3;margin-bottom:8px}.analysis-card .ats-content ul li:last-child{margin-bottom:0}.analysis-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}@media(max-width:768px){.analysis-card{padding:16px}.analysis-card .card-item{padding:12px}.analysis-grid{grid-template-columns:1fr}}@keyframes fadeInNumber{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLabel{0%{opacity:0}to{opacity:.7}}@keyframes slideUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.chart-bar:first-child .bar{animation-delay:.1s}.chart-bar:nth-child(2) .bar{animation-delay:.2s}.chart-bar:nth-child(3) .bar{animation-delay:.3s}.chart-bar:nth-child(4) .bar{animation-delay:.4s}.chart-bar:nth-child(5) .bar{animation-delay:.5s}.chart-bar:nth-child(6) .bar{animation-delay:.6s}.chart-bar:nth-child(7) .bar{animation-delay:.7s}.chart-bar:nth-child(8) .bar{animation-delay:.8s}.chart-bar:nth-child(9) .bar{animation-delay:.9s}.chart-bar:nth-child(10) .bar{animation-delay:1s}.chart-bar:nth-child(11) .bar{animation-delay:1.1s}.chart-bar:nth-child(12) .bar{animation-delay:1.2s}.sign-in-prompt-container{align-items:center;display:flex;height:100%;justify-content:center;padding:2rem;width:100%}.sign-in-prompt{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:2rem;text-align:center;width:100%}.sign-in-prompt p{color:#333;font-size:1.1rem;margin-bottom:1.5rem}.sign-in-prompt [data-component=Button]{margin:0 auto;width:80%}@media(max-width:768px){.sign-in-prompt-container{padding:1rem}.sign-in-prompt{padding:1.5rem}.sign-in-prompt p{font-size:1rem}}.training-tab .training-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.training-tab .training-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.training-tab .training-header .update-plan-button{align-items:center;border-radius:4px!important;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.training-tab .training-header .update-plan-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.training-tab .training-header .update-plan-button svg{height:16px;width:16px}.training-tab .interview-date-display{background:#ffffff0d;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.training-tab .interview-date-display p{color:#ffffffe6;margin:0}.training-tab .interview-date-display p strong{color:#1a73e8}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.date-picker-container{margin:2rem 0}.date-picker-container input[type=date]{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;width:100%}.date-picker-container input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.modal-actions{display:flex;gap:1.5rem;justify-content:space-between}.modal-actions [data-component=Button]{flex:1 1;min-width:120px}@media(max-width:768px){.date-picker-container{padding:1.5rem}.date-picker-container h3{font-size:1.2rem}.modal-actions{gap:1rem}}.training-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.training-stats .stats-card{background:#ffffff0d;border-radius:8px;padding:1.25rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.training-stats .stats-card:hover{box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.training-stats .stats-card h3{color:#ffffffb3;font-size:.9rem;margin-bottom:.75rem}.training-stats .stats-card .stat-value{font-size:2rem;font-weight:600;margin-bottom:.5rem}.training-stats .stats-card p{color:#fff9;font-size:.8rem;margin:0}.training-stats .stats-card.remaining-days .stat-value{color:#ff9800}.training-stats .stats-card.total-courses .stat-value{color:#1a73e8}.training-stats .stats-card.completed-courses .stat-value{color:#00c851}.training-stats .stats-card.pending-courses .stat-value{color:#f44}.training-stats .stats-card.progress .progress-container{background:#ffffff1a;border-radius:4px;height:8px;margin:1rem 0;overflow:hidden}.training-stats .stats-card.progress .progress-bar{background:linear-gradient(90deg,#1a73e8,#00c851);border-radius:4px;height:100%;transition:width 1s ease-out}.training-stats .stats-card.progress p{color:#00c851;font-size:1rem;font-weight:600}@media(max-width:768px){.training-stats{grid-template-columns:repeat(2,1fr)}.training-stats .stats-card{padding:1rem}.training-stats .stats-card h3{font-size:.8rem}.training-stats .stats-card .stat-value{font-size:1.5rem}.training-stats .stats-card.progress{grid-column:1/-1}}@media(max-width:480px){.training-stats{grid-template-columns:1fr}.training-stats .stats-card{margin-bottom:.5rem}}.timeline-container{margin-top:2rem;padding-bottom:2rem}.timeline{padding-left:5rem;padding-top:1.5rem;position:relative}.timeline:before{background:#1a73e833;bottom:0;content:"";left:30px;position:absolute;top:0;width:2px}.timeline .timeline-item{--marker-color:#1a73e8;--marker-color-dark:#1565c0;margin-bottom:4rem;position:relative}.timeline .timeline-item:last-child{margin-bottom:1.5rem}.timeline .timeline-item .timeline-point{align-items:center;display:flex;height:5rem;justify-content:center;left:-5rem;position:absolute;top:0;width:5rem;z-index:2}.timeline .timeline-item .timeline-point .date-marker{align-items:center;background:linear-gradient(135deg,#1a1a1a,#1e2430);border:1px solid var(--marker-color);border-radius:12px;box-shadow:0 4px 15px #0003,inset 0 1px 1px #ffffff1a;display:flex;flex-direction:column;height:60px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:60px}.timeline .timeline-item .timeline-point .date-marker:hover{box-shadow:0 8px 20px #0000004d,inset 0 1px 1px #ffffff1a;transform:translateY(-3px)}.timeline .timeline-item .timeline-point .date-marker .date{color:#fff;font-size:1.8rem;font-weight:700;line-height:1;position:relative;z-index:2}.timeline .timeline-item .timeline-point .date-marker .month{color:#fffc;font-size:.8rem;font-weight:600;letter-spacing:1px;position:relative;text-transform:uppercase;z-index:2}.timeline .timeline-item .timeline-point .date-marker:after{background:var(--marker-color);content:"";height:3px;left:0;position:absolute;right:0;top:0}.timeline .timeline-item:after{background:var(--marker-color);content:"";height:2px;left:-30px;position:absolute;top:30px;width:30px;z-index:1}.timeline .timeline-item .timeline-content{position:relative}.timeline .timeline-item .timeline-content .timeline-topic{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e99;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 5px 15px #0003;padding:1.5rem;transition:all .3s ease}.timeline .timeline-item .timeline-content .timeline-topic:hover{background:#28282899;box-shadow:0 15px 30px #0000004d;transform:translateY(-5px)}.timeline .timeline-item .timeline-content .timeline-topic .topic-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.timeline .timeline-item .timeline-content .timeline-topic .topic-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.timeline .timeline-item .timeline-content .timeline-topic .topic-header .duration{background-color:var(--primary-light);border-radius:12px;color:var(--primary);font-size:14px;font-weight:500;padding:4px 8px}.timeline .timeline-item .timeline-content .timeline-topic .description{color:#ffffffe6;font-size:.95rem;line-height:1.6;margin-bottom:1.25rem}.timeline .timeline-item .timeline-content .timeline-topic .start-training-button{align-items:center;background:var(--marker-color);border:none;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:.6rem 1.2rem;transition:all .3s ease}.timeline .timeline-item .timeline-content .timeline-topic .start-training-button:hover{background:var(--marker-color-dark);box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.timeline .timeline-item .timeline-content .timeline-topic .start-training-button:active{box-shadow:0 2px 4px #0000004d;transform:translateY(0)}.timeline .timeline-item .timeline-content .timeline-topic .completed-badge{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:10px}.timeline .timeline-item .timeline-content .timeline-topic .completed-badge span{align-items:center;color:#00c851;display:flex;font-weight:500;gap:5px}.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .Performance-rating{align-items:center;display:flex;margin-left:auto;margin-right:10px}.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .Performance-rating .rating-badge{align-items:center;border-radius:4px;display:flex;font-size:12px;font-weight:500;gap:5px;padding:4px 8px}.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .Performance-rating .rating-badge.outstanding,.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .Performance-rating .rating-badge.solid{background-color:#00c85126;color:#00c851}.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .Performance-rating .rating-badge.borderline{background-color:#ffeb3b26;color:#ffeb3b}.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .Performance-rating .rating-badge.poor{background-color:#ff3b3026;color:#ff3b30}.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .Performance-rating .rating-badge.na{background-color:#ffffff26;color:#fff}@media(max-width:480px){.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .Performance-rating{margin-right:5px}.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .Performance-rating .rating-badge{font-size:11px;padding:2px 6px}.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .Performance-rating .rating-badge svg{height:14px;width:14px}}.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .topic-action-buttons{display:flex;gap:.5rem}@media(max-width:480px){.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .topic-action-buttons{flex-direction:column;gap:.25rem;margin-top:.5rem;width:100%}.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .topic-action-buttons .expand-toggle-button,.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .topic-action-buttons .retest-button{justify-content:center;width:100%}}.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .topic-action-buttons .expand-toggle-button,.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .topic-action-buttons .retest-button{align-items:center;background-color:#ffffff1a;border:none;border-radius:4px;color:#fffc;cursor:pointer;display:flex;font-size:.8rem;gap:5px;padding:5px 10px;transition:all .2s ease}.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .topic-action-buttons .expand-toggle-button:hover,.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .topic-action-buttons .retest-button:hover{background-color:#fff3}.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .topic-action-buttons .retest-button svg{color:#0078ff;transition:transform .3s ease}.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .topic-action-buttons .retest-button:hover svg{transform:rotate(180deg)}.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .topic-action-buttons .expand-toggle-button .toggle-icon{transition:transform .3s ease}.timeline .timeline-item .timeline-content .timeline-topic .completed-badge .topic-action-buttons .expand-toggle-button .toggle-icon.expanded{transform:rotate(180deg)}.timeline-item.completed{--marker-color:#00c851!important;--marker-color-dark:#009e3f!important}.timeline-item.completed:after{background-color:#00c851!important}.timeline-item.completed .timeline-point .date-marker{border-color:#00c851!important}.timeline-item.completed .timeline-content .timeline-topic .start-training-button,.timeline-item.completed .timeline-point .date-marker:after{background-color:#00c851!important}.timeline-item.completed .timeline-content .timeline-topic .start-training-button:hover{background-color:#009e3f!important}.timeline-item.completed .timeline-content .timeline-topic .topic-header .duration{color:#00c851!important}.timeline-topic.completed{border-left:4px solid #00c851!important}.timeline-topic.completed .completed-badge{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.timeline-topic.completed .completed-badge span{align-items:center;color:#00c851;display:flex;font-weight:500;gap:.5rem}.timeline-topic.completed .completed-badge .topic-action-buttons{display:flex;gap:.5rem}@media(max-width:480px){.timeline-topic.completed .completed-badge .topic-action-buttons{flex-direction:column;gap:.25rem;margin-top:.5rem;width:100%}.timeline-topic.completed .completed-badge .topic-action-buttons .expand-toggle-button,.timeline-topic.completed .completed-badge .topic-action-buttons .retest-button{justify-content:center;width:100%}}.timeline-topic.completed .completed-badge .topic-action-buttons .expand-toggle-button,.timeline-topic.completed .completed-badge .topic-action-buttons .retest-button{align-items:center;background-color:#ffffff1a;border:none;border-radius:4px;color:#fffc;cursor:pointer;display:flex;font-size:.8rem;gap:5px;padding:5px 10px;transition:all .2s ease}.timeline-topic.completed .completed-badge .topic-action-buttons .expand-toggle-button:hover,.timeline-topic.completed .completed-badge .topic-action-buttons .retest-button:hover{background-color:#fff3}.timeline-topic.completed .completed-badge .topic-action-buttons .retest-button svg{color:#0078ff;transition:transform .3s ease}.timeline-topic.completed .completed-badge .topic-action-buttons .retest-button:hover svg{transform:rotate(180deg)}.timeline-topic.completed .completed-badge .topic-action-buttons .expand-toggle-button .toggle-icon{transition:transform .3s ease}.timeline-topic.completed .completed-badge .topic-action-buttons .expand-toggle-button .toggle-icon.expanded{transform:rotate(180deg)}.timeline-topic.completed .topic-details{border-top:1px solid #ffffff1a;margin-top:15px;padding-top:15px}.timeline-topic.completed .topic-details h4{align-items:center;color:#fff;color:var(--text-color,#fff);display:flex;font-size:16px;font-weight:600;margin-bottom:10px}.timeline-topic.completed .topic-details .topic-analysis,.timeline-topic.completed .topic-details .topic-conversation{margin-bottom:20px}.timeline-topic.completed .topic-details .structured-analysis .principles-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px}@media(max-width:768px){.timeline-topic.completed .topic-details .structured-analysis .principles-grid{grid-template-columns:1fr}}.timeline-topic.completed .topic-details .structured-analysis .principles-grid .principle-card{background-color:#ffffff0d;border-radius:8px;box-shadow:0 2px 8px #0003;overflow:hidden}.timeline-topic.completed .topic-details .structured-analysis .principles-grid .principle-card .principle-header{align-items:center;background-color:#0003;display:flex;justify-content:space-between;padding:12px 16px}.timeline-topic.completed .topic-details .structured-analysis .principles-grid .principle-card .principle-header h5{color:#fff;font-size:14px;font-weight:600;margin:0}.timeline-topic.completed .topic-details .structured-analysis .principles-grid .principle-card .principle-header .principle-rating{border-radius:4px;font-size:12px;font-weight:500;padding:2px 8px}.timeline-topic.completed .topic-details .structured-analysis .principles-grid .principle-card .principle-header .principle-rating.outstanding,.timeline-topic.completed .topic-details .structured-analysis .principles-grid .principle-card .principle-header .principle-rating.solid{background-color:#00c85126;color:#00c851}.timeline-topic.completed .topic-details .structured-analysis .principles-grid .principle-card .principle-header .principle-rating.borderline{background-color:#ffeb3b26;color:#ffeb3b}.timeline-topic.completed .topic-details .structured-analysis .principles-grid .principle-card .principle-header .principle-rating.poor{background-color:#ff3b3026;color:#ff3b30}.timeline-topic.completed .topic-details .structured-analysis .principles-grid .principle-card .principle-header .principle-rating.na{background-color:#ffffff26;color:#fff}.timeline-topic.completed .topic-details .structured-analysis .principles-grid .principle-card .principle-content{padding:16px}.timeline-topic.completed .topic-details .structured-analysis .principles-grid .principle-card .principle-content .principle-section{border-radius:6px;margin-bottom:12px;padding:10px}.timeline-topic.completed .topic-details .structured-analysis .principles-grid .principle-card .principle-content .principle-section:last-child{margin-bottom:0}.timeline-topic.completed .topic-details .structured-analysis .principles-grid .principle-card .principle-content .principle-section.analysis-section{background-color:#007aff0d;border-left:3px solid #007aff80}.timeline-topic.completed .topic-details .structured-analysis .principles-grid .principle-card .principle-content .principle-section.improvement-section{background-color:#00c8510d;border-left:3px solid #00c85180}.timeline-topic.completed .topic-details .structured-analysis .principles-grid .principle-card .principle-content .principle-section h6{color:#ffffffb3;font-size:13px;font-weight:600;margin:0 0 6px}.timeline-topic.completed .topic-details .structured-analysis .principles-grid .principle-card .principle-content .principle-section p{color:#ffffffe6;font-size:13px;line-height:1.5;margin:0}.timeline-topic.completed .topic-details .structured-analysis .final-summary{background-color:#ffffff0d;border-radius:8px;box-shadow:0 2px 8px #0003;margin-bottom:24px;padding:16px}.timeline-topic.completed .topic-details .structured-analysis .final-summary h5{border-bottom:1px solid #ffffff1a;color:#fff;font-size:15px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.timeline-topic.completed .topic-details .structured-analysis .final-summary .summary-content{color:#ffffffe6;font-size:14px;line-height:1.5}.timeline-topic.completed .topic-details .structured-analysis .final-summary .summary-content li,.timeline-topic.completed .topic-details .structured-analysis .final-summary .summary-content p{color:#ffffffe6;margin-bottom:8px}.timeline-topic.completed .topic-details .structured-analysis .final-summary .summary-content ol,.timeline-topic.completed .topic-details .structured-analysis .final-summary .summary-content ul{margin-bottom:10px;padding-left:20px}.timeline-topic.completed .topic-details .structured-analysis .final-summary .summary-content strong{color:#fff;font-weight:600}.timeline-topic.completed .topic-details .analysis-content{background-color:#ffffff0d;border-radius:8px;box-shadow:0 2px 8px #0003;color:#ffffffe6;font-size:14px;line-height:1.5;max-height:300px;overflow-y:auto;padding:15px}.timeline-topic.completed .topic-details .analysis-content li,.timeline-topic.completed .topic-details .analysis-content p{color:#ffffffe6;margin-bottom:8px}.timeline-topic.completed .topic-details .analysis-content h1,.timeline-topic.completed .topic-details .analysis-content h2,.timeline-topic.completed .topic-details .analysis-content h3,.timeline-topic.completed .topic-details .analysis-content h4,.timeline-topic.completed .topic-details .analysis-content h5,.timeline-topic.completed .topic-details .analysis-content h6{color:#fff;font-weight:600;margin-bottom:8px;margin-top:16px}.timeline-topic.completed .topic-details .analysis-content a{color:#0078ff;color:var(--primary-color,#0078ff);text-decoration:none}.timeline-topic.completed .topic-details .analysis-content a:hover{text-decoration:underline}.timeline-topic.completed .topic-details .analysis-content code,.timeline-topic.completed .topic-details .analysis-content pre{background-color:#0003;border-radius:4px;color:#ffffffe6;font-family:monospace;padding:2px 4px}.timeline-topic.completed .topic-details .analysis-content ol,.timeline-topic.completed .topic-details .analysis-content ul{margin-bottom:10px;padding-left:20px}.timeline-topic.completed .topic-details .analysis-content blockquote{border-left:3px solid #0078ff;border-left:3px solid var(--primary-color,#0078ff);color:#ffffffb3;margin-left:0;padding-left:10px}.completed-badge span:before,.completed-badge:before,.timeline-topic.completed .completed-badge:before,.topic-card.timeline-topic.completed .completed-badge span:before,.topic-card.timeline-topic.completed .completed-badge:before{content:none!important;display:none!important}.local-mode-notice{background-color:#ffc1071a;border-left:4px solid #ffc107;margin:10px 0 20px}.local-mode-notice p{color:#856404}.local-mode-notice strong{font-weight:600}.local-mode-notice{background-color:#fff9e6;border:1px solid #ffe58f;border-radius:4px;margin-bottom:20px;padding:10px 15px}.local-mode-notice p{color:#d48806;font-size:14px;margin:0}.improvement-item{line-height:1.5;margin-bottom:1rem}.improvement-item strong{color:#1a73e8;display:block;font-size:1.1em;margin-bottom:.5rem}.improvement-item span{color:#5f6368;display:block;padding-left:1rem}.home-resume-section{background:#ffffff0d;border-radius:12px;margin-top:2rem;padding:1.5rem;transition:all .3s ease}.home-resume-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.home-resume-section .section-header h3{color:#fff;margin:0}.home-resume-section .section-header .MuiIconButton-root{padding:8px;transition:transform .3s ease}.home-resume-section .section-header .MuiIconButton-root:hover{background-color:#ffffff1a}.home-resume-section .resume-content{background:#1e1e1e99;border-radius:8px;height:500px;overflow:hidden;transition:height .3s ease}.home-resume-section .resume-content.collapsed{height:0}.home-resume-section .resume-content iframe{border:none;height:100%;width:100%}.home-resume-section .resume-content .no-resume{align-items:center;color:#ffffff80;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.home-resume-section .resume-content .no-resume p{margin:.5rem 0}.home-resume-section .resume-content .no-resume p:first-child{color:#ffffffb3;font-size:1.2rem}@media(max-width:768px){.home-resume-section{padding:1rem}.home-resume-section .resume-content{height:300px}.analysis-card{padding:16px}.analysis-card .card-item{padding:12px}}@media(max-width:480px){.home-resume-section{padding:.75rem}.home-resume-section .section-header{align-items:flex-start;flex-direction:column;gap:1rem}}.blur-card{overflow:hidden;position:relative}.blur-card .blurred-content{filter:blur(4px);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.blur-card .sign-up-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1a1a1ab3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.blur-card .sign-up-prompt{animation:fadeIn .5s ease;background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 20px #0003;max-width:320px;padding:1.5rem 2rem;text-align:center;width:90%}.blur-card .sign-up-prompt p{color:#fff;font-size:1.1rem;font-weight:500;margin-bottom:1.2rem}.blur-card .sign-up-prompt [data-component=Button]{margin:0 auto;width:100%}@media(max-width:768px){.blur-card .sign-up-prompt{padding:1.2rem;width:85%}.blur-card .sign-up-prompt p{font-size:1rem;margin-bottom:1rem}}.setup-prompt-container{align-items:center;display:flex;height:100%;justify-content:center;padding:2rem;width:100%}.setup-prompt-card{background-color:#ffffff0d;border-radius:12px;box-shadow:0 4px 20px #0003;max-width:600px;padding:2rem;width:100%}.setup-prompt-card .setup-step{align-items:flex-start;display:flex;margin-bottom:1.5rem}.setup-prompt-card .setup-step .step-number{align-items:center;background:#1a73e8;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:600;height:36px;justify-content:center;margin-right:1rem;width:36px}.setup-prompt-card .setup-step .step-content h3{color:#fff;font-size:1.3rem;margin:0 0 .5rem}.setup-prompt-card .setup-step .step-content p{color:#ffffffb3;font-size:1rem;line-height:1.5;margin:0}.setup-prompt-card .interview-status-question{margin-top:2rem}.setup-prompt-card .interview-status-question h4{color:#fff;font-size:1.1rem;margin:0 0 1.5rem;text-align:center}.setup-prompt-card .interview-status-question .option-buttons{display:flex;gap:1.5rem;justify-content:center}.setup-prompt-card .interview-status-question .option-buttons [data-component=Button]{margin:0 .5rem;min-width:180px}.setup-prompt-card .training-duration-options{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;margin-top:2rem}.setup-prompt-card .training-duration-options .duration-option{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;padding:1.25rem;text-align:left;transition:all .3s ease}.setup-prompt-card .training-duration-options .duration-option:hover{background:#ffffff1f;box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.setup-prompt-card .training-duration-options .duration-option .duration-icon{align-items:center;background:#1a73e8;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:600;height:50px;justify-content:center;margin-right:1.5rem;width:50px}.setup-prompt-card .training-duration-options .duration-option .duration-details h4{color:#fff;font-size:1.1rem;margin:0 0 .5rem}.setup-prompt-card .training-duration-options .duration-option .duration-details p{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin:0}.setup-prompt-card .back-button-container{display:flex;justify-content:center;margin-top:1.5rem}@media(max-width:768px){.setup-prompt-container{padding:1rem}.setup-prompt-card{padding:1.5rem}.setup-prompt-card .interview-status-question .option-buttons{flex-direction:column;gap:1rem}.setup-prompt-card .interview-status-question .option-buttons [data-component=Button]{margin:0;width:100%}.setup-prompt-card .training-duration-options{gap:1rem}.setup-prompt-card .training-duration-options .duration-option{padding:1rem}.setup-prompt-card .training-duration-options .duration-option .duration-icon{margin-right:1rem}.setup-prompt-card .modal-actions{gap:1rem}}.generation-animation-container{align-items:center;display:flex;height:100%;justify-content:center;padding:2rem;width:100%}.generation-animation{animation:fadeIn .5s ease;background-color:#ffffff0d;border-radius:12px;box-shadow:0 4px 20px #0003;max-width:500px;padding:2.5rem;text-align:center;width:100%}.generation-animation .animation-icon{display:flex;justify-content:center;margin-bottom:2rem}.generation-animation .animation-icon .spinner{animation:spin 1.5s linear infinite;border:4px solid #1a73e81a;border-radius:50%;border-top-color:#1a73e8;height:80px;position:relative;width:80px}.generation-animation .animation-icon .spinner:before{animation:pulse 2s ease-out infinite;background:radial-gradient(circle,#1a73e833 0,#1a73e800 70%);border-radius:50%;content:"";height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.generation-animation h3{animation:fadeInOut 2s ease infinite;color:#fff;font-size:1.3rem;margin-bottom:2rem;min-height:2rem}.generation-animation .progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin:0 auto;max-width:400px;overflow:hidden;width:100%}.generation-animation .progress-bar .progress-fill{animation:progressAnimation 8s ease-in-out forwards;background:linear-gradient(90deg,#1a73e8,#00c851);border-radius:4px;height:100%;width:0}@keyframes fadeInOut{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes progressAnimation{0%{width:0}20%{width:20%}40%{width:40%}60%{width:60%}80%{width:80%}to{width:100%}}@media(max-width:768px){.generation-animation{padding:1.5rem}.generation-animation .animation-icon .spinner{height:60px;width:60px}.generation-animation .animation-icon .spinner:before{height:45px;width:45px}.generation-animation h3{font-size:1.1rem;margin-bottom:1.5rem}}.timeline-content .timeline-topic .topic-header .duration{align-items:center;background:#ffffff1a;border-radius:8px;color:#1a73e8;display:flex;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.timeline-content .timeline-topic .topic-header .duration:before{content:"⏱";font-size:.9rem;margin-right:.4rem}.home-header,.training-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.home-header h1,.home-header h2,.training-header h1,.training-header h2{font-size:1.8rem;margin:0}.home-header .actions,.training-header .actions{align-items:center;display:flex}.home-header .update-plan-button,.home-header .update-resume-button,.training-header .update-plan-button,.training-header .update-resume-button,.update-plan-button,.update-resume-button{border-radius:4px!important;box-shadow:none!important;height:auto!important;min-height:40px!important;padding:8px 16px!important}.update-plan-button,.update-resume-button{align-items:center;display:flex;gap:8px;transition:all .3s ease}.update-plan-button svg,.update-resume-button svg{transition:transform .3s ease}.update-plan-button:hover svg,.update-resume-button:hover svg{transform:rotate(90deg)}.home-tab .header:not(.home-header) .actions .update-resume-button{border-radius:4px!important;padding:8px 16px!important}.conversation-content{background-color:#ffffff0d;border-radius:8px;box-shadow:0 2px 8px #0003;color:#ffffffe6;font-size:14px;line-height:1.5;max-height:300px;overflow-y:auto;padding:15px}.conversation-content .conversation-lines{display:none}.conversation-content .conversation-bubbles{display:flex;flex-direction:column;gap:12px}.conversation-content .conversation-bubbles .conversation-system-message{color:#fff9;font-size:12px;font-style:italic;padding:4px;text-align:center}.conversation-content .conversation-bubbles .conversation-bubble{border-radius:12px;max-width:90%;padding:10px 15px;position:relative}.conversation-content .conversation-bubbles .conversation-bubble .bubble-header{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:5px}.conversation-content .conversation-bubbles .conversation-bubble .bubble-content{font-weight:400;line-height:1.5;word-break:break-word}.conversation-content .conversation-bubbles .conversation-bubble.user{align-self:flex-end;background-color:#0078ff;background-color:var(--primary-color,#0078ff);border-bottom-right-radius:4px;color:#fff}.conversation-content .conversation-bubbles .conversation-bubble.user .bubble-header{color:#ffffffe6}.conversation-content .conversation-bubbles .conversation-bubble.assistant{align-self:flex-start;background-color:#ffffff1a;border-bottom-left-radius:4px;color:#ffffffe6}.conversation-content .conversation-bubbles .conversation-bubble.assistant .bubble-header{color:#ffffffb3}@media(max-width:768px){.conversation-content .conversation-bubbles .conversation-bubble{max-width:95%}.conversation-content .conversation-bubbles .conversation-bubble.user{align-self:flex-end}.conversation-content .conversation-bubbles .conversation-bubble.assistant{align-self:flex-start}}.stats-card.progress{padding:1.5rem;text-align:left}.stats-card.progress .progress-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.stats-card.progress .progress-card-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.stats-card.progress .progress-card-header .progress-indicator{height:80px;position:relative;width:80px}.stats-card.progress .progress-card-header .progress-indicator .progress-circle{align-items:center;animation:pulseGlow 2s ease-in-out infinite alternate;border-radius:50%;box-shadow:0 0 15px #00c8514d;display:flex;height:100%;justify-content:center;position:relative;width:100%}.stats-card.progress .progress-card-header .progress-indicator .progress-circle .progress-inner{align-items:center;background-color:#1a1a1a;border-radius:50%;display:flex;height:85%;justify-content:center;width:85%}.stats-card.progress .progress-card-header .progress-indicator .progress-circle .progress-inner .progress-percentage{color:#00c851;font-size:1.25rem;font-weight:700}.stats-card.progress .progress-details{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.stats-card.progress .progress-details .progress-stat{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;flex:1 0 28%;gap:.75rem;min-width:100px;padding:.75rem;transition:all .3s ease}.stats-card.progress .progress-details .progress-stat:hover{background:#ffffff1a;transform:translateY(-3px)}.stats-card.progress .progress-details .progress-stat .stat-icon{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;min-width:40px;width:40px}.stats-card.progress .progress-details .progress-stat .stat-icon.completed{background:#00c8511a}.stats-card.progress .progress-details .progress-stat .stat-icon.pending{background:#ff98001a}.stats-card.progress .progress-details .progress-stat .stat-icon.total{background:#1a73e81a}.stats-card.progress .progress-details .progress-stat .stat-info .stat-value{font-size:1.5rem;font-weight:700;line-height:1.2}.stats-card.progress .progress-details .progress-stat .stat-info .stat-label{color:#ffffffb3;font-size:.8rem}@keyframes pulseGlow{0%{box-shadow:0 0 5px #00c8514d}to{box-shadow:0 0 20px #00c85199}}@media(max-width:768px){.stats-card.progress .progress-card-header{flex-direction:column;gap:1rem}.stats-card.progress .progress-card-header .progress-indicator{height:70px;width:70px}.stats-card.progress .progress-details .progress-stat{flex:1 0 100%}}@keyframes scoreAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes circleProgress{0%{opacity:0}20%{opacity:1}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.performance-overview .score-card{box-sizing:border-box;max-width:100%;width:auto}@media(max-width:768px){.performance-overview .score-card{overflow-x:visible;padding:1rem}.score-content .label-container{flex-wrap:wrap}.score-content .score-section .score-circle{height:120px;width:120px}.score-content .resume-insights .insight-item{padding:.75rem}.score-content .score-details,.score-content .score-details .score-item,.score-content .score-details .score-item .value-bar{width:100%}}.interview-setup-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.interview-setup-modal{background:#fff;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:100%}.interview-setup-modal .close-button{background:none;border:none;cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem}.interview-setup-modal .close-button:hover{background-color:#f1f1f1;border-radius:50%}.interview-setup-modal h2{color:#202124;margin-bottom:1.5rem;text-align:center}.interview-setup-modal .form-group{margin-bottom:1.5rem;padding-right:1rem}.interview-setup-modal .form-group label{color:#5f6368;display:block;font-size:.875rem;margin-bottom:.5rem}.interview-setup-modal .form-group select{border:1px solid #e0e0e0;border-radius:4px;font-family:inherit;font-size:inherit;padding:.75rem;width:100%}.interview-setup-modal .form-group select:focus{border-color:#1a73e8;outline:none}.interview-setup-modal .form-group .resume-upload .existing-resume{display:flex;gap:1rem}.interview-setup-modal .form-group .resume-upload .existing-resume button{flex:1 1}.interview-setup-modal .form-group .resume-preview{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-top:1rem;padding:1rem}.interview-setup-modal .form-group .resume-preview .extraction-status{align-items:center;color:#1a73e8;display:flex;font-size:.875rem;gap:.5rem}.interview-setup-modal .form-group .resume-preview .extraction-status .loading-spinner{animation:spin 1s linear infinite;border:2px solid #e0e0e0;border-radius:50%;border-top-color:#1a73e8;height:16px;width:16px}.interview-setup-modal .form-group .resume-preview .extraction-error{align-items:center;background-color:#fce8e6;border-radius:4px;color:#d93025;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem}.interview-setup-modal .form-group .resume-preview .extraction-error .error-icon{font-size:1rem}.interview-setup-modal .form-group .resume-preview .extracted-content .content-header{align-items:center;color:#137333;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:.75rem}.interview-setup-modal .form-group .resume-preview .extracted-content .content-header .success-icon{font-size:1rem}.interview-setup-modal .form-group .resume-preview .extracted-content .content-preview{margin-bottom:.5rem}.interview-setup-modal .form-group .resume-preview .extracted-content .content-preview .extracted-text-display{background-color:#fff;border:1px solid #dadce0;border-radius:4px;font-family:Courier New,monospace;font-size:.8rem;line-height:1.4;min-height:120px;padding:.75rem;resize:vertical;width:100%}.interview-setup-modal .form-group .resume-preview .extracted-content .content-preview .extracted-text-display:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a;outline:none}.interview-setup-modal .form-group .resume-preview .extracted-content .content-info{text-align:right}.interview-setup-modal .form-group .resume-preview .extracted-content .content-info small{color:#5f6368;font-size:.75rem}.interview-setup-modal .job-description-input{border:1px solid #e0e0e0;border-radius:4px;font-family:inherit;font-size:.9rem;line-height:1.5;margin-right:1rem;min-height:120px;padding:.75rem;resize:vertical;width:100%}.interview-setup-modal .job-description-input:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a;outline:none}.interview-setup-modal .job-description-input::placeholder{color:#5f6368}@media(max-width:768px){.interview-setup-modal{margin:1rem;max-width:95vw;padding:1.5rem}.interview-setup-modal .form-group{padding-right:0}.interview-setup-modal .resume-preview .extracted-content .content-preview .extracted-text-display{font-size:.75rem;min-height:100px}}@media(max-width:480px){.interview-setup-modal{padding:1rem}.interview-setup-modal h2{font-size:1.25rem;margin-bottom:1rem}.interview-setup-modal .resume-preview{padding:.75rem}.interview-setup-modal .resume-preview .extracted-content .content-header{font-size:.8rem}.interview-setup-modal .resume-preview .extracted-content .content-preview .extracted-text-display{rows:6;min-height:80px}}.linkedin-input{display:flex;gap:.5rem;margin-bottom:.5rem}.linkedin-input .linkedin-url-input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:1rem;padding:.5rem}.loading-analysis-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.loading-analysis-overlay .loading-analysis{animation:fadeScale .6s cubic-bezier(.16,1,.3,1);background-color:#1e1e1eb3;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 15px 50px #0006,0 0 20px #1a73e81a;max-width:500px;overflow:hidden;padding:2.5rem;position:relative;text-align:center;width:90%}.loading-analysis-overlay .loading-analysis:before{animation:gradientMove 2s linear infinite;background:linear-gradient(90deg,#1a73e8,#00c853,#1a73e8);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.loading-analysis-overlay .loading-analysis h3{animation:fadeIn .6s ease forwards;animation-delay:.3s;color:#fff;font-size:1.8rem;font-weight:600;letter-spacing:-.5px;margin:1.5rem 0 1rem;opacity:0}.loading-analysis-overlay .loading-analysis p{animation:fadeIn .6s ease forwards;animation-delay:.5s;color:#ffffffb3;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;opacity:0}.loading-analysis-overlay .loading-analysis .analysis-steps{animation:fadeIn .6s ease forwards;animation-delay:.7s;display:flex;flex-direction:column;gap:1rem;margin:2rem 0;opacity:0;text-align:left}.loading-analysis-overlay .loading-analysis .analysis-steps .step{align-items:center;background:#ffffff0d;border-left:3px solid #0000;border-radius:8px;display:flex;padding:.8rem 1rem;transition:all .3s ease}.loading-analysis-overlay .loading-analysis .analysis-steps .step.active{background:#1a73e81a;border-left-color:#1a73e8}.loading-analysis-overlay .loading-analysis .analysis-steps .step.completed{background:#00c8530d;border-left-color:#00c853}.loading-analysis-overlay .loading-analysis .analysis-steps .step .step-icon{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:1rem;width:24px}.loading-analysis-overlay .loading-analysis .analysis-steps .step .step-icon.active{background:#1a73e833;color:#1a73e8}.loading-analysis-overlay .loading-analysis .analysis-steps .step .step-icon.completed{background:#00c85333;color:#00c853}.loading-analysis-overlay .loading-analysis .analysis-steps .step .step-content{flex:1 1}.loading-analysis-overlay .loading-analysis .analysis-steps .step .step-content .step-title{color:#fff;font-size:.95rem;font-weight:500;margin-bottom:.2rem}.loading-analysis-overlay .loading-analysis .analysis-steps .step .step-content .step-description{color:#ffffff80;font-size:.85rem}.loading-analysis-overlay .loading-analysis .loading-spinner-container{animation:fadeIn .6s ease forwards;height:80px;margin:0 auto;position:relative;width:80px}.loading-analysis-overlay .loading-analysis .loading-spinner{animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid #ffffff0d;border-radius:50%;border-top-color:#1a73e8;height:80px;width:80px}.loading-analysis-overlay .loading-analysis .loading-spinner:before{animation:spin 2s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#00c853;bottom:5px;content:"";left:5px;position:absolute;right:5px;top:5px}.loading-analysis-overlay .loading-analysis .loading-spinner:after{animation:spin 1.5s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#a0f;bottom:15px;content:"";left:15px;position:absolute;right:15px;top:15px}.loading-analysis-overlay .loading-analysis .progress-bar{animation:fadeIn .6s ease forwards;animation-delay:.9s;background-color:#ffffff0d;border-radius:3px;height:6px;margin:2rem 0 1rem;opacity:0;overflow:hidden;position:relative;width:100%}.loading-analysis-overlay .loading-analysis .progress-bar .progress-fill{animation:progressFill 10s ease-in-out forwards;background:linear-gradient(90deg,#1a73e8,#00c853);border-radius:3px;height:100%;left:0;position:absolute;top:0;width:0}.loading-analysis-overlay .loading-analysis .ai-avatar{align-items:center;animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#1a73e866 0,#1a73e81a 70%);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;position:relative;width:80px}.loading-analysis-overlay .loading-analysis .ai-avatar img{height:60%;object-fit:contain;width:60%}.loading-analysis-overlay .loading-analysis .ai-avatar .pulse-ring{animation:pulseRing 2s ease-out infinite;border:2px solid #1a73e84d;border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #1a73e880;transform:scale(1)}70%{box-shadow:0 0 0 15px #1a73e800;transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulseRing{0%{opacity:.7;transform:scale(.9)}50%{opacity:0;transform:scale(1.2)}to{opacity:0;transform:scale(.9)}}@keyframes gradientMove{0%{background-position:0 0}to{background-position:200% 0}}@keyframes progressFill{0%{width:5%}20%{width:25%}50%{width:55%}80%{width:75%}to{width:95%}}@media(max-width:768px){.loading-analysis-overlay .loading-analysis{max-width:400px;padding:2rem}.loading-analysis-overlay .loading-analysis h3{font-size:1.5rem}.loading-analysis-overlay .loading-analysis p{font-size:.95rem}.loading-analysis-overlay .loading-analysis .analysis-steps{gap:.8rem}.loading-analysis-overlay .loading-analysis .analysis-steps .step{padding:.7rem}.loading-analysis-overlay .loading-analysis .analysis-steps .step .step-content .step-title{font-size:.9rem}.loading-analysis-overlay .loading-analysis .analysis-steps .step .step-content .step-description{font-size:.8rem}}@media(max-width:480px){.loading-analysis-overlay .loading-analysis{padding:1.5rem;width:92%}.loading-analysis-overlay .loading-analysis h3{font-size:1.3rem;margin:1rem 0 .8rem}.loading-analysis-overlay .loading-analysis p{font-size:.9rem;margin-bottom:1rem}.loading-analysis-overlay .loading-analysis .ai-avatar,.loading-analysis-overlay .loading-analysis .loading-spinner,.loading-analysis-overlay .loading-analysis .loading-spinner-container{height:60px;width:60px}.loading-analysis-overlay .loading-analysis .analysis-steps{margin:1.5rem 0}.loading-analysis-overlay .loading-analysis .analysis-steps .step .step-icon{height:20px;width:20px}}.SignInModal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.SignInModal .modal-content{animation:modalSlideIn .4s cubic-bezier(.165,.84,.44,1);background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 15px 40px #0000004d;box-sizing:border-box;max-width:420px;padding:32px;position:relative;width:100%}.SignInModal .modal-content .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:32px}.SignInModal .modal-content .close-button:hover{background-color:#ffffff1a;color:#fff}.SignInModal .modal-content h2{color:#fff;font-size:28px;font-weight:600;letter-spacing:-.5px;margin:0 0 12px;text-align:center}.SignInModal .modal-content p{color:#ffffffb3;font-size:16px;line-height:1.6;margin:0 0 32px;text-align:center}.SignInModal .modal-content .sign-in-options{display:flex;flex-direction:column;gap:16px;width:100%}.SignInModal .modal-content .sign-in-options .custom-button-container{width:100%}.SignInModal .modal-content .sign-in-options .social-button{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;justify-content:center;padding:12px 20px;position:relative;transition:all .2s ease;width:100%}.SignInModal .modal-content .sign-in-options .social-button .icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.SignInModal .modal-content .sign-in-options .social-button.google{color:#fff;padding-left:50px;position:relative;text-align:center}.SignInModal .modal-content .sign-in-options .social-button.google .google-logo{height:18px;left:20px;pointer-events:none;position:absolute;width:18px}.SignInModal .modal-content .sign-in-options .social-button.google:hover{background-color:#ffffff1a;border-color:#fff3}.SignInModal .modal-content .sign-in-options .social-button:hover{background-color:#ffffff1a;border-color:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.SignInModal .modal-content .sign-in-options .social-button:active{box-shadow:none;transform:translateY(0)}.SignInModal .modal-content .sign-in-options .social-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.SignInModal .modal-content .sign-in-options .divider{align-items:center;color:#ffffff80;display:flex;margin:8px 0 12px}.SignInModal .modal-content .sign-in-options .divider:after,.SignInModal .modal-content .sign-in-options .divider:before{border-top:1px solid #ffffff1a;content:"";flex:1 1}.SignInModal .modal-content .sign-in-options .divider span{color:#ffffff80;font-size:14px;padding:0 16px}.SignInModal .modal-content .sign-in-options .email-auth{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;margin-bottom:8px;padding:24px;width:100%}.SignInModal .modal-content .sign-in-options .email-auth .input-label{color:#ffffffe6;font-size:14px;font-weight:500;margin-bottom:4px}.SignInModal .modal-content .sign-in-options .email-auth .auth-input{background-color:#ffffff1a;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.SignInModal .modal-content .sign-in-options .email-auth .auth-input:focus{background-color:#ffffff26;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e840;outline:none}.SignInModal .modal-content .sign-in-options .email-auth .auth-input:disabled{background-color:#ffffff0d;cursor:not-allowed;opacity:.7}.SignInModal .modal-content .sign-in-options .email-auth .auth-input::placeholder{color:#ffffff80}.SignInModal .modal-content .sign-in-options .email-auth .submit-button{background-color:#1a73e8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 16px;transition:all .2s ease;width:100%}.SignInModal .modal-content .sign-in-options .email-auth .submit-button:hover{background-color:#1765cc;box-shadow:0 4px 12px #1a73e840;transform:translateY(-2px)}.SignInModal .modal-content .sign-in-options .email-auth .submit-button:active{box-shadow:none;transform:translateY(0)}.SignInModal .modal-content .sign-in-options .email-auth .submit-button:disabled{background-color:#fff3;box-shadow:none;color:#ffffff80;cursor:not-allowed;transform:none}.SignInModal .modal-content .sign-in-options .email-auth .email-sent-message{animation:fadeIn .5s ease;background-color:#4caf501a;border-left:4px solid #4caf50;border-radius:8px;box-sizing:border-box;color:#4caf50;font-size:14px;line-height:1.5;margin-top:4px;padding:12px 16px;text-align:left}.SignInModal .modal-content .sign-in-options .error-message{animation:fadeIn .3s ease;color:#ff4d4f;font-size:14px;padding:8px 0;text-align:center}.SignInModal .modal-content .terms-privacy{color:#ffffff80;font-size:13px;line-height:1.5;margin-top:24px;padding:0 8px;text-align:center}.SignInModal .modal-content .terms-privacy a{color:#1a73e8;font-weight:500;text-decoration:none}.SignInModal .modal-content .terms-privacy a:hover{text-decoration:underline}.SignInModal .modal-content .benefits-list{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:20px}.SignInModal .modal-content .benefits-list .benefit-item{align-items:center;display:flex;margin-bottom:12px}.SignInModal .modal-content .benefits-list .benefit-item:last-child{margin-bottom:0}.SignInModal .modal-content .benefits-list .benefit-item .benefit-icon{align-items:center;background-color:#1a73e833;border-radius:50%;color:#1a73e8;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;margin-right:12px;width:24px}.SignInModal .modal-content .benefits-list .benefit-item .benefit-text{color:#ffffffd9;font-size:14px;line-height:1.5}@media(max-width:480px){.SignInModal .modal-content{border-radius:12px;max-width:360px;padding:24px;width:92%}.SignInModal .modal-content h2{font-size:24px;margin-bottom:8px}.SignInModal .modal-content p{font-size:15px;margin-bottom:24px}.SignInModal .modal-content .sign-in-options{gap:12px}.SignInModal .modal-content .sign-in-options .email-auth{padding:20px}.SignInModal .modal-content .sign-in-options .email-auth .auth-input,.SignInModal .modal-content .sign-in-options .email-auth .submit-button{font-size:15px;padding:12px}.SignInModal .modal-content .sign-in-options .email-auth .email-sent-message{font-size:13px;padding:10px 12px}.SignInModal .modal-content .sign-in-options .social-button{font-size:15px;padding:12px}.SignInModal .modal-content .sign-in-options .social-button.google{padding-left:44px}.SignInModal .modal-content .sign-in-options .social-button.google .google-logo{left:15px}.SignInModal .modal-content .sign-in-options .social-button .icon{height:18px;width:18px}.SignInModal .modal-content .benefits-list{margin-top:20px;padding-top:16px}.SignInModal .modal-content .benefits-list .benefit-item{margin-bottom:10px}.SignInModal .modal-content .benefits-list .benefit-item .benefit-icon{font-size:10px;height:20px;margin-right:10px;width:20px}.SignInModal .modal-content .benefits-list .benefit-item .benefit-text{font-size:13px}}@media(max-width:360px){.SignInModal .modal-content{padding:20px 16px}.SignInModal .modal-content h2{font-size:22px}.SignInModal .modal-content .sign-in-options .email-auth{padding:16px}.SignInModal .modal-content .sign-in-options .social-button.google{padding-left:40px}.SignInModal .modal-content .sign-in-options .social-button.google .google-logo{left:12px}.SignInModal .modal-content .benefits-list .benefit-text,.SignInModal .modal-content .terms-privacy{font-size:12px}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}[data-component=LandingPage]{background:#000;color:#fff;display:flex;min-height:100vh}[data-component=LandingPage] .landing-left{background:#000000e6;display:flex;flex-direction:column;justify-content:flex-start;padding:2rem;position:relative;width:30%;z-index:2}[data-component=LandingPage] .landing-left .auth-section{display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:center;margin:0 auto;max-width:400px;min-height:60vh;width:100%}[data-component=LandingPage] .landing-left .auth-section .logo{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}[data-component=LandingPage] .landing-left .auth-section .logo img{height:32px;width:32px}[data-component=LandingPage] .landing-left .auth-section .logo span{color:#fff;font-size:1.5rem;font-weight:600}[data-component=LandingPage] .landing-left .auth-section .auth-options{display:flex;flex-direction:column;gap:1rem;margin:0}[data-component=LandingPage] .landing-left .auth-section .auth-options .google-signin-container{display:none}[data-component=LandingPage] .landing-left .auth-section .auth-options .signin-button-container{align-items:center;display:flex;justify-content:center;margin-bottom:0;position:relative;width:100%}[data-component=LandingPage] .landing-left .auth-section .auth-options .signin-button{align-items:center;background-color:#1a73e8;border:none;border-radius:8px;box-shadow:0 4px 12px #1a73e840;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease;width:100%}[data-component=LandingPage] .landing-left .auth-section .auth-options .signin-button .icon{flex-shrink:0}[data-component=LandingPage] .landing-left .auth-section .auth-options .signin-button:hover{background-color:#1765cc;box-shadow:0 6px 16px #1a73e84d;transform:translateY(-2px)}[data-component=LandingPage] .landing-left .auth-section .auth-options .signin-button:active{box-shadow:0 2px 8px #1a73e833;transform:translateY(0)}[data-component=LandingPage] .landing-left .auth-section .auth-options .divider{margin:1rem 0;position:relative;text-align:center}[data-component=LandingPage] .landing-left .auth-section .auth-options .divider:after,[data-component=LandingPage] .landing-left .auth-section .auth-options .divider:before{background-color:#fff3;content:"";height:1px;position:absolute;top:50%;width:45%}[data-component=LandingPage] .landing-left .auth-section .auth-options .divider:before{left:0}[data-component=LandingPage] .landing-left .auth-section .auth-options .divider:after{right:0}[data-component=LandingPage] .landing-left .auth-section .auth-options .divider span{background:#000000e6;color:#fff9;font-size:.9rem;padding:0 1rem}[data-component=LandingPage] .landing-left .auth-section .new-user-section{border-top:none;padding-top:0;position:relative;width:100%}[data-component=LandingPage] .landing-left .auth-section .new-user-section button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:1.05rem;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%;z-index:1}[data-component=LandingPage] .landing-left .auth-section .new-user-section button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%;z-index:-1}[data-component=LandingPage] .landing-left .auth-section .new-user-section button:hover{border-color:#ffffff80;box-shadow:0 10px 25px -5px #0000004d,0 0 15px #ffffff1a,0 0 30px #1a73e81a;transform:translateY(-3px) scale(1.02)}[data-component=LandingPage] .landing-left .auth-section .new-user-section button:hover:before{left:100%}[data-component=LandingPage] .landing-left .auth-section .new-user-section button:active{box-shadow:0 5px 15px -5px #0003;transform:translateY(0) scale(.98)}[data-component=LandingPage] .landing-left .auth-section .new-user-section button:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .5s ease;width:200%;z-index:-2}[data-component=LandingPage] .landing-left .auth-section .new-user-section button:hover:after{opacity:1}[data-component=LandingPage] .landing-left .auth-section .new-user-section .shine-effect{background:#0000;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}[data-component=LandingPage] .landing-left .auth-section .new-user-section .shine-effect:after{animation:shine 6s infinite;background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:200%;left:-100%;position:absolute;top:-10px;transform:rotate(25deg);width:60%}@keyframes shine{0%{left:-100%}20%,to{left:100%}}[data-component=LandingPage] .landing-right{overflow:hidden;position:relative;width:70%}[data-component=LandingPage] .landing-right:before{background:url(/static/media/background.8f27f26fc7fff82b2787.jpg) 50%/cover no-repeat;bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0;transform:perspective(1000px) rotateY(-10deg);transform-origin:left center;transition:transform .5s ease}[data-component=LandingPage] .landing-right .content-overlay{background:linear-gradient(90deg,#000c,#0006);display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding-left:4rem;padding-right:4rem;padding-top:15vh;position:relative;z-index:1}[data-component=LandingPage] .landing-right .content-overlay h1{animation:fadeIn .8s ease-out;font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;max-width:800px}[data-component=LandingPage] .landing-right .content-overlay p{animation:fadeIn 1s ease-out;color:#ccc;font-size:1.2rem;line-height:1.6;margin-bottom:2rem;max-width:600px}[data-component=LandingPage] .landing-right .content-overlay .cta-buttons{animation:fadeIn 1.2s ease-out;display:flex;gap:1rem}@media(max-width:1024px){[data-component=LandingPage]{flex-direction:column}[data-component=LandingPage] .landing-left,[data-component=LandingPage] .landing-right{width:100%}[data-component=LandingPage] .landing-left{min-height:auto;padding:2rem 1rem}[data-component=LandingPage] .landing-left .auth-section{max-width:100%}[data-component=LandingPage] .landing-left .auth-section .logo{justify-content:center}[data-component=LandingPage] .landing-left .auth-section .auth-options{margin:2rem auto;max-width:400px}[data-component=LandingPage] .landing-left .auth-section .auth-options .signin-button{font-size:.95rem;padding:.875rem 1.25rem}[data-component=LandingPage] .landing-left .auth-section .new-user-section{margin:0 auto;max-width:400px}[data-component=LandingPage] .landing-left .auth-section .new-user-section button{padding:.875rem 1.25rem}[data-component=LandingPage] .landing-right{min-height:60vh}[data-component=LandingPage] .landing-right .content-overlay{padding:2rem 1rem;text-align:center}[data-component=LandingPage] .landing-right .content-overlay h1{font-size:2rem;margin:0 auto}[data-component=LandingPage] .landing-right .content-overlay p{margin:1rem auto}}@media(max-width:480px){[data-component=LandingPage] .landing-left{padding:1.5rem 1rem}[data-component=LandingPage] .landing-left .auth-section .logo img{height:28px;width:28px}[data-component=LandingPage] .landing-left .auth-section .logo span{font-size:1.2rem}[data-component=LandingPage] .landing-left .auth-section .auth-options h3{font-size:1.1rem}[data-component=LandingPage] .landing-left .auth-section .auth-options .auth-buttons{gap:.75rem}[data-component=LandingPage] .landing-left .auth-section .auth-options .signin-button{font-size:.9rem;padding:.75rem 1rem}[data-component=LandingPage] .landing-left .auth-section .auth-options .email-auth .auth-input{font-size:.9rem;padding:.6rem}[data-component=LandingPage] .landing-left .auth-section .new-user-section p{font-size:.9rem}[data-component=LandingPage] .landing-left .auth-section .new-user-section button{font-size:.95rem;padding:.9rem 1.25rem}[data-component=LandingPage] .landing-right{min-height:50vh}[data-component=LandingPage] .landing-right .content-overlay{padding:1.5rem 1rem}[data-component=LandingPage] .landing-right .content-overlay h1{font-size:1.75rem}[data-component=LandingPage] .landing-right .content-overlay p{font-size:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@media(max-width:768px){[data-component=LandingPage] .landing-main{padding:1rem}[data-component=LandingPage] .landing-main .hero-section{flex-direction:column;gap:2rem;margin:2rem 0}[data-component=LandingPage] .landing-main .hero-section .hero-content{text-align:center}[data-component=LandingPage] .landing-main .hero-section .hero-content h1{font-size:2.5rem}[data-component=LandingPage] .landing-main .hero-section .hero-content .cta-buttons{flex-direction:column;width:100%}[data-component=LandingPage] .landing-main .hero-section .hero-content .cta-buttons .join-group{width:100%}[data-component=LandingPage] .landing-main .features-section{gap:1rem;grid-template-columns:1fr}[data-component=LandingPage] .landing-main .case-study{padding:2rem 1rem}[data-component=LandingPage] .landing-main .case-study h2{font-size:1.5rem;margin-bottom:2rem}[data-component=LandingPage] .landing-main .case-study .case-content{gap:2rem;grid-template-columns:1fr}[data-component=LandingPage] .landing-main .case-study .case-content .case-stats{gap:1rem;grid-template-columns:repeat(3,1fr)}}@media(max-width:768px)and (max-width:480px){[data-component=LandingPage] .landing-main .case-study .case-content .case-stats{grid-template-columns:1fr}}@media(max-width:768px){[data-component=LandingPage] .landing-main .case-study .case-content .case-stats .stat-item{padding:1rem}[data-component=LandingPage] .landing-main .case-study .case-content .case-stats .stat-item h4{font-size:2rem}}@keyframes pulsate{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}[data-component=App]{height:100%;position:relative;width:100%}[data-component=App]>div{transition:opacity .3s ease-in-out}
/*# sourceMappingURL=main.bcd7de27.css.map*/