@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap");:root{--radius-panel:20px;--radius-btn:14px;--font-inter:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",monospace;--transition-fast:0.2s cubic-bezier(0.16,1,0.3,1);--transition-normal:0.4s cubic-bezier(0.16,1,0.3,1)}:root[data-theme=graphite][data-mode=dark]{--bg:#090b0f;--surface:rgba(20,24,32,.6);--elevated:rgba(30,36,45,.8);--text-primary:#f3f5f7;--text-secondary:#9ba3af;--border:hsla(0,0%,100%,.08);--border-glow:rgba(92,124,250,.3);--accent:#5c7cfa;--accent-glow:rgba(92,124,250,.4);--highlight:#e5c07b;--danger:#ff6b6b}:root[data-theme=graphite][data-mode=light]{--bg:#f8f9fa;--surface:hsla(0,0%,100%,.8);--elevated:rgba(240,242,245,.9);--text-primary:#1a1d20;--text-secondary:#5c636a;--border:rgba(0,0,0,.06);--border-glow:rgba(92,124,250,.2);--accent:#4a6cf7;--accent-glow:rgba(74,108,247,.2);--highlight:#d4a345;--danger:#fa5252}:root[data-theme=ocean][data-mode=dark]{--bg:#061114;--surface:rgba(12,28,33,.65);--elevated:rgba(18,40,48,.8);--text-primary:#eaf4f6;--text-secondary:#8aa4a8;--border:rgba(47,157,148,.2);--border-glow:rgba(47,157,148,.4);--accent:#2f9d94;--accent-glow:rgba(47,157,148,.4);--highlight:#38bdf8;--danger:#f472b6}:root[data-theme=ocean][data-mode=light]{--bg:#f0f7f8;--surface:hsla(0,0%,100%,.85);--elevated:rgba(230,240,242,.9);--text-primary:#0d1f23;--text-secondary:#5a7478;--border:rgba(47,157,148,.15);--border-glow:rgba(47,157,148,.2);--accent:#1d8078;--accent-glow:rgba(29,128,120,.2);--highlight:#0ea5e9;--danger:#e11d48}:root[data-theme=mono][data-mode=dark]{--bg:#050505;--surface:hsla(0,0%,8%,.7);--elevated:rgba(30,30,30,.8);--text-primary:#fafafa;--text-secondary:#888;--border:hsla(0,0%,100%,.1);--border-glow:rgba(255,106,61,.3);--accent:#ff6a3d;--accent-glow:rgba(255,106,61,.4);--highlight:#7cff6b;--danger:#ef4444}:root[data-theme=mono][data-mode=light]{--bg:#f5f5f5;--surface:hsla(0,0%,100%,.9);--elevated:hsla(0,0%,94%,.9);--text-primary:#111;--text-secondary:#666;--border:rgba(0,0,0,.08);--border-glow:rgba(255,106,61,.2);--accent:#e64a19;--accent-glow:rgba(230,74,25,.2);--highlight:#4ade80;--danger:#dc2626}*{box-sizing:border-box;border-color:var(--border)}body{margin:0;font-family:var(--font-inter);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface);border:1px solid var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--elevated)}body:after,body:before{content:"";position:fixed;width:60vw;height:60vw;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.15;pointer-events:none;animation:float 20s ease-in-out infinite alternate}body:before{background:var(--accent);top:-20%;left:-10%}body:after{background:var(--highlight);bottom:-20%;right:-10%;animation-delay:-10s}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 rgba(47,157,148,.4)}70%{box-shadow:0 0 0 15px rgba(47,157,148,0)}to{box-shadow:0 0 0 0 rgba(47,157,148,0)}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up-fade .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.hover-lift{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;position:relative;overflow:hidden;transition:all .3s ease}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 70%);opacity:0;transition:opacity .4s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0}.app-root{min-height:100vh;display:flex;justify-content:center}.app-layout{width:100%;max-width:1800px;padding:24px;display:flex;gap:32px}.sidebar{width:280px;position:-webkit-sticky;position:sticky;top:24px;height:calc(100vh - 48px);display:flex;flex-direction:column}.shell-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:32px}.soft-panel{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 32px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.05);padding:20px;transition:all var(--transition-normal)}.panel-card,.soft-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel)}.panel-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.05);padding:28px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);position:relative;overflow:hidden}.panel-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.08),0 0 0 1px var(--border-glow);border-color:transparent}.header{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 28px}.header-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.search-wrap{flex:1 1;max-width:520px;position:relative}.search-input{width:100%;height:44px;border-radius:100px;border:1px solid var(--border);background:var(--elevated);padding:0 16px 0 44px;color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all var(--transition-fast);outline:none}.search-input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.header-actions{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);outline:none}code,pre{font-family:var(--font-mono);font-size:.9em;white-space:pre-wrap;word-wrap:break-word;overflow-x:auto}.btn-primary{border-radius:100px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 80%,#000));color:#fff;padding:12px 24px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 8px 16px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.15);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3),0 12px 20px var(--accent-glow)}.btn-primary:active{transform:scale(.96)}.btn-secondary{border-radius:100px;border:1px solid var(--border);background:var(--elevated);color:var(--text-primary);padding:12px 24px}.btn-secondary:hover{background:var(--border)}.btn-secondary:active{transform:scale(.96)}.btn-icon{height:44px;width:44px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--text-secondary);flex-shrink:0}.btn-icon:hover{background:var(--elevated);color:var(--text-primary)}.btn-icon:active{transform:scale(.92)}.btn-icon.bordered{border-color:var(--border);background:var(--surface)}.sidebar-brand{margin-bottom:40px;padding:12px;display:flex;align-items:center;gap:16px}.brand-icon{height:40px;width:40px;display:grid;place-items:center}.brand-text{font-weight:700;font-size:1.3rem;letter-spacing:-.03em}.sidebar-group-title{color:color-mix(in srgb,var(--text-secondary) 70%,transparent);font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin:32px 16px 16px;display:flex;align-items:center;gap:8px}.sidebar-group-title:after{content:"";flex:1 1;height:1px;background:linear-gradient(to right,var(--border),transparent)}.sidebar-item{position:relative;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;color:var(--text-secondary);font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);margin-bottom:8px;border:1px solid transparent}.sidebar-item:hover{background:color-mix(in srgb,var(--surface) 80%,transparent);border-color:var(--border);color:var(--text-primary);transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,.05)}.sidebar-item-active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,transparent),color-mix(in srgb,var(--accent) 5%,transparent));border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent);font-weight:700;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 15%,transparent)}.sidebar-item-active:before{content:"";position:absolute;left:-1px;top:20%;height:60%;width:4px;background:linear-gradient(to bottom,var(--accent),color-mix(in srgb,var(--accent) 50%,transparent));border-radius:4px;box-shadow:0 0 10px var(--accent)}.muted{color:var(--text-secondary)}.code{font-family:var(--font-mono)}.stack{gap:20px}.stack,.stack-sm{display:flex;flex-direction:column}.stack-sm{gap:12px}.row{gap:16px}.row,.row-sm{display:flex;align-items:center}.row-sm{gap:8px}.row-between{display:flex;align-items:center;justify-content:space-between}.grid-2{grid-gap:32px;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3{display:grid;gap:32px}.grid-3{grid-gap:32px;grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{display:grid;grid-gap:32px;gap:32px;grid-template-columns:repeat(4,minmax(0,1fr))}.input-field,.textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-btn);background:var(--elevated);color:var(--text-primary);padding:14px 18px;font-family:inherit;font-size:1rem;outline:none;transition:all var(--transition-fast)}.input-field:focus,.textarea:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.interviews-layout{display:flex;gap:16px;height:calc(100vh - 120px)}.interviews-sidebar{flex-shrink:0;display:flex;flex-direction:column;gap:12px}.panel-resizer{width:4px;background:var(--border);transition:background var(--transition-fast)}.panel-resizer:hover{background:var(--accent)}.interviews-eval{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.excalidraw-wrapper{position:relative;width:100%;height:100%;flex:1 1;min-height:0;background:#fff}@media (max-width:1024px){.sidebar{display:none}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.search-wrap{display:none}.interviews-layout{flex-direction:column;height:auto}.interviews-eval,.interviews-sidebar{width:100%;flex-shrink:1}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.app-layout{padding:16px;gap:20px}.header{padding:0 20px}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-enter{animation:slideUpFade .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:32px;height:32px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s cubic-bezier(.68,-.55,.26,1.55) infinite;margin:0 auto}table{width:100%;border-collapse:collapse;font-size:.95rem}table th{font-weight:600;color:var(--text-secondary);text-align:left}table td,table th{padding:16px;border-bottom:1px solid var(--border)}table td{transition:background var(--transition-fast)}table tr:hover td{background:var(--elevated)}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.sidebar-footer{margin-top:auto;padding:16px 12px;border-top:1px solid var(--border)}.user-profile{gap:12px}.avatar,.user-profile{display:flex;align-items:center}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--highlight));justify-content:center;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.1)}.user-info{display:flex;flex-direction:column;overflow:hidden}.user-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.mobile-menu-btn{display:none;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:4px}.mobile-tabs-container,.sidebar-overlay{display:none}@media (max-width:1024px){.app-layout{padding:16px;gap:16px}}@media (max-width:768px){.app-layout{flex-direction:column;padding:12px;gap:16px}.sidebar{display:none!important}.mobile-top-dropdown{position:absolute;top:60px;left:0;width:100%;background:var(--bg);z-index:9999;border-bottom:1px solid var(--border);animation:slideDown .2s ease-out;box-shadow:0 10px 30px rgba(0,0,0,.5)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.sidebar-overlay{display:block;position:fixed;top:60px;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998!important;animation:fadeIn .3s ease-out}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.sidebar-brand{margin-bottom:20px}.header{height:auto;flex-direction:column;align-items:flex-start;padding:16px;gap:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-wrap{max-width:100%}.mobile-tabs-container{display:block}.grid-2,.grid-3,.jobs-grid{grid-template-columns:1fr!important}.resume-split{height:calc(100vh - 160px)!important;display:flex}.mock-interview-split,.resume-split{flex-direction:column!important}.mobile-tabs{display:flex;background:var(--bg-card);border-radius:8px;padding:4px;margin-bottom:12px;border:1px solid var(--border)}.mobile-tab{flex:1 1;padding:8px 0;text-align:center;border-radius:6px;font-size:.9rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer}.mobile-tab.active{background:var(--bg-hover);color:var(--text-primary);box-shadow:0 2px 4px rgba(0,0,0,.1)}.mobile-hide{display:none!important}.panel-card{padding:16px}.editor-navbar{gap:12px!important}.editor-navbar,.editor-navbar>div{flex-wrap:wrap!important}}@keyframes shimmerSweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.btn-loading{position:relative;overflow:hidden;pointer-events:none;opacity:.9}.btn-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);animation:shimmerSweep 2s infinite}@media print{body *{visibility:hidden}.no-print{display:none!important}#resume-preview,#resume-preview *{visibility:visible}#resume-preview{position:absolute;left:0;top:0;width:100vw;height:100vh;margin:0;padding:0;box-shadow:none!important;border:none!important;background:#fff!important}}.panel-resizer{width:8px;background:transparent;cursor:col-resize;z-index:10;transition:background .2s;margin:0 -4px;position:relative}.panel-resizer:active,.panel-resizer:hover{background:hsla(0,0%,100%,.1)}.panel-resizer:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:2px;background:var(--border)}.panel-resizer:active:after,.panel-resizer:hover:after{background:var(--accent)}.panel-resizer-horizontal{height:8px;width:100%;background:transparent;cursor:row-resize;z-index:10;transition:background .2s;margin:-4px 0;position:relative}.panel-resizer-horizontal:active,.panel-resizer-horizontal:hover{background:hsla(0,0%,100%,.1)}.panel-resizer-horizontal:after{content:"";position:absolute;left:0;right:0;top:3px;height:2px;background:var(--border)}.panel-resizer-horizontal:active:after,.panel-resizer-horizontal:hover:after{background:var(--accent)}