@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box}body{margin:0;padding:0;background-color:#f8f9fa;width:100%;overflow-x:hidden}#root{width:100%;max-width:100%;margin:0;padding:0}*{box-sizing:border-box;font-family:Inter,sans-serif}body{margin:0;padding:0;background-color:#f8fafc;color:#334155;-webkit-font-smoothing:antialiased}.App{min-height:100vh;display:flex;flex-direction:column}.page-container{max-width:1800px;margin:40px auto;padding:0 50px;width:100%}.section-title{font-size:24px;font-weight:800;color:#0f172a;margin-bottom:20px;border-bottom:2px solid #e2e8f0;padding-bottom:10px}.navbar{background:#fff;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100;border-bottom:1px solid #e2e8f0}.nav-container{max-width:1800px;margin:0 auto;padding:15px 50px;display:flex;justify-content:space-between;align-items:center}.nav-logo img{height:35px;object-fit:contain}.nav-links{display:flex;gap:40px;align-items:center}.nav-links a{text-decoration:none;color:#64748b;font-weight:600;font-size:15px;transition:color .2s ease}.nav-links a:hover{color:#2563eb}.nav-auth{position:relative}.login-btn,.login-submit-btn,.profile-btn{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;transition:.2s;font-size:15px}.login-btn:hover,.login-submit-btn:hover,.profile-btn:hover{background:#1d4ed8}.logout-btn{background:#fef2f2;color:#ef4444;border:1px solid #fecaca;padding:10px;width:100%;border-radius:8px;font-weight:700;cursor:pointer;transition:.2s}.logout-btn:hover{background:#fee2e2}.profile-dropdown{position:absolute;top:50px;right:0;background:#fff;width:300px;border-radius:12px;box-shadow:0 10px 25px #0000001a;border:1px solid #e2e8f0;padding:20px;z-index:200;animation:fadeIn .2s ease-out}.profile-update-form{display:flex;flex-direction:column;gap:8px}.profile-update-form input{padding:10px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;outline:none;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:50px}.feature-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:40px 30px;cursor:pointer;transition:all .3s ease;min-height:240px;display:flex;flex-direction:column}.feature-card:hover{border-color:#2563eb;box-shadow:0 15px 35px #2563eb1a;transform:translateY(-8px)}.feature-icon-wrapper{background:#f1f5f9;width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px;transition:.3s ease}.feature-card:hover .feature-icon-wrapper{background:#eff6ff;transform:scale(1.1)}.feature-title{font-size:20px;font-weight:800;color:#1e293b;margin:0 0 12px}.feature-desc{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 20px;flex:1}.feature-action{font-weight:700;color:#2563eb;font-size:15px;display:flex;align-items:center;gap:8px}.workspace-container{display:flex;gap:40px;margin-top:20px;align-items:flex-start}.workspace-sidebar{width:320px;background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:20px;position:sticky;top:100px}.sidebar-header{font-size:12px;text-transform:uppercase;font-weight:800;color:#94a3b8;margin-bottom:15px;letter-spacing:1px}.sidebar-card{display:flex;align-items:center;gap:15px;padding:15px;border-radius:12px;cursor:pointer;transition:.2s;border:1px solid transparent;margin-bottom:10px}.sidebar-card:hover{background:#f8fafc;border-color:#e2e8f0}.sidebar-icon{font-size:24px;background:#f1f5f9;padding:10px;border-radius:10px}.sidebar-text h4{margin:0 0 4px;font-size:14px;color:#1e293b}.sidebar-text p{margin:0;font-size:12px;color:#64748b}.workspace-main{flex:1;background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:40px;min-height:600px}.back-grid-btn{background:transparent;border:none;color:#64748b;font-weight:700;font-size:15px;cursor:pointer;padding:0;margin-bottom:20px;display:flex;align-items:center;transition:color .2s}.back-grid-btn:hover{color:#2563eb}.analytics-panel{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:30px;margin-bottom:30px;box-shadow:0 4px 15px #00000005}.metric-container{display:flex;gap:20px;flex-wrap:wrap}.metric-card{flex:1;min-width:250px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:30px;display:flex;flex-direction:column;gap:10px}.metric-value{font-size:42px;font-weight:900;color:#2563eb}.search-row{display:flex;gap:15px}.search-row input{flex:1;padding:15px 20px;border-radius:12px;border:1px solid #cbd5e1;outline:none;font-size:15px;background:#f8fafc}.search-row input:focus{border-color:#2563eb;background:#fff}.auth-btn{background:#2563eb;color:#fff;border:none;padding:0 30px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;transition:.2s}.auth-btn:hover{background:#1d4ed8}.hide-btn{background:#f1f5f9;color:#475569}.hide-btn:hover{background:#e2e8f0;color:#1e293b}.table-scroll{width:100%}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:18px 24px;text-align:left;border-bottom:1px solid #e2e8f0;font-size:15px}.data-table th{background:#f8fafc;color:#64748b;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.5px;position:sticky;top:0;z-index:10}.data-table tr:hover td{background:#f8fafc}.vicky-widget-container{position:fixed;bottom:30px;right:30px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:15px}.vicky-toggle-btn{width:65px;height:65px;border-radius:50%;border:none;cursor:pointer;box-shadow:0 10px 25px #2563eb66;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.vicky-toggle-btn:hover{transform:scale(1.05)}.vicky-toggle-btn img{width:35px;height:35px}.vicky-chat-window{width:400px;height:550px;background:#fff;border-radius:20px;box-shadow:0 15px 40px #00000026;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e2e8f0;animation:fadeIn .3s ease}.vicky-header{padding:15px 20px;color:#fff;display:flex;justify-content:space-between;align-items:center}.vicky-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;background:#f8fafc}.chat-row{display:flex;gap:10px;align-items:flex-end}.user-row{justify-content:flex-end}.vicky-row{justify-content:flex-start}.chat-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 5px #0000001a;background:#fff;flex-shrink:0}.vicky-bubble{max-width:75%;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.5;box-shadow:0 2px 5px #0000000d}.vicky-bubble.model{background:linear-gradient(135deg,#06b6d4,#2563eb);color:#fff;border-bottom-left-radius:4px}.vicky-bubble.user{background:#d1fae5;color:#065f46;border-bottom-right-radius:4px}.vicky-input-area{padding:15px;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:10px}.vicky-input-area input{flex:1;padding:12px 15px;border-radius:24px;border:1px solid #cbd5e1;outline:none;font-size:14px;background:#f8fafc}.vicky-input-area input:focus{border-color:#2563eb;background:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loader{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes statusPulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}