:root{--bg-dark: #0f172a;--bg-darker: #020617;--bg-card: rgba(30, 41, 59, .5);--glass-border: rgba(255, 255, 255, .08);--primary: #3b82f6;--secondary: #a855f7;--accent: #10b981;--error: #ef4444;--warning: #eab308;--text-main: #f1f5f9;--text-muted: #94a3b8;--font-main: "Inter", system-ui, -apple-system, sans-serif;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px}body{margin:0;font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-main);min-height:100vh}.app-container{height:100vh;width:100%;display:flex;flex-direction:column;background:radial-gradient(circle at top center,#1e1b4b,#0f172a 60%,#020617)}.app-header{min-height:60px;border-bottom:1px solid var(--glass-border);background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:12px 24px;z-index:20;flex-wrap:wrap;gap:12px}@media(max-width:768px){.app-header{padding:10px 12px;justify-content:space-between;gap:8px}.app-header .logo-box{padding:4px}.app-header .app-title{font-size:.9rem}.app-header>div:last-child>div:nth-child(3),.app-header>div:last-child>div:nth-child(4),.app-header>div:last-child>div:nth-child(5){display:none}}.main-layout{flex:1;padding:16px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;overflow:hidden;height:calc(100vh - 60px)}@media(max-width:1024px){.main-layout{grid-template-columns:1fr;overflow-y:auto}}.docs-split-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;margin-top:16px;margin-bottom:24px}@media(max-width:768px){.docs-split-container{grid-template-columns:1fr}}.doc-card-wrapper{height:800px;width:100%}@media(max-width:768px){.doc-card-wrapper{height:60vh;min-height:400px;max-height:550px}}@media(max-width:480px){.doc-card-wrapper{height:55vh;min-height:350px;max-height:450px}}.chat-wrapper{height:600px;width:100%}@media(max-width:768px){.chat-wrapper{height:400px}}@media(max-width:480px){.chat-wrapper{height:350px}}.history-sidebar{position:fixed;top:0;right:0;width:380px;max-width:90vw;height:100vh;background:#0f172afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--glass-border);z-index:100;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease-out}.history-sidebar.open{transform:translate(0)}.history-sidebar-header{padding:20px 24px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;background:#1e293b80}.history-sidebar-header h2{font-size:1.125rem;font-weight:600;margin:0;color:#fff}.history-sidebar-body{flex:1;overflow-y:auto;padding:16px}.history-item{background:#1e293b80;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s}.history-item:hover{background:#3b82f61a;border-color:var(--primary);transform:translate(-4px)}.history-item-score{font-size:1.5rem;font-weight:700}.history-item-date{font-size:.75rem;color:var(--text-muted);margin-top:4px}.history-item-summary{font-size:.85rem;color:#cbd5e1;margin-top:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.history-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;font-weight:500;font-size:.875rem;transition:all .2s;border:1px solid var(--glass-border);cursor:pointer;background:#1e293b80;color:var(--text-main)}.history-btn:hover{background:#3b82f61a;border-color:var(--primary)}.empty-history{text-align:center;padding:40px 20px;color:var(--text-muted)}.logo-box{background:linear-gradient(135deg,var(--primary),var(--secondary));padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.app-title{font-weight:700;font-size:1.125rem;letter-spacing:-.025em;color:#fff;margin:0}.divider{width:1px;background-color:var(--glass-border)}.flex-center{display:flex;align-items:center;justify-content:center}.analyze-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;font-weight:500;font-size:.875rem;transition:all .2s;border:none;cursor:pointer;background:var(--secondary);color:#fff;box-shadow:0 4px 12px #a855f740}.analyze-btn:hover:not(.disabled){background:#9333ea;transform:translateY(-1px)}.analyze-btn.disabled{background:#334155;color:#64748b;cursor:not-allowed;box-shadow:none}@media(max-width:768px){.analyze-btn{padding:6px 12px;font-size:.75rem;white-space:nowrap;gap:4px}.analyze-btn svg{width:14px;height:14px}.history-btn{padding:6px 10px;font-size:.75rem;white-space:nowrap;gap:4px}.history-btn svg{width:14px;height:14px}.mobile-hide{display:none!important}}@media(max-width:480px){.analyze-btn{padding:6px 10px;font-size:.7rem}.analyze-btn span,.history-btn span{display:none}}.icon-btn{padding:8px;border-radius:9999px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .2s,background .2s}.icon-btn:hover{background:#ffffff0d;color:#fff}.icon-btn-danger{padding:6px;border-radius:6px;border:none;background:#ef44441a;color:var(--error);cursor:pointer;transition:background .2s}.icon-btn-danger:hover{background:#ef444433}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;min-width:0}.doc-section{height:100%;display:flex;flex-direction:column}.doc-header{padding:12px 16px;border-bottom:1px solid var(--glass-border);background:#0f172a66;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.doc-header h2{font-size:.95rem;font-weight:600;color:var(--text-main);margin:0}.status-label{font-size:.75rem;font-weight:500}.doc-body{flex:1;position:relative;padding:16px;background:#0003;display:flex;flex-direction:column;min-height:0}.drop-zone{flex:1;height:100%;border:2px dashed rgba(255,255,255,.1);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-muted)}.drop-zone:hover{border-color:var(--primary);background:#3b82f60d}.drop-icon-wrapper{width:64px;height:64px;border-radius:50%;background:#1e293bcc;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:transform .2s}.drop-zone:hover .drop-icon-wrapper{transform:scale(1.1);color:var(--primary)}.drop-title{font-size:1.125rem;font-weight:500;color:#e2e8f0;margin:0 0 8px}.drop-subtitle{font-size:.875rem;margin:0}.preview-container{flex:1;width:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;border-radius:var(--radius-md);background:#0f172a80;min-height:0}.pdf-preview{flex:1;width:100%;height:100%;border:none;background:#fff}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172ae6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.chat-section{display:flex;flex-direction:column}.chat-header{padding:12px 16px;border-bottom:1px solid var(--glass-border);background:#0f172a66;display:flex;justify-content:space-between;align-items:center}.chat-header h2{font-size:.95rem;font-weight:600;color:var(--text-main);margin:0}.live-badge{font-size:.7rem;padding:2px 8px;border-radius:9999px;background:#a855f71a;color:var(--secondary);border:1px solid rgba(168,85,247,.2);text-transform:uppercase;font-weight:600;letter-spacing:.05em}.chat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px;background:#0003}.chat-message{display:flex;gap:12px;max-width:90%}.user-message{flex-direction:row-reverse;align-self:flex-end}.ai-message{align-self:flex-start}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar{background-color:var(--primary)}.ai-avatar{background-color:var(--secondary)}.message-bubble{padding:12px 16px;border-radius:12px;font-size:.9rem;line-height:1.5;color:#e2e8f0;box-shadow:0 2px 4px #0000001a}.user-bubble{background-color:#3b82f626;border:1px solid rgba(59,130,246,.2);border-top-right-radius:2px}.ai-bubble{background-color:#1e293bcc;border:1px solid var(--glass-border);border-top-left-radius:2px}.chat-footer{padding:16px;border-top:1px solid var(--glass-border);background:#0f172a4d}.chat-input{width:100%;background:#020617;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px 48px 12px 16px;color:var(--text-main);font-size:.95rem;transition:all .2s;box-sizing:border-box;outline:none}.chat-input:focus{border-color:var(--secondary);box-shadow:0 0 0 1px #a855f733}.send-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);padding:6px;cursor:pointer;transition:color .2s}.send-btn:hover:not(:disabled){color:var(--secondary)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.modal-content{background:#0f172a;border:1px solid var(--glass-border);width:100%;max-width:900px;max-height:90vh;border-radius:24px;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:24px;border-bottom:1px solid var(--glass-border);background:#0f172a80;display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.modal-body{flex:1;overflow-y:auto;padding:32px}.score-summary-container{display:flex;gap:32px;margin-bottom:32px}@media(max-width:768px){.score-summary-container{flex-direction:column;align-items:center}}.score-circle-wrapper{flex-shrink:0}.score-circle{width:160px;height:160px;border-radius:50%;background:#1e293b80;border:8px solid;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #0003}.score-text{font-size:3rem;font-weight:800;display:block}.summary-card{flex:1;background:#1e293b4d;padding:24px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05)}.summary-card h3{font-size:1.125rem;font-weight:600;margin-top:0;margin-bottom:12px;color:var(--text-main)}.summary-card p{color:#cbd5e1;line-height:1.6;font-size:1.05rem;margin:0}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.analysis-grid{grid-template-columns:1fr}}.analysis-card{padding:24px;border-radius:var(--radius-lg);display:flex;flex-direction:column}.strength-card{background:#064e3b33;border:1px solid rgba(6,78,59,.5)}.gap-card{background:#7f1d1d33;border:1px solid rgba(127,29,29,.5)}.analysis-card h3{font-size:1.125rem;font-weight:700;margin:0}.strength-list,.gap-list{list-style:none;padding:0;margin:0}.strength-list li,.gap-list li{display:flex;gap:12px;margin-bottom:12px;font-size:.95rem}.strength-list li{color:#d1fae5}.gap-list li{color:#fecaca}.bullet{width:6px;height:6px;border-radius:50%;margin-top:8px;flex-shrink:0}.strength-list .bullet{background:var(--accent)}.gap-list .bullet{background:var(--error)}.markdown-content{font-size:.95rem;line-height:1.6}.markdown-content p{margin:0 0 8px}.markdown-content p:last-child{margin-bottom:0}.markdown-content ul{padding-left:20px;margin:8px 0}.markdown-content li{margin-bottom:4px}.markdown-content strong{font-weight:700;color:#fff}.markdown-content h1,.markdown-content h2,.markdown-content h3{font-size:1rem;font-weight:700;margin:12px 0 8px;color:#fff}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .3s ease-out forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.typing-dot{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.delay-1{animation-delay:-.32s}.delay-2{animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.text-success{color:var(--accent)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-secondary{color:var(--secondary)}.text-primary{color:var(--primary)}.text-white{color:#fff}.text-muted{color:var(--text-muted)}.border-success{border-color:var(--accent)}.border-error{border-color:var(--error)}.border-warning{border-color:var(--warning)}.hidden{display:none}