*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0f0c29,#1a1a4e,#24243e);color:#e8e8f0;min-height:100vh}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #8774e14d}50%{box-shadow:0 0 20px #8774e199}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.app{max-width:100%;padding:12px;display:flex;flex-direction:column;height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 4px 14px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px;animation:fadeSlideUp .4s ease}.logo{font-size:20px;font-weight:800;background:linear-gradient(135deg,#8774e1,#c084fc,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tabs{display:flex;gap:4px;background:#ffffff0f;padding:3px;border-radius:12px}.tab{background:none;border:none;padding:7px 16px;border-radius:10px;color:#ffffff80;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease}.tab.active{background:linear-gradient(135deg,#8774e1,#6d5bd1);color:#fff;box-shadow:0 2px 10px #8774e166}.tab:not(.active):hover{color:#fffc;background:#ffffff0d}.docs-view{flex:1;overflow-y:auto;padding:2px 0}.upload-btn{width:100%;padding:16px;border-radius:14px;background:linear-gradient(135deg,#8774e1,#6d5bd1,#5b4ac7);color:#fff;border:none;font-size:15px;font-weight:700;cursor:pointer;margin-bottom:14px;transition:all .3s ease;animation:pulseGlow 3s infinite,fadeSlideUp .5s ease;letter-spacing:.3px}.upload-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8774e180}.upload-btn:active{transform:translateY(0)}.upload-btn:disabled{opacity:.6;cursor:not-allowed;animation:none}.doc-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);margin-bottom:8px;animation:fadeSlideUp .4s ease;transition:all .25s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.doc-card:hover{background:#ffffff14;border-color:#8774e133;transform:translate(2px)}.doc-name{font-size:14px;font-weight:600;color:#e8e8f0}.doc-meta{font-size:12px;color:#fff6;margin-top:3px}.delete-btn{background:#e74c3c26;border:1px solid rgba(231,76,60,.2);color:#e74c3c;font-size:16px;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s ease}.delete-btn:hover{background:#e74c3c40;transform:scale(1.05)}.chat-view{flex:1;display:flex;flex-direction:column}.messages{flex:1;overflow-y:auto;margin-bottom:12px;padding:6px 0;display:flex;flex-direction:column}.msg{padding:12px 16px;border-radius:16px;margin-bottom:8px;max-width:85%;font-size:14px;line-height:1.6;white-space:pre-wrap;animation:fadeSlideUp .35s ease}.msg-user{background:linear-gradient(135deg,#8774e1,#6d5bd1);color:#fff;align-self:flex-end;margin-left:auto;border-bottom-right-radius:4px;animation:slideInRight .3s ease}.msg-bot{background:#ffffff0f;color:#e8e8f0;border:1px solid rgba(255,255,255,.06);border-bottom-left-radius:4px;animation:slideIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cursor{display:inline-block;width:2px;height:16px;background:#8774e1;margin-left:2px;animation:blink .8s infinite;vertical-align:middle}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.empty{text-align:center;color:#ffffff59;margin-top:50px;font-size:14px;line-height:1.8}.input-bar{display:flex;gap:8px;padding:8px 0;animation:fadeSlideUp .5s ease}.input-bar input{flex:1;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#e8e8f0;font-size:14px;outline:none;transition:all .25s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-bar input:focus{border-color:#8774e180;box-shadow:0 0 0 3px #8774e11a}.input-bar input::placeholder{color:#ffffff4d}.input-bar button{padding:12px 18px;border-radius:14px;background:linear-gradient(135deg,#8774e1,#6d5bd1);color:#fff;border:none;font-size:16px;cursor:pointer;transition:all .25s ease;min-width:48px}.input-bar button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8774e166}.upgrade-section{margin-top:20px;padding:20px 16px;border-radius:16px;background:linear-gradient(135deg,#8774e126,#c084fc1a);border:1px solid rgba(135,116,225,.2);text-align:center;animation:fadeSlideUp .6s ease}.upgrade-section h3{font-size:18px;font-weight:700;margin-bottom:6px;background:linear-gradient(135deg,#8774e1,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upgrade-section p{color:#ffffff80;font-size:13px;margin-bottom:16px;line-height:1.5}.pricing-cards{display:flex;gap:10px;margin-bottom:16px}.pricing-card{flex:1;padding:16px 12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.pricing-card:hover{border-color:#8774e14d;transform:translateY(-2px)}.pricing-card.premium{background:linear-gradient(135deg,#8774e126,#c084fc1a);border-color:#8774e14d}.pricing-card .plan-name{font-size:13px;font-weight:700;color:#fff9;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.pricing-card.premium .plan-name{background:linear-gradient(135deg,#8774e1,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-card .price{font-size:24px;font-weight:800;color:#e8e8f0}.pricing-card .price span{font-size:13px;font-weight:400;color:#fff6}.pricing-card .features{margin-top:10px;font-size:12px;color:#ffffff80;line-height:1.8}.upgrade-btn{width:100%;padding:14px;border-radius:14px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;animation:pulseGlow 3s infinite}.upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b66}.loading-dots:after{content:"";animation:dots 1.5s infinite}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8774e14d;border-radius:3px}