body{background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;padding:20px}button{border:none;cursor:pointer;outline:none}input,select,textarea{font-family:inherit}:root{--careem-green:#00eb79;--careem-green-dark:#00c966;--careem-green-light:#e6fff2;--careem-dark:#1a1a2e;--careem-gray-900:#111827;--careem-gray-800:#1f2937;--careem-gray-700:#374151;--careem-gray-600:#4b5563;--careem-gray-500:#6b7280;--careem-gray-400:#9ca3af;--careem-gray-300:#d1d5db;--careem-gray-200:#e5e7eb;--careem-gray-100:#f3f4f6;--careem-gray-50:#f9fafb;--careem-red:#ef4444;--careem-orange:#f97316;--careem-yellow:#fbbf24;--careem-blue:#3b82f6;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#111827;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);line-height:1.5}.App,body{background:#f9fafb;background:var(--bg-secondary)}.App{min-height:100vh}.loading{align-items:center;color:#4b5563;color:var(--text-secondary);display:flex;font-size:18px;height:100vh;justify-content:center}.loading:after{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#00eb79;border:3px solid var(--careem-gray-200);border-radius:50%;border-top-color:var(--careem-green);content:"";height:24px;margin-left:12px;width:24px}.container{max-width:1280px;padding:0 16px}@media (min-width:768px){.container{padding:0 24px}}.page{padding:24px 16px 100px}@media (min-width:768px){.page{padding:32px 24px 40px}}.page-title{color:#111827;color:var(--text-primary);margin-bottom:24px}.card{background:#fff;background:var(--bg-primary);border:1px solid #f3f4f6;border:1px solid var(--careem-gray-100);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:20px;transition:all .25s ease;transition:all var(--transition-normal)}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-title{color:#111827;color:var(--text-primary);font-size:18px;font-weight:600}.btn{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:16px;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#00eb79;background:var(--careem-green);color:#1a1a2e;color:var(--careem-dark)}.btn-primary:hover:not(:disabled){background:#00c966;background:var(--careem-green-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#f3f4f6;background:var(--careem-gray-100);color:#111827;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#e5e7eb;background:var(--careem-gray-200)}.btn-outline{background:#0000;border:2px solid #00eb79;border:2px solid var(--careem-green);color:#00eb79;color:var(--careem-green)}.btn-outline:hover:not(:disabled){background:#e6fff2;background:var(--careem-green-light)}.btn-dark{background:#1a1a2e;background:var(--careem-dark);color:#fff}.btn-dark:hover:not(:disabled){background:#1f2937;background:var(--careem-gray-800)}.btn-sm{border-radius:6px;border-radius:var(--radius-sm)}.btn-lg{border-radius:16px;border-radius:var(--radius-lg);font-size:18px;padding:16px 32px}.input-group{margin-bottom:20px}.input-label{color:#4b5563;color:var(--text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.input{background:#fff;background:var(--bg-primary);border:2px solid #e5e7eb;border:2px solid var(--careem-gray-200);border-radius:12px;border-radius:var(--radius-md);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:16px;padding:14px 16px;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.input:focus{border-color:#00eb79;border-color:var(--careem-green);box-shadow:0 0 0 3px #e6fff2;box-shadow:0 0 0 3px var(--careem-green-light);outline:none}.input::placeholder{color:#9ca3af;color:var(--text-tertiary)}.input-icon{position:relative}.input-icon .input{padding-left:48px}.input-icon-left{color:#9ca3af;color:var(--text-tertiary);left:16px;position:absolute;top:50%;transform:translateY(-50%)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:600;padding:4px 12px}.badge-green{background:#e6fff2;background:var(--careem-green-light);color:#00c966;color:var(--careem-green-dark)}.badge-gray{background:#f3f4f6;background:var(--careem-gray-100);color:#4b5563;color:var(--text-secondary)}.service-tile{background:#fff;background:var(--bg-primary);border:1px solid #f3f4f6;border:1px solid var(--careem-gray-100);border-radius:16px;border-radius:var(--radius-lg);padding:20px;transition:all .25s ease;transition:all var(--transition-normal)}.service-tile:hover{border-color:#00eb79;border-color:var(--careem-green);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.service-tile:active{transform:translateY(-2px)}.service-tile-icon{align-items:center;background:#e6fff2;background:var(--careem-green-light);border-radius:12px;border-radius:var(--radius-md);display:flex;font-size:28px;height:56px;justify-content:center;margin:0 auto 12px;width:56px}.service-tile-title{color:#111827;color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.service-tile-subtitle{color:#9ca3af;color:var(--text-tertiary);font-size:12px}.grid{grid-gap:16px;display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:#111827;color:var(--text-primary)}.text-secondary{color:#4b5563;color:var(--text-secondary)}.text-tertiary{color:#9ca3af;color:var(--text-tertiary)}.text-green{color:#00eb79;color:var(--careem-green)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--careem-gray-200) 25%,var(--careem-gray-100) 50%,var(--careem-gray-200) 75%);background-size:200% 100%;border-radius:6px;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.divider{background:#e5e7eb;background:var(--careem-gray-200);height:1px;margin:16px 0}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.back-btn{background:#f3f4f6;background:var(--careem-gray-100);border-radius:9999px;border-radius:var(--radius-full);color:#111827;color:var(--text-primary);display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .15s ease;transition:all var(--transition-fast)}.back-btn:hover{background:#e5e7eb;background:var(--careem-gray-200)}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state-title{color:#111827;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.empty-state-text{color:#4b5563;color:var(--text-secondary);font-size:14px;margin:0 auto;max-width:300px}.navbar{background:var(--bg-primary);border-bottom:1px solid var(--careem-gray-100);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 24px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{gap:8px;text-decoration:none}.logo-icon{background:var(--careem-green);border-radius:var(--radius-md);color:var(--careem-dark);font-size:20px;font-weight:800;height:36px;width:36px}.logo-text{color:var(--text-primary);font-size:22px;font-weight:700;letter-spacing:-.5px}.nav-menu{align-items:center;display:flex;gap:8px;list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;padding:8px 12px;text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{background:var(--careem-gray-100);color:var(--text-primary)}.nav-link-highlight{color:var(--careem-green-dark);font-weight:600}.nav-link-highlight:hover{background:var(--careem-green-light);color:var(--careem-green-dark)}.nav-user-item{align-items:center;display:flex;gap:8px}.nav-user-avatar{align-items:center;background:var(--careem-green);border-radius:var(--radius-full);color:var(--careem-dark);display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.nav-btn-text{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:all var(--transition-fast)}.nav-btn-text:hover{background:var(--careem-gray-100);color:var(--text-primary)}@media (max-width:1024px){.nav-menu{gap:4px}.nav-link{font-size:13px;padding:8px}}@media (max-width:768px){.nav-container{height:56px;padding:0 16px}.logo-icon{height:32px;width:32px}.logo-icon,.logo-text{font-size:18px}.nav-menu{display:none}}.mobile-nav{background:#fff;border-top:1px solid #f0f0f0;bottom:0;box-shadow:0 -4px 20px #00000014;justify-content:space-around;left:0;padding:8px 0 calc(8px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:1001}.mobile-nav,.mobile-nav-item{align-items:center;display:flex}.mobile-nav-item{border-radius:12px;color:#888;flex:1 1;flex-direction:column;justify-content:center;max-width:80px;padding:8px 12px;position:relative;text-decoration:none;transition:all .2s ease}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-icon{align-items:center;display:flex;justify-content:center;margin-bottom:4px;transition:transform .2s ease}.mobile-nav-icon svg{height:24px;width:24px}.mobile-nav-label{font-size:11px;font-weight:500;transition:all .2s ease}.mobile-nav-item.active{color:#00eb79}.mobile-nav-item.active .mobile-nav-icon{transform:scale(1.1)}.mobile-nav-item.active .mobile-nav-icon svg path{stroke:#00eb79;stroke-width:2.5}.mobile-nav-item.active .mobile-nav-label{color:#00c966;font-weight:600}.mobile-nav-indicator{animation:slideDown .2s ease-out;background:#00eb79;border-radius:3px;height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:24px}.mobile-nav-item:hover:not(.active){background:#f5f5f5;color:#1a1a2e}@supports (padding:max(0px)){.mobile-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}}@media (min-width:769px){.mobile-nav{display:none}}@media (max-width:768px){body{padding-bottom:80px}}.install-prompt{animation:slideUp .4s cubic-bezier(.4,0,.2,1);bottom:calc(70px + env(safe-area-inset-bottom));left:16px;position:fixed;right:16px;z-index:1000}.install-prompt-content{align-items:center;background:#fff;border:1px solid #e4e6eb;border-radius:12px;box-shadow:0 4px 16px #0003;display:flex;gap:12px;padding:16px}.install-prompt-icon{flex-shrink:0;font-size:32px}.install-prompt-text{flex:1 1}.install-prompt-text h3{color:#1c1e21;font-size:16px;font-weight:600;margin:0 0 4px}.install-prompt-text p{color:#65676b;font-size:14px;margin:0}.install-prompt-actions{align-items:center;display:flex;gap:8px}.install-btn{background:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:8px 20px;transition:all .2s ease}.install-btn:hover{background:#166fe5}.install-btn:active{transform:scale(.98)}.dismiss-btn{align-items:center;background:#e4e6eb;border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.dismiss-btn:hover{background:#d8dadf}.dismiss-btn:active{transform:scale(.95)}@media (min-width:769px){.install-prompt{display:none}}.agentic-ai-button{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #667eea;border-radius:50%;bottom:100px;box-shadow:0 4px 24px #667eea66;cursor:pointer;display:flex;height:64px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:64px;z-index:1000}.agentic-ai-button:hover{box-shadow:0 6px 30px #667eea99;transform:scale(1.1)}.agentic-ai-button.open{background:#1a1a2e;border-color:#ec4899}.agentic-ai-button .ai-icon{font-size:28px}.agentic-ai-button .ai-badge{background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:8px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;position:absolute;right:-4px;top:-4px}.agentic-ai-button .close-icon{color:#fff;font-size:32px}.agentic-ai-button .ai-pulse{animation:pulse-ring 2s ease infinite;border:2px solid #667eea;border-radius:50%;height:100%;position:absolute;width:100%}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.agentic-ai-chat{animation:slideUp .3s ease;background:#0f0f1a;border:1px solid #667eea4d;border-radius:20px;bottom:180px;box-shadow:0 10px 50px #00000080;display:flex;flex-direction:column;height:600px;overflow:hidden;position:fixed;right:20px;width:420px;z-index:1000}.agentic-ai-chat .chat-header{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid #667eea33;display:flex;justify-content:space-between;padding:14px 16px}.header-left{align-items:center;display:flex;gap:12px}.header-logo{font-size:28px}.header-text h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#ec4899);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:16px;font-weight:700;margin:0}.header-subtitle{color:#fff9;font-size:11px}.header-right{gap:8px}.header-right button{background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;font-size:16px;height:32px;transition:all .2s;width:32px}.header-right button:hover{background:#fff3}.agent-toggle.active{background:#667eea4d}.close-btn{color:#fff;font-size:20px}.agent-status-bar{background:#0000004d;border-bottom:1px solid #ffffff0d;display:flex;gap:8px;overflow-x:auto;padding:10px 12px}.agent-indicator{align-items:center;background:#ffffff0d;border-radius:20px;color:#fff9;display:flex;font-size:11px;gap:4px;padding:6px 10px;transition:all .3s ease;white-space:nowrap}.agent-indicator.active{background:#667eea;background:var(--agent-color,#667eea);box-shadow:0 2px 12px color-mix(in srgb,#667eea 50%,#0000);box-shadow:0 2px 12px color-mix(in srgb,var(--agent-color,#667eea) 50%,#0000);color:#fff}.agent-emoji{font-size:14px}.agent-name{font-weight:500}.agent-working{display:flex;gap:2px;margin-left:4px}.agent-working .dot{animation:bounce 1.4s ease-in-out infinite both;background:#fff;border-radius:50%;height:4px;width:4px}.agent-working .dot:first-child{animation-delay:-.32s}.agent-working .dot:nth-child(2){animation-delay:-.16s}.chat-body{display:flex;flex:1 1;overflow:hidden}.messages-panel{display:flex;flex:1 1;flex-direction:column;transition:all .3s ease}.messages-panel.with-sidebar{flex:0 0 65%}.chat-messages{gap:12px;padding:16px}.message{animation:fadeIn .2s ease;gap:10px;max-width:90%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.system{align-self:center;max-width:95%}.message-avatar{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #667eea4d;font-size:16px;height:32px;width:32px}.message-avatar.user{background:linear-gradient(135deg,#667eea,#764ba2)}.message-avatar.system{background:linear-gradient(135deg,#10b981,#059669)}.message-content{background:#ffffff0d;border:1px solid #ffffff1a}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.message.system .message-content{background:#10b9811a;border-color:#10b9814d}.message-text{color:#ffffffe6;font-size:14px;line-height:1.5}.message.user .message-text{color:#fff}.message-meta{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px}.agent-badge{background:#667eea;background:var(--agent-color,#667eea);border-radius:10px;color:#fff;font-size:10px;font-weight:500;padding:3px 8px}.agent-badge.contrib{background:#ffffff1a;border:1px solid #667eea;border:1px solid var(--agent-color,#667eea);color:#667eea;color:var(--agent-color,#667eea)}.execution-time{color:#fff6;font-size:10px;margin-left:auto}.message-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.message-suggestions .suggestion-btn{background:#667eea33;border:1px solid #667eea66;border-radius:16px;color:#667eea;cursor:pointer;font-size:11px;padding:6px 12px;transition:all .2s}.message-suggestions .suggestion-btn:hover{background:#667eea;color:#fff}.thinking-indicator{align-items:center;color:#fff9;display:flex;font-size:13px;gap:8px}.thinking-dots{display:flex;gap:3px}.thinking-dots span{animation:bounce 1.4s ease-in-out infinite both;background:#667eea;border-radius:50%;height:6px;width:6px}.thinking-dots span:first-child{animation-delay:-.32s}.thinking-dots span:nth-child(2){animation-delay:-.16s}.agent-panel{background:#0000004d;border-left:1px solid #ffffff1a;flex:0 0 35%;overflow-y:auto;padding:12px}.agent-panel h4{color:#fffc;font-size:12px;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.activity-log{margin-bottom:16px;max-height:200px;overflow-y:auto}.activity-item{background:#ffffff08;border-radius:8px;flex-direction:column;margin-bottom:6px;padding:8px}.activity-time{color:#fff6;font-size:10px}.activity-message{color:#ffffffb3;font-size:11px}.no-activity{color:#fff6;font-size:12px;padding:20px 0;text-align:center}.agent-legend h5{color:#fff9;font-size:11px;margin:0 0 8px;text-transform:uppercase}.legend-item{align-items:center;color:#ffffffb3;display:flex;font-size:12px;gap:8px;padding:6px 0}.legend-emoji{font-size:16px}.quick-actions-bar{background:#0000004d;border-top:1px solid #ffffff0d;display:flex;gap:6px;overflow-x:auto;padding:10px 12px}.quick-actions-bar button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;color:#fffc;cursor:pointer;font-size:12px;padding:8px 14px;transition:all .2s;white-space:nowrap}.quick-actions-bar button:hover{background:#667eea33;border-color:#667eea;color:#667eea}.chat-input-area{background:#0006;border-top:1px solid #ffffff1a;padding:12px 16px}.input-row{align-items:center;display:flex;gap:8px}.input-row input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;color:#fff;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .2s}.input-row input::placeholder{color:#fff6}.input-row input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.voice-btn{align-items:center;background:#ffffff0d;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s;width:40px}.voice-btn:hover{background:#ffffff1a}.voice-btn.listening{animation:pulse 1s infinite;background:#ef444433}.send-btn{transition:all .2s}.send-btn:hover:not(:disabled){box-shadow:0 4px 16px #667eea66}@media (max-width:480px){.agentic-ai-chat{bottom:160px;height:65vh;right:10px;width:calc(100% - 20px)}.agentic-ai-button{bottom:90px;height:56px;right:16px;width:56px}.agent-status-bar{padding:8px 10px}.agent-indicator{font-size:10px;padding:4px 8px}.messages-panel.with-sidebar{flex:1 1}.agent-panel{display:none}.quick-actions-bar{padding:8px 10px}.quick-actions-bar button{font-size:11px;padding:6px 10px}}.activity-log::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:6px}.activity-log::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:#0000}.activity-log::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.activity-log::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover{background:#fff3}.network-access-panel{bottom:20px;position:fixed;right:20px;z-index:1000}.network-toggle-btn{align-items:center;background:linear-gradient(135deg,#1877f2,#0a5ac4);border:none;border-radius:25px;box-shadow:0 4px 12px #1877f24d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.network-toggle-btn:hover{box-shadow:0 6px 20px #1877f266;transform:translateY(-2px)}.network-access-modal{align-items:center;animation:fadeIn .3s ease;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.network-access-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;position:relative;width:90%}.close-modal-btn{align-items:center;background:#f0f2f5;border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px}.close-modal-btn:hover{background:#e4e6eb;transform:rotate(90deg)}.network-access-content h2{color:#1c1e21;font-size:24px;font-weight:700;margin:0 0 24px;text-align:center}.qr-code-container{align-items:center;background:#f0f2f5;border-radius:12px;display:flex;justify-content:center;margin-bottom:24px;padding:24px}.qr-code-container canvas{border:4px solid #fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.network-url-section{margin-bottom:24px}.instruction-text{color:#1c1e21;font-size:15px;font-weight:500;margin:0 0 12px;text-align:center}.or-text{color:#65676b;font-size:14px;font-weight:600;margin:16px 0;position:relative;text-align:center}.or-text:after,.or-text:before{background:#e4e6eb;content:"";height:1px;position:absolute;top:50%;width:40%}.or-text:before{left:0}.or-text:after{right:0}.url-copy-section{display:flex;gap:8px;margin-bottom:12px}.network-url-input{background:#f0f2f5;border:2px solid #e4e6eb;border-radius:8px;color:#1c1e21;flex:1 1;font-family:Monaco,Courier New,monospace;font-size:14px;padding:12px 16px;transition:all .2s ease}.network-url-input:focus{background:#fff;border-color:#1877f2;outline:none}.copy-btn{background:#1877f2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:#0a5ac4}.copy-btn:active{transform:scale(.96)}.help-text{color:#65676b;font-size:13px;line-height:1.5;margin:12px 0 0;text-align:center}.network-info{background:#f0f2f5;border-radius:12px;padding:20px}.network-info h3{color:#1c1e21;font-size:16px;font-weight:700;margin:0 0 12px}.network-info ol{color:#65676b;font-size:14px;line-height:1.8;margin:0;padding-left:20px}.network-info li{margin-bottom:8px}.network-info li:last-child{margin-bottom:0}@media (max-width:768px){.network-toggle-btn{bottom:80px;font-size:13px;padding:10px 16px}.network-access-content{border-radius:12px;padding:24px}.network-access-content h2{font-size:20px}.qr-code-container{padding:16px}.qr-code-container canvas{height:auto!important;max-width:100%}.network-url-input{font-size:12px;padding:10px 12px}.copy-btn{font-size:13px;padding:10px 20px}.network-info{padding:16px}}@media (max-width:480px){.network-toggle-btn{bottom:75px;font-size:12px;padding:8px 12px;right:12px}}.careem-app{background-color:#f8f9fa;min-height:100vh;padding-bottom:100px}.careem-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left{flex:1 1}.location-selector{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:background .2s}.location-selector:hover{background:#f5f5f5}.location-icon{font-size:20px}.location-info{display:flex;flex-direction:column}.location-label{color:#888;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.location-value{color:#1a1a2e;font-size:14px;font-weight:600}.location-arrow{color:#888;font-size:10px}.header-right{gap:12px}.header-btn,.header-right{align-items:center;display:flex}.header-btn{background:#f5f5f5;border-radius:50%;color:#1a1a2e;height:44px;justify-content:center;text-decoration:none;transition:all .2s;width:44px}.header-btn:hover{background:#e8e8e8}.notification-btn{position:relative}.notification-icon{font-size:20px}.notification-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:6px;top:6px;width:18px}.avatar-btn{background:linear-gradient(135deg,#00eb79,#00c966);color:#fff;font-size:16px}.login-btn{background:#00eb79;border-radius:25px;color:#fff;font-size:14px;padding:0 20px;width:auto}.greeting-section{background:#fff;padding:24px 20px 16px}.greeting-text{color:#1a1a2e;font-size:26px;font-weight:700;margin-bottom:4px}.greeting-subtitle{color:#666;font-size:15px}.ride-booking-section{background:#fff;padding:0 20px 20px}.ride-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #00000014;cursor:pointer;padding:16px;transition:all .3s}.ride-card:hover{box-shadow:0 8px 30px #0000001f}.ride-card-content,.ride-input-group{align-items:center;display:flex;gap:12px}.ride-input-group{background:#f5f5f5;border-radius:12px;flex:1 1;padding:14px 16px}.ride-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.ride-dot.green{background:#00eb79;box-shadow:0 0 0 4px #00eb7933}.ride-input{background:#0000;border:none;color:#1a1a2e;cursor:pointer;flex:1 1;font-size:16px;outline:none}.ride-input::placeholder{color:#888}.ride-now-btn{align-items:center;background:#00eb79;border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:52px;justify-content:center;transition:all .2s;width:52px}.ride-now-btn:hover{background:#00c966;transform:scale(1.05)}.ride-suggestions{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:4px}.suggestion-chip{align-items:center;background:#f5f5f5;border:none;border-radius:20px;color:#1a1a2e;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.suggestion-chip:hover{background:#e8e8e8}.suggestion-chip span{font-size:14px}.main-services-section{background:#fff;margin-top:8px;padding:20px}.main-services-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.main-service-tile{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:transform .2s}.main-service-tile:hover{transform:scale(1.05)}.main-service-icon{align-items:center;border-radius:20px;display:flex;font-size:28px;height:64px;justify-content:center;transition:all .2s;width:64px}.main-service-tile:hover .main-service-icon{transform:scale(1.1)}.main-service-title{color:#1a1a2e;font-size:13px;font-weight:600}.promo-carousel-section{padding:20px}.promo-carousel{border-radius:16px;height:140px;overflow:hidden;position:relative}.promo-slide{bottom:0;left:0;opacity:0;padding:20px;position:absolute;right:0;top:0;transform:translateX(20px);transition:all .5s ease}.promo-slide.active{opacity:1;transform:translateX(0)}.promo-slide-content{align-items:center;display:flex;gap:16px;height:100%}.promo-slide-icon{font-size:48px;opacity:.9}.promo-slide-text h3{color:#fff;font-size:22px;font-weight:700;margin-bottom:4px}.promo-slide-text p{color:#ffffffe6;font-size:14px}.promo-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}.promo-dot{background:#ddd;border:none;border-radius:50%;cursor:pointer;height:8px;transition:all .3s;width:8px}.promo-dot.active{background:#00eb79;border-radius:4px;width:24px}.more-services-section{background:#fff;margin-top:8px;padding:20px}.section-title{margin-bottom:16px}.more-services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.more-service-tile{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:transform .2s}.more-service-tile:hover{transform:scale(1.05)}.more-service-icon{align-items:center;background:#f5f5f5;border-radius:16px;display:flex;font-size:24px;height:52px;justify-content:center;transition:all .2s;width:52px}.more-service-tile:hover .more-service-icon{background:#e8e8e8}.more-service-title{color:#666;font-size:12px;font-weight:500}.wallet-section{padding:0 20px 20px}.wallet-card{align-items:center;background:linear-gradient(135deg,#1a1a2e,#2d2d44);border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:transform .2s}.wallet-card:hover{transform:scale(1.02)}.wallet-left{align-items:center;display:flex;gap:14px}.wallet-icon{font-size:32px}.wallet-info{display:flex;flex-direction:column}.wallet-label{color:#ffffffb3;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.wallet-balance{color:#fff;font-size:24px;font-weight:700}.wallet-action-btn{align-items:center;background:#00eb79;border:none;border-radius:25px;color:#1a1a2e;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.wallet-action-btn:hover{background:#00c966;transform:scale(1.05)}.rewards-section{padding:0 20px 20px}.rewards-card{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;padding:20px}.rewards-header{align-items:center;display:flex;gap:14px;margin-bottom:16px}.rewards-icon{font-size:36px}.rewards-info{display:flex;flex-direction:column}.rewards-title{color:#666;font-size:14px}.rewards-points{color:#1a1a2e;font-size:20px;font-weight:700}.rewards-progress{margin-bottom:16px}.progress-bar{background:#f0f0f0;margin-bottom:8px}.progress-fill{background:linear-gradient(90deg,#00eb79,#00c966)}.rewards-next{color:#888;font-size:12px}.rewards-btn{background:#f5f5f5;border:none;border-radius:10px;color:#1a1a2e;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .2s;width:100%}.rewards-btn:hover{background:#e8e8e8}.activity-section{background:#fff;margin-top:8px;padding:20px}.see-all-link{color:#00eb79;font-size:14px;font-weight:600;text-decoration:none}.activity-list{gap:12px}.activity-item{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:14px;padding:14px}.activity-icon{background:#fff;border-radius:12px;font-size:20px;height:44px;width:44px}.activity-info{display:flex;flex:1 1;flex-direction:column}.activity-title{font-size:14px;font-weight:600}.activity-time{color:#888;font-size:12px}.activity-status{border-radius:12px;font-size:11px;padding:4px 10px}.activity-status.completed{background:#e6fff2;color:#00c966}.activity-status.pending{background:#fff3e0;color:#f97316}.safety-section{padding:20px}.safety-card{align-items:center;background:linear-gradient(135deg,#e6fff2,#d1fae5);border-radius:12px;display:flex;gap:14px;padding:16px}.safety-icon{font-size:28px}.safety-info{display:flex;flex-direction:column}.safety-title{color:#1a1a2e;font-size:14px;font-weight:600}.safety-subtitle{color:#666;font-size:12px}.bottom-spacer{height:20px}@media (max-width:480px){.greeting-text{font-size:22px}.main-services-grid{gap:12px}.main-service-icon{font-size:24px;height:56px;width:56px}.more-services-grid{gap:12px}.more-service-icon{font-size:20px;height:48px;width:48px}.promo-carousel{height:120px}.promo-slide-icon{font-size:36px}.promo-slide-text h3{font-size:18px}.wallet-balance{font-size:20px}}.careem-home{background:var(--bg-secondary);min-height:100vh;padding-bottom:100px}.animated-hero{align-items:center;background:linear-gradient(135deg,#0a0a0a,#0f1a14 50%,#0a0a0a);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.animated-hero:before{animation:aurora 15s ease-in-out infinite;background:radial-gradient(ellipse at 20% 80%,#00eb7926 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#00ff881a 0,#0000 50%),radial-gradient(ellipse at 40% 40%,#2dd4bf14 0,#0000 50%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}@keyframes aurora{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.1) rotate(5deg)}}.hero-bg{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:2}.gradient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.5;position:absolute}.orb-1{animation-delay:0s;background:radial-gradient(circle,#00eb79 0,#00b85f 40%,#0000 70%);height:700px;left:-150px;top:-250px;width:700px}.orb-2{animation-delay:-7s;background:radial-gradient(circle,#0f8 0,#2dd4bf 40%,#0000 70%);bottom:-200px;height:600px;right:-150px;width:600px}.orb-3{animation-delay:-14s;background:radial-gradient(circle,#34d399 0,#00eb79 40%,#0000 70%);height:500px;left:50%;opacity:.25;top:50%;transform:translate(-50%,-50%);width:500px}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(60px,-60px) scale(1.15)}50%{transform:translate(-40px,40px) scale(.9)}75%{transform:translate(40px,60px) scale(1.1)}}.animated-hero:after{animation:gridMove 20s linear infinite;background-image:linear-gradient(#00eb7908 1px,#0000 0),linear-gradient(90deg,#00eb7908 1px,#0000 0);background-size:50px 50px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:3}@keyframes gridMove{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(50px)}}.particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.particle{animation:particleFloat 15s linear infinite;background:#00eb79;box-shadow:0 0 10px #00eb79,0 0 20px #00eb7980;height:3px;opacity:.6;width:3px}.particle:nth-child(2n){background:#2dd4bf;box-shadow:0 0 8px #2dd4bf,0 0 16px #2dd4bf80;height:2px;width:2px}.particle:nth-child(3n){background:#0f8;box-shadow:0 0 12px #0f8,0 0 24px #00ff8880;height:4px;width:4px}.particle-2{animation-delay:-2s}.particle-3{animation-delay:-4s;top:60%}.particle-4{animation-delay:-6s;top:80%}.particle-5{animation-delay:-8s;left:50%;top:30%}.particle-6{animation-delay:-10s;left:40%;top:70%}.particle-7{animation-delay:-1s;left:30%;top:15%}.particle-8{animation-delay:-3s;left:85%}.particle-9{animation-delay:-5s;left:15%;top:45%}.particle-10{animation-delay:-7s;left:90%;top:55%}.particle-11{animation-delay:-9s;left:65%;top:25%}.particle-12{animation-delay:-11s;left:25%;top:75%}.particle-13{animation-delay:-13s;left:45%;top:5%}.particle-14{animation-delay:-12s;left:55%;top:95%}.particle-15{animation-delay:-14s;left:5%;top:40%}.particle-16{animation-delay:-.5s;left:95%;top:50%}.particle-17{animation-delay:-2.5s;left:75%;top:35%}.particle-18{animation-delay:-4.5s;left:35%;top:65%}.particle-19{animation-delay:-6.5s;left:10%}.particle-20{animation-delay:-8.5s;left:92%}.hero-content{max-width:600px;position:relative;text-align:center;z-index:10}.hero-badge{align-items:center;animation:fadeInUp .8s ease-out,glow 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00eb7914;border:1px solid #00eb7940;border-radius:100px;display:inline-flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:2px;margin-bottom:28px;padding:10px 20px;text-transform:uppercase}@keyframes glow{0%,to{box-shadow:0 0 20px #00eb791a}50%{box-shadow:0 0 30px #00eb7933,0 0 60px #00eb791a}}.badge-dot{animation:pulse 2s ease-in-out infinite;background:#00eb79;border-radius:50%;box-shadow:0 0 10px #00eb79;height:8px;width:8px}.hero-title{animation:fadeInUp .8s ease-out .2s both;color:#fff;font-size:52px;line-height:1.1;margin-bottom:24px}.title-static{color:#666;display:block;font-size:20px;font-weight:400;letter-spacing:3px;margin-bottom:12px;text-transform:uppercase}.title-animated{-webkit-text-fill-color:#0000;animation:textReveal .6s ease-out,gradientShift 8s ease-in-out infinite;background:linear-gradient(135deg,#00eb79,#0f8 30%,#2dd4bf 60%,#00eb79);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;display:block;text-shadow:0 0 80px #00eb794d}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes textReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{animation:fadeInUp .8s ease-out .4s both;color:#aaa;font-size:16px;margin-bottom:32px}.hero-buttons{animation:fadeInUp .8s ease-out .6s both;display:flex;gap:12px;justify-content:center;margin-bottom:40px}.hero-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.hero-btn.primary{animation:buttonGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#00eb79,#00d46e 50%,#0f8);background-size:200% 200%;box-shadow:0 4px 15px #00eb794d;color:#000}@keyframes buttonGlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-btn.primary:hover{box-shadow:0 15px 40px #00eb7980,0 0 60px #00eb794d;transform:translateY(-4px) scale(1.02)}.hero-btn.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff26;color:#fff}.hero-btn.secondary:hover{background:#00eb791a;border-color:#00eb794d;box-shadow:0 10px 30px #00eb7933;transform:translateY(-4px) scale(1.02)}.hero-stats{animation:fadeInUp .8s ease-out .8s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;gap:32px;padding:24px 32px}.hero-stat{position:relative;text-align:center}.hero-stat:not(:last-child):after{background:linear-gradient(180deg,#0000,#00eb794d,#0000);content:"";height:40px;position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:1px}.stat-number{background:linear-gradient(135deg,#fff,#00eb79);display:block;font-size:32px}.stat-text{color:#666;font-size:11px;letter-spacing:1px;margin-top:4px;text-transform:uppercase}.floating-cards{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.float-card{align-items:center;animation:floatCard 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414cc;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;gap:12px;padding:12px 16px;position:absolute}.float-card .card-icon{font-size:24px}.float-card .card-text{display:flex;flex-direction:column}.float-card .card-title{color:#fff;font-size:13px;font-weight:600}.float-card .card-desc{color:#888;font-size:11px}.card-1{animation-delay:0s;left:5%;top:15%}.card-2{animation-delay:-1.5s;right:5%;top:25%}.card-3{animation-delay:-3s;bottom:30%;left:8%}.card-4{animation-delay:-4.5s;bottom:20%;right:8%}@keyframes floatCard{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(2deg)}}.phone-mockup{animation:fadeInUp 1s ease-out 1.2s both,phoneFloat 8s ease-in-out infinite;bottom:10%;position:absolute;right:10%;z-index:6}.phone-frame{background:#1a1a1a;border:3px solid #333;border-radius:30px;box-shadow:0 30px 60px #00000080,0 0 60px #00eb791a;height:360px;padding:8px;position:relative;width:180px}.phone-notch{background:#0a0a0a;border-radius:10px;height:20px;left:50%;position:absolute;top:12px;transform:translateX(-50%);width:60px;z-index:10}.phone-screen{background:linear-gradient(180deg,#0f0f0f,#1a1a1a);border-radius:22px;height:100%;overflow:hidden;padding:40px 12px 12px;width:100%}.app-header{align-items:center}.app-header span{color:#fff;font-size:12px;font-weight:600}.app-avatar{align-items:center;background:linear-gradient(135deg,#00eb79,#00d46e);border-radius:50%;color:#000;display:flex;font-size:10px;font-weight:700;height:24px;justify-content:center;width:24px}.app-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.app-tile{aspect-ratio:1;background:#ffffff0d;border-radius:12px;font-size:20px;justify-content:center}.app-promo,.app-tile{align-items:center;display:flex}.app-promo{background:linear-gradient(135deg,#00eb7933,#00eb791a);border-radius:10px;justify-content:space-between;padding:12px}.promo-text{color:#00eb79;font-size:10px;font-weight:600}.promo-btn{background:#00eb79;border-radius:4px;color:#000;font-size:8px;font-weight:600;padding:4px 8px}.scroll-indicator{align-items:center;animation:fadeInUp 1s ease-out 1s both;bottom:40px;cursor:pointer;display:flex;flex-direction:column;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.scroll-indicator span{color:#666;font-size:12px;letter-spacing:1px;text-transform:uppercase}.scroll-arrow{animation:bounce 2s ease-in-out infinite;color:#00eb79}@media (max-width:480px){.animated-hero:after{display:none}.hero-title{font-size:38px}.title-static{font-size:14px;letter-spacing:2px}.hero-subtitle{font-size:14px;padding:0 10px}.hero-buttons{flex-direction:column;gap:10px;padding:0 20px}.hero-btn{justify-content:center;padding:16px 24px;width:100%}.hero-stats{flex-wrap:wrap;gap:20px;padding:20px 24px}.hero-stat:not(:last-child):after{display:none}.stat-number{font-size:26px}.stat-text{font-size:10px}.gradient-orb{filter:blur(80px)}.orb-1{height:350px;width:350px}.orb-2{height:300px;width:300px}.orb-3{height:250px;width:250px}.scroll-indicator{bottom:30px}.floating-cards,.phone-mockup{display:none}}@media (max-width:1024px){.phone-mockup{bottom:5%;right:5%}.phone-frame{height:280px;width:140px}.float-card{padding:8px 12px}.float-card .card-icon{font-size:18px}.float-card .card-title{font-size:11px}.float-card .card-desc{font-size:9px}}.home-header{background:var(--bg-primary);border-bottom:1px solid var(--careem-gray-100);padding:20px 16px}.header-top{align-items:flex-start;margin-bottom:16px}.greeting h1{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:4px}.greeting p{color:var(--text-tertiary);font-size:14px}.search-bar{width:100%}.search-bar .input{background:var(--bg-tertiary);border-color:#0000;padding-left:48px}.search-bar .input:focus{background:var(--bg-primary);border-color:var(--careem-green)}.services-section{padding:20px 16px}.quick-actions-section{padding:0 16px 20px}.section-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:12px}.quick-actions-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.quick-action-chip{align-items:center;background:var(--bg-primary);border:1px solid var(--careem-gray-200);border-radius:var(--radius-full);cursor:pointer;display:flex;gap:6px;padding:10px 16px;transition:all var(--transition-fast);white-space:nowrap}.quick-action-chip:hover{background:var(--careem-green-light);border-color:var(--careem-green)}.chip-icon{font-size:16px}.chip-text{color:var(--text-primary);font-size:14px;font-weight:500}.promo-section{padding:0 16px 20px}.promo-card{align-items:center;background:linear-gradient(135deg,var(--careem-green) 0,var(--careem-green-dark) 100%);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:24px}.promo-content{flex:1 1}.promo-content h3{color:var(--careem-dark);font-size:20px;font-weight:700;margin-bottom:8px}.promo-content p{color:var(--careem-dark);font-size:14px;margin-bottom:16px;max-width:200px;opacity:.8}.promo-icon{font-size:48px;margin-left:16px}.trending-section{padding:0 16px 20px}.section-header{margin-bottom:12px}.see-all{color:var(--careem-green-dark);font-weight:500;text-decoration:none}.see-all:hover{text-decoration:underline}.trending-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.trending-card{background:var(--bg-primary);border:1px solid var(--careem-gray-100);border-radius:var(--radius-md);flex-shrink:0;padding:16px;text-decoration:none;transition:all var(--transition-normal);width:200px}.trending-card:hover{border-color:var(--careem-green);box-shadow:var(--shadow-md);transform:translateY(-2px)}.trending-icon{align-items:center;background:var(--careem-green-light);border-radius:var(--radius-sm);display:flex;font-size:20px;height:40px;justify-content:center;margin-bottom:12px;width:40px}.trending-info{margin-bottom:8px}.trending-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trending-price{color:var(--careem-green-dark);font-size:16px;font-weight:700}.trending-rating{color:var(--text-tertiary);font-size:12px}.stats-section{padding:0 16px 20px}.stats-grid{align-items:center;background:var(--bg-primary);border:1px solid var(--careem-gray-100);border-radius:var(--radius-lg);display:flex;justify-content:space-around;padding:20px}.stat-value{color:var(--careem-green-dark);margin-bottom:4px}.stat-label{color:var(--text-tertiary);letter-spacing:.5px;text-transform:uppercase}.stat-divider{background:var(--careem-gray-200);height:40px}.cta-section{padding:0 16px}.cta-section .card{padding:32px 24px;text-align:center}@media (min-width:768px){.home-header{padding:24px}.greeting h1{font-size:28px}.cta-section,.promo-section,.quick-actions-section,.services-section,.stats-section,.trending-section{padding-left:24px;padding-right:24px}.promo-content p{max-width:300px}.trending-card{width:240px}}@media (min-width:1024px){.careem-home{margin:0 auto;max-width:1280px}.home-header{border-radius:0 0 var(--radius-xl) var(--radius-xl)}}.auth-page{align-items:center;background:linear-gradient(135deg,#0a0a0f,#1a1a2e);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.auth-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;max-width:450px;padding:40px;width:100%}.auth-logo{margin-bottom:30px;text-align:center}.peacock-icon-large{display:block;font-size:60px;margin-bottom:15px}.auth-title{color:#fff;font-size:26px;margin-bottom:8px;text-align:center}.auth-subtitle{color:#ffffff80;font-size:14px;margin:0;text-align:center}.auth-form,.auth-form .form-group{margin-bottom:20px}.auth-form label{color:#fffc;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.auth-form input,.auth-form select{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;box-sizing:border-box;color:#fff;font-size:15px;padding:14px 16px;width:100%}.auth-form input::placeholder{color:#fff6}.auth-form input:focus,.auth-form select:focus{background:#ffffff1a;border-color:#00eb79;outline:none}.auth-form select{-webkit-appearance:none;appearance:none;cursor:pointer}.community-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat}.community-select option{background:#1a1a2e;color:#fff}.field-hint{color:#fff6;display:block;font-size:12px;margin-top:5px}.form-row{display:flex;gap:15px}.form-group.half{flex:1 1}.search-input-field{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;font-size:14px;margin-bottom:8px;padding:10px 14px;width:100%}.search-input-field:focus{border-color:#00eb79;outline:none}.search-input-field::placeholder{color:#fff6}.auth-form small{color:#ffffff80;display:block;font-size:12px;margin-top:5px}.verification-notice{background:#667eea26;border:1px solid #667eea4d;border-radius:12px;display:flex;gap:15px;margin-bottom:25px;padding:15px}.verification-notice .notice-icon{font-size:24px}.verification-notice .notice-text strong{color:#fff;display:block;font-size:14px;margin-bottom:5px}.verification-notice .notice-text p{color:#fff9;font-size:12px;line-height:1.5;margin:0}.btn-block{margin-top:10px;width:100%}.btn-primary{background:linear-gradient(135deg,#00eb79,#00c853);border:none;border-radius:10px;color:#0a0a0f;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s}.btn-primary:hover{box-shadow:0 5px 20px #00eb794d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.error-message,.success-message{margin-bottom:20px;padding:12px 15px}.success-message{background:#00eb7926;border:1px solid #00eb794d;border-radius:10px;color:#00eb79;font-size:14px}.auth-footer{color:#ffffff80;font-size:14px;text-align:center}.auth-footer a{color:#00eb79;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-method-toggle{background:#f0f2f5;border-radius:8px;display:flex;gap:10px;margin-bottom:25px;padding:4px}.method-btn{background:#0000;border:none;border-radius:6px;color:#65676b;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease}.method-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#1877f2}.method-btn:hover:not(.active){color:#1877f2}.magic-link-info{background:#e7f3ff;border:1px solid #1877f2;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.magic-link-info p{color:#1c1e21;font-size:14px;margin:0}.magic-link-sent{padding:20px 0;text-align:center}.magic-link-icon{animation:pulse 2s infinite;font-size:64px;margin-bottom:20px}.magic-link-sent h3{color:#1c1e21;font-size:24px;margin-bottom:15px}.magic-link-sent p{color:#65676b;font-size:15px;margin-bottom:10px}.magic-link-instructions{background:#f0f2f5;border-radius:8px;margin:20px 0;padding:12px}.magic-link-verify{padding:40px 20px;text-align:center}.verify-spinner{animation:spin 1s linear infinite;border:4px solid #f0f2f5;border-radius:50%;border-top-color:#1877f2;height:60px;margin:0 auto 30px;width:60px}.verify-success-icon{background:#4caf50}.verify-error-icon,.verify-success-icon{align-items:center;animation:scaleIn .5s ease;border-radius:50%;color:#fff;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto 30px;width:80px}.verify-error-icon{background:#f44336}.magic-link-verify h2{color:#1c1e21;font-size:28px;margin-bottom:15px}.magic-link-verify p{color:#65676b;font-size:16px;margin-bottom:10px}.social-login-divider{align-items:center;display:flex;margin:24px 0}.social-login-divider:after,.social-login-divider:before{background:#e0e0e0;content:"";flex:1 1;height:1px}.social-login-divider span{color:#999;font-size:13px;font-weight:500;padding:0 16px;text-transform:uppercase}.whatsapp-login-btn{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:10px;box-shadow:0 4px 15px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:center;margin-bottom:20px;padding:14px 20px;text-decoration:none;transition:all .3s ease;width:100%}.whatsapp-login-btn:hover{box-shadow:0 6px 20px #25d36666;color:#fff;transform:translateY(-2px)}.whatsapp-login-btn:active{transform:translateY(0)}.whatsapp-icon-btn{height:22px;width:22px}.whatsapp-icon-btn path:first-child{fill:#fff}.whatsapp-icon-btn path:last-child{stroke:#fff}.google-signin-btn{align-items:center;background:#fff;border:1px solid #fff3;border-radius:10px;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:center;margin-bottom:20px;padding:14px 20px;transition:all .2s ease;width:100%}.google-signin-btn:hover{background:#f5f5f5;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.google-signin-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.google-icon{flex-shrink:0}.auth-divider{align-items:center;display:flex;margin:20px 0}.auth-divider:after,.auth-divider:before{background:#ffffff26;content:"";flex:1 1;height:1px}.auth-divider span{color:#ffffff80;font-size:13px;padding:0 15px}.auth-note{align-items:center;background:#00eb791a;border-radius:10px;color:#ffffffb3;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:20px;padding:12px}.auth-note .note-icon{font-size:16px}.google-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;max-width:380px;padding:30px;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s;width:32px}.modal-close:hover{background:#e0e0e0;color:#333}.modal-header{margin-bottom:25px;text-align:center}.modal-header svg{margin-bottom:15px}.modal-header h3{color:#333;font-size:20px;margin:0 0 8px}.modal-header p{color:#666;font-size:14px;margin:0}.google-form{display:flex;flex-direction:column;gap:15px}.google-form input{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;color:#333;font-size:15px;padding:14px 16px;transition:all .2s;width:100%}.google-form input:focus{border-color:#4285f4;outline:none}.google-form input::placeholder{color:#999}.google-submit-btn{background:#4285f4;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .2s;width:100%}.google-submit-btn:hover{background:#3367d6;box-shadow:0 4px 15px #4285f44d;transform:translateY(-2px)}.modal-note{color:#999;font-size:12px;margin-top:15px;text-align:center}@media (max-width:576px){.auth-container{padding:30px 20px}.auth-title{font-size:24px}.method-btn{font-size:13px;padding:10px}.google-modal{padding:25px 20px}}.dashboard-page{padding:40px 20px}.dashboard-header{margin-bottom:40px}.dashboard-header h1{color:#333;font-size:36px;margin-bottom:10px}.dashboard-subtitle{font-size:18px}.verified{color:#4caf50;font-weight:600}.unverified{color:#ff9800;font-weight:600}.user-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{align-items:center;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;padding:24px}.stat-icon{font-size:40px}.stat-content{flex:1 1}.stat-value{color:#333;font-size:24px;margin-bottom:5px}.quick-actions h2{color:#333;font-size:28px;margin-bottom:20px}.actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.action-card{align-items:center;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;padding:24px;text-decoration:none;transition:transform .3s,box-shadow .3s}.action-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-5px)}.action-icon{font-size:48px}.action-content h3{color:#333;font-size:20px;margin-bottom:8px}.action-content p{color:#666;font-size:14px}@media (max-width:768px){.dashboard-header h1{font-size:28px}.actions-grid,.user-stats{grid-template-columns:1fr}}.service-list-page{animation:fadeIn .5s ease-in-out;background:#f0f2f5;min-height:100vh;padding:0}.container{margin:0 auto;max-width:1400px;padding:0 20px}.page-title{color:#1c1e21;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:32px 0 8px;text-align:center}.page-subtitle{color:#65676b;font-size:15px;font-weight:400;margin-bottom:24px}.filters-bar{align-items:center;background:#fff;border-bottom:1px solid #e4e6eb;box-shadow:0 1px 2px #0000001a;margin-bottom:20px;padding:16px 20px;position:-webkit-sticky;position:sticky;top:56px;z-index:100}.filter-group{flex:1 1;min-width:220px}.search-input{background:#f0f2f5;border:1px solid #e4e6eb;border-radius:8px;font-family:inherit;font-size:15px;padding:10px 14px}.search-input:focus{background:#fff;border-color:#1877f2}.search-input::placeholder{color:#65676b}.filter-group select{background:#f0f2f5;border:1px solid #e4e6eb;border-radius:8px;color:#1c1e21;cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;padding:10px 14px;transition:all .2s ease;width:100%}.filter-group select:hover{background:#e4e6eb}.filter-group select:focus{background:#fff;border-color:#1877f2;outline:none}.loading-message{color:#878787;font-size:18px;padding:80px 20px}.loading-message,.no-results{background:#fff;border-radius:2px;margin:20px;text-align:center}.no-results{box-shadow:0 1px 4px #00000014;padding:80px 40px}.no-results p{color:#212121;font-size:20px;font-weight:500;margin-bottom:8px}.services-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1400px;padding:20px}.service-card{animation:slideInUp .6s ease backwards;background:#fff;border:1px solid #e4e6eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.service-card:before{background:linear-gradient(90deg,#1877f2,#0a5ac4);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;width:100%}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{border-color:#1877f2;box-shadow:0 20px 50px #1877f226;transform:translateY(-12px) scale(1.03)}.service-card:first-child{animation-delay:.05s}.service-card:nth-child(2){animation-delay:.1s}.service-card:nth-child(3){animation-delay:.15s}.service-card:nth-child(4){animation-delay:.2s}.service-card:nth-child(5){animation-delay:.25s}.service-card:nth-child(6){animation-delay:.3s}.service-card:nth-child(7){animation-delay:.35s}.service-card:nth-child(8){animation-delay:.4s}.old-service-card{background:#fff;border:1px solid #e4e6eb;border-radius:8px;box-shadow:0 1px 2px #0000001a;color:inherit;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;text-decoration:none;transition:all .2s ease}.service-card:before{display:none}.service-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.service-header{align-items:flex-start;background:linear-gradient(180deg,#fafafa,#fff);border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:16px 16px 12px}.service-category{background:#1877f2;box-shadow:none;font-size:12px;padding:4px 12px;text-transform:capitalize}.service-category,.service-rating{border-radius:6px;color:#fff;font-weight:600}.service-rating{align-items:center;background:#42b72a;display:inline-flex;font-size:13px;gap:4px;padding:4px 10px}.service-rating:before{content:"★";font-size:14px}.service-title{color:#1c1e21;font-size:16px;font-weight:600;line-height:1.3;margin-bottom:6px;min-height:42px}.service-description,.service-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;padding:0 16px}.service-description{color:#65676b;font-size:14px;line-height:1.4;margin-bottom:12px}.service-info{color:#878787;font-size:13px;margin-bottom:12px;padding:0 16px}.service-provider{align-items:center;color:#212121;display:flex;font-weight:600;gap:6px;margin-bottom:6px}.service-provider:before{content:"👤";font-size:14px}.service-location{align-items:center;color:#878787;display:flex;font-size:12px;gap:6px}.service-location:before{content:"📍";font-size:13px}.service-footer{align-items:center;background:#fafbfc;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:auto;padding:16px}.service-price{align-items:baseline;color:#212121;display:flex;font-size:26px;font-weight:700;gap:4px}.service-price:before{color:#878787;content:"₹";font-size:18px}.service-card:after{background:linear-gradient(135deg,#ff9f00,#ff6f00);border-radius:2px;bottom:16px;box-shadow:0 2px 8px #ff9f0066;color:#fff;content:"View Details →";font-size:13px;font-weight:700;opacity:0;padding:8px 20px;position:absolute;right:16px;transform:translateY(10px);transition:all .3s ease}.service-card:hover:after{opacity:1;transform:translateY(0)}.btn{border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;padding:8px 20px;transition:all .2s ease}.btn-secondary{background:#1877f2;color:#fff}.btn-secondary:hover{background:#166fe5}.btn-secondary:active{transform:scale(.98)}@media (max-width:1024px){.services-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:16px}}@media (max-width:768px){.filters-bar{flex-direction:column;gap:12px;padding:16px}.filter-group{min-width:auto;width:100%}.services-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:12px}.service-card{font-size:14px}.service-title{font-size:15px;min-height:auto}.service-description{font-size:12px}.service-price{font-size:22px}.service-footer{padding:12px}.service-card:after{bottom:12px;font-size:11px;padding:6px 14px;right:12px}}@media (max-width:480px){.services-grid{grid-template-columns:1fr}}.service-list-page{background:#0a0a0f;color:#fff}.page-header{background:linear-gradient(180deg,#00eb791a,#0000);padding:20px}.page-header .back-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:16px;margin-bottom:15px}.page-header .page-title{color:#fff;margin:0 0 5px;text-align:left}.page-header .page-subtitle{color:#fff9;margin:0;text-align:left}.listing-tabs{display:flex;gap:10px;overflow-x:auto;padding:0 20px 20px}.tab-btn{background:#ffffff1a;border:1px solid #ffffff26;border-radius:25px;color:#ffffffb3;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.tab-btn:hover{background:#ffffff26}.tab-btn.active{background:linear-gradient(135deg,#00eb79,#00c853);border-color:#0000;color:#0a0a0f}.tab-btn.admin-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.fab-add-btn{background:linear-gradient(135deg,#00eb79,#00c853);border:none;border-radius:50%;bottom:80px;box-shadow:0 4px 20px #00eb7966;color:#0a0a0f;cursor:pointer;font-size:28px;font-weight:300;height:56px;position:fixed;right:20px;transition:all .3s;width:56px;z-index:100}.fab-add-btn:hover{box-shadow:0 6px 25px #00eb7980;transform:scale(1.1)}.quick-add-form{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin:0 20px 20px;padding:25px}.quick-add-form h3{color:#fff;font-size:18px;margin:0 0 20px}.quick-add-form .form-row{margin-bottom:15px}.quick-add-form .form-row.two-col{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.quick-add-form input,.quick-add-form select,.quick-add-form textarea{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;box-sizing:border-box;color:#fff;font-size:14px;padding:12px 15px;width:100%}.quick-add-form input::placeholder,.quick-add-form textarea::placeholder{color:#fff6}.quick-add-form input:focus,.quick-add-form select:focus,.quick-add-form textarea:focus{border-color:#00eb79;outline:none}.quick-add-form textarea{min-height:80px;resize:vertical}.quick-add-form select{-webkit-appearance:none;appearance:none;cursor:pointer}.quick-add-form select option{background:#1a1a2e;color:#fff}.price-input{align-items:center;display:flex;position:relative}.price-input .currency{color:#ffffff80;left:15px;position:absolute}.price-input input{padding-left:30px}.form-actions{gap:10px;margin-top:20px}.btn-cancel{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;flex:1 1;font-weight:500}.btn-cancel,.btn-submit{cursor:pointer;font-size:14px;padding:12px}.btn-submit{background:linear-gradient(135deg,#00eb79,#00c853);border:none;border-radius:10px;color:#0a0a0f;flex:2 1;font-weight:600;transition:all .2s}.btn-submit:hover{box-shadow:0 4px 15px #00eb794d;transform:translateY(-2px)}.service-list-page .filters-bar{background:#ffffff08;border-bottom:1px solid #ffffff1a;top:0}.service-list-page .filter-group select,.service-list-page .search-input{background:#ffffff14;border:1px solid #ffffff26;color:#fff}.service-list-page .search-input::placeholder{color:#fff6}.service-list-page .filter-group select:focus,.service-list-page .search-input:focus{background:#ffffff1a;border-color:#00eb79}.service-list-page .filter-group select option{background:#1a1a2e;color:#fff}.service-list-page .service-card{background:#ffffff0d;border:1px solid #ffffff1a}.service-list-page .service-card:hover{background:#ffffff14;border-color:#00eb794d;box-shadow:0 10px 30px #0000004d}.service-list-page .service-header{background:#0000;border-bottom:1px solid #ffffff0d}.service-list-page .service-title{color:#fff}.service-list-page .service-description{color:#fff9}.service-list-page .service-provider{color:#fffc}.service-list-page .service-location{color:#ffffff80}.service-list-page .service-footer{background:#ffffff08;border-top:1px solid #ffffff0d}.service-list-page .service-price{color:#00eb79}.service-list-page .service-price:before{color:#00eb79b3;content:"$"}.delete-btn{background:none;border:none;cursor:pointer;font-size:16px;opacity:.7;transition:all .2s}.delete-btn:hover{opacity:1;transform:scale(1.1)}.btn-contact{background:linear-gradient(135deg,#00eb79,#00c853);border:none;border-radius:8px;color:#0a0a0f;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-contact:hover{transform:scale(1.05)}.empty-state .empty-icon{font-size:60px;margin-bottom:20px}.empty-state h3{color:#fff;font-size:20px;margin-bottom:10px}.empty-state p{color:#ffffff80;margin-bottom:20px}.empty-state .btn-primary{background:linear-gradient(135deg,#00eb79,#00c853);border:none;border-radius:25px;color:#0a0a0f;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:12px 30px}.login-prompt{background:#ffffff08;border-top:1px solid #ffffff1a;margin-top:20px;padding:30px 20px}.login-prompt p{color:#fff9;margin-bottom:15px}.login-prompt .btn-primary{background:linear-gradient(135deg,#00eb79,#00c853);border:none;border-radius:25px;color:#0a0a0f;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px}.service-list-page .loading-message{background:#0000;color:#ffffff80}.service-list-page .service-card:after,.service-list-page .service-card:before{display:none}.service-details-page{padding:40px 20px}.service-details-card{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr;margin-bottom:40px}.service-main{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px}.service-header-detail{display:flex;gap:15px;margin-bottom:20px}.category-badge{color:#fff;text-transform:capitalize}.category-badge,.rating-badge{border-radius:20px;font-size:14px;font-weight:600;padding:8px 16px}.rating-badge{background-color:#f5f5f5}.service-title-detail{color:#333;font-size:32px;margin-bottom:15px}.service-description-detail{color:#666;font-size:16px;line-height:1.6;margin-bottom:30px}.service-meta{grid-gap:15px;background-color:#f9f9f9;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px;padding:20px}.meta-item{color:#666;font-size:15px}.meta-item strong{color:#333;display:block;margin-bottom:5px}.service-price-detail{align-items:center;background-color:#e8f5e9;border-radius:8px;display:flex;gap:15px;margin-bottom:30px;padding:20px}.price-label{font-size:18px}.price-value{color:#4caf50;font-size:32px;font-weight:700}.booking-form{background-color:#f9f9f9;border-radius:8px;margin-top:30px;padding:30px}.booking-form h3{color:#333;margin-bottom:20px}.service-sidebar{display:flex;flex-direction:column;gap:20px}.provider-card,.tags-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.provider-card h3,.tags-section h3{color:#333;font-size:18px;margin-bottom:15px}.provider-info{display:flex;flex-direction:column;gap:10px}.provider-name{color:#333;font-size:20px;font-weight:600}.provider-contact,.provider-rating{color:#666;font-size:14px}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background-color:#e3f2fd;border-radius:16px;color:#1976d2;font-size:13px;padding:6px 12px}.reviews-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px}.reviews-section h2{color:#333;margin-bottom:20px}.reviews-list{display:flex;flex-direction:column;gap:20px}.review-item{background-color:#f9f9f9;border-radius:8px;padding:20px}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.review-author{color:#333;font-weight:600}.review-rating{color:#666;font-size:14px}.review-comment{color:#666;line-height:1.5;margin-bottom:10px}.review-date{color:#999;font-size:13px}@media (max-width:768px){.service-details-card{grid-template-columns:1fr}.price-value,.service-title-detail{font-size:24px}}.create-service-page{padding:40px 20px}.create-service-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:800px;padding:40px}.page-subtitle{color:#666;font-size:16px;margin-bottom:30px;text-align:center}.create-service-form{margin-top:30px}.form-actions{border-top:1px solid #eee;gap:15px;padding-top:20px}.form-actions button{min-width:150px}@media (max-width:768px){.create-service-container{padding:30px 20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}.my-bookings-page{padding:40px 20px}.bookings-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.filter-btn{background:#fff;border:2px solid #ddd;border-radius:6px;color:#666;font-size:16px;font-weight:500;padding:10px 20px;transition:all .3s}.filter-btn:hover{border-color:#4caf50;color:#4caf50}.filter-btn.active{background-color:#4caf50;border-color:#4caf50}.no-bookings{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:60px 20px;text-align:center}.no-bookings p{color:#666;font-size:18px}.bookings-list{display:flex;flex-direction:column;gap:20px}.booking-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.booking-header{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.booking-title{color:#333;font-size:20px;margin-bottom:8px}.booking-category{background-color:#f5f5f5;border-radius:12px;color:#666;display:inline-block;font-size:13px;padding:4px 12px;text-transform:capitalize}.booking-status{border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:6px 16px;text-transform:capitalize}.booking-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.booking-detail-item{color:#666;font-size:15px}.booking-detail-item strong{color:#333}.booking-parties{grid-gap:20px;background-color:#f9f9f9;border-radius:6px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:15px}.party-info{color:#666;font-size:14px}.party-info strong{color:#333;display:block;margin-bottom:5px}.party-info small{color:#999}.booking-notes{background-color:#fff9e6;border-left:4px solid #ffc107;border-radius:4px;color:#666;font-size:14px;margin-bottom:20px;padding:15px}.booking-notes strong{color:#333;display:block;margin-bottom:5px}.booking-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-sm{font-size:14px;padding:8px 16px}@media (max-width:768px){.booking-header{flex-direction:column;gap:15px}.booking-details,.booking-parties{grid-template-columns:1fr}}.college-zone-page{background-color:#f5f5f5;min-height:100vh;padding:40px 20px}.zone-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:40px;padding:40px 20px;text-align:center}.zone-header .page-title{color:#fff;margin-bottom:15px}.zone-subtitle{font-size:18px;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:600px;opacity:.95}.profiles-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:30px}.profile-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:inherit;display:flex;flex-direction:column;padding:24px;text-align:center;text-decoration:none;transition:transform .3s,box-shadow .3s}.profile-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-5px)}.profile-image{margin-bottom:20px;position:relative}.profile-image img{border:4px solid #4caf50;border-radius:50%;height:120px;object-fit:cover;width:120px}.profile-status{background-color:#4caf50;border:3px solid #fff;border-radius:50%;bottom:5px;height:20px;position:absolute;right:5px;width:20px}.profile-info{margin-bottom:15px;width:100%}.profile-name{color:#333;font-size:22px;font-weight:600;margin-bottom:5px}.profile-university{color:#666;font-size:14px;margin-bottom:5px}.profile-details{color:#888}.profile-bio,.profile-details{font-size:14px;margin-bottom:15px}.profile-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;line-height:1.5;overflow:hidden}.profile-interests{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:12px}.interest-tag{background-color:#e3f2fd;border-radius:16px;color:#1976d2;font-size:12px;font-weight:500;padding:4px 12px}.looking-for{background-color:#fff3e0;border-radius:6px;color:#666;font-size:13px;margin-bottom:12px;padding:8px}.looking-for strong{color:#333}.profile-rating{color:#666;font-size:14px;margin-bottom:15px}.profile-actions{display:flex;gap:10px;justify-content:center;width:100%}.btn-chat{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:transform .2s,box-shadow .2s}.btn-chat:hover{box-shadow:0 4px 15px #667eea66;transform:scale(1.05)}.communities-section{margin-bottom:40px}.section-title{font-size:20px;margin:0 0 20px}.communities-grid{grid-gap:16px;gap:16px}.community-card{background:#fff;border-radius:16px;box-shadow:0 2px 10px #00000014;color:inherit;gap:16px;padding:20px;position:relative;text-decoration:none}.community-card:hover:not(.coming-soon){box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.community-card.isa{background:linear-gradient(135deg,#fff,#fff5eb);border:2px solid #f93}.community-card.isa:hover{border-color:#f60}.community-card.csa{background:linear-gradient(135deg,#fff,#ffebeb);border:2px solid #de2910}.community-card.ksa{background:linear-gradient(135deg,#fff,#ebf3ff);border:2px solid #003478}.community-card.lsa{background:linear-gradient(135deg,#fff,#f5f5ff);border:2px solid #6b5b95}.community-card.coming-soon{cursor:default;opacity:.7}.community-flag{flex-shrink:0;font-size:40px}.community-info h3{color:#1a1a2e;font-size:16px;font-weight:700;margin:0 0 6px}.community-info p{color:#666;font-size:13px;margin:0}.community-arrow{color:#f93;font-size:24px;font-weight:300}.coming-badge{background:#f0f0f0;border-radius:12px;color:#666;font-size:12px;font-weight:600;padding:4px 12px}.filters-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.filter-group input,.filter-group select{border:2px solid #e0e0e0;border-radius:10px;font-size:14px;min-width:180px;padding:12px 16px;transition:border-color .2s}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;outline:none}@media (max-width:768px){.profiles-grid{grid-template-columns:1fr}.zone-header{padding:30px 15px}.profile-actions{flex-direction:column}.communities-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.filter-group input,.filter-group select{min-width:auto;width:100%}}.create-profile-page{padding:40px 20px}.create-profile-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:900px;padding:40px}.profile-form{margin-top:30px}.form-section{border-bottom:1px solid #eee;margin-bottom:40px;padding-bottom:30px}.form-section:last-of-type{border-bottom:none}.form-section h3{font-size:20px;margin-bottom:20px}.checkbox-group{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.checkbox-label{color:#666;font-size:15px}.checkbox-label input[type=checkbox]{width:auto}@media (max-width:768px){.create-profile-container{padding:30px 20px}.checkbox-group{grid-template-columns:1fr}}.showcase-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px}.showcase-container{margin:0 auto;max-width:1400px}.showcase-header{color:#fff;margin-bottom:40px;text-align:center}.showcase-header h1{font-size:48px;margin-bottom:15px;text-shadow:2px 2px 4px #0003}.showcase-subtitle{font-size:24px;margin-bottom:20px;opacity:.95}.demo-mode-btn{animation:pulse 2s infinite;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:50px;box-shadow:0 5px 20px #f093fb66;color:#fff;cursor:pointer;font-size:20px;font-weight:700;padding:18px 40px;transition:all .3s ease}.demo-mode-btn:hover{box-shadow:0 10px 30px #f093fb80;transform:translateY(-3px) scale(1.05)}.showcase-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:40px}.qr-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;margin-bottom:40px;padding:40px;text-align:center}.qr-section h2{color:#2c3e50;font-size:32px;margin-bottom:30px}.qr-code-container{background:#fff;border-radius:15px;box-shadow:0 4px 12px #00000026;display:inline-block;margin-bottom:20px;padding:20px}.qr-instructions{color:#555;font-size:18px;margin-bottom:20px}.url-display{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:18px;padding:15px 25px}.url-display strong{color:#4caf50;margin-right:10px}.demo-accounts-section{margin-bottom:40px}.demo-accounts-section h2{color:#2c3e50;font-size:32px;margin-bottom:15px;text-align:center}.demo-info{color:#666;font-size:18px;margin-bottom:30px;text-align:center}.demo-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:25px}.demo-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 8px #0000001a;color:#fff;padding:20px;transition:transform .3s}.demo-card:hover{box-shadow:0 6px 16px #0003;transform:translateY(-5px)}.demo-number{border-bottom:2px solid #ffffff4d;font-size:20px;font-weight:700;margin-bottom:15px;padding-bottom:10px;text-align:center}.demo-details{gap:10px}.demo-details,.demo-field{display:flex;flex-direction:column}.demo-field{gap:5px}.demo-field strong{font-size:12px;letter-spacing:1px;opacity:.9;text-transform:uppercase}.demo-field span{background:#fff3;border-radius:6px;font-size:15px;padding:8px 12px;word-break:break-all}.password{font-family:Courier New,monospace;font-size:18px!important;font-weight:700;letter-spacing:2px}.common-password-note{background:#fff3cd;border:2px solid #ffc107;border-radius:10px;color:#856404;font-size:18px;padding:20px;text-align:center}.features-section{margin-bottom:40px}.features-section h2{color:#2c3e50;font-size:32px;margin-bottom:25px;text-align:center}.feature-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-item{background:#f8f9fa;border-left:4px solid #4caf50;border-radius:10px;gap:15px;padding:20px}.feature-icon{flex-shrink:0;font-size:36px}.feature-item strong{color:#2c3e50;display:block;font-size:18px;margin-bottom:5px}.feature-item p{color:#666;font-size:14px;line-height:1.5}.instructions-section{background:#e8f5e9;border-radius:15px;margin-bottom:40px;padding:30px}.instructions-section h2{color:#2c3e50;font-size:28px;margin-bottom:20px;text-align:center}.instructions-list{counter-reset:step-counter;list-style:none;padding-left:0}.instructions-list li{counter-increment:step-counter;font-size:16px;line-height:1.6;margin-bottom:20px;padding-left:50px;position:relative}.instructions-list li:before{align-items:center;background:#4caf50;border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-size:18px;font-weight:700;height:35px;justify-content:center;left:0;position:absolute;top:0;width:35px}.instructions-list li strong{color:#2c3e50}.tech-stack-section{margin-bottom:30px;text-align:center}.tech-stack-section h3{color:#2c3e50;font-size:24px;margin-bottom:20px}.tech-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.tech-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:14px;font-weight:600;padding:10px 20px}.project-info{background:#f8f9fa;border-radius:10px;border-top:4px solid #4caf50;padding:30px;text-align:center}.project-info p{color:#555;font-size:16px;margin:8px 0}.project-info strong{color:#2c3e50;margin-right:8px}@media print{.showcase-page{background:#fff}.showcase-content{box-shadow:none}}@media (max-width:768px){.showcase-header h1{font-size:32px}.showcase-subtitle{font-size:18px}.qr-section,.showcase-content{padding:20px}.qr-code-container svg{height:200px!important;width:200px!important}.demo-grid,.feature-list{grid-template-columns:1fr}}.marketplace-page{background:#0a0a0f;color:#fff;min-height:100vh}.marketplace-page .page-header{background:linear-gradient(180deg,#ec48991a,#0000);padding:20px}.marketplace-page .page-header .back-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:16px;margin-bottom:15px}.marketplace-page .page-header .page-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 5px}.marketplace-page .page-header .page-subtitle{color:#fff9;font-size:15px;margin:0}.marketplace-page .listing-tabs{display:flex;gap:10px;overflow-x:auto;padding:0 20px 20px}.marketplace-page .tab-btn{background:#ffffff1a;border:1px solid #ffffff26;border-radius:25px;color:#ffffffb3;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.marketplace-page .tab-btn:hover{background:#ffffff26}.marketplace-page .tab-btn.active{background:linear-gradient(135deg,#ec4899,#db2777);border-color:#0000;color:#fff}.marketplace-page .tab-btn.admin-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.marketplace-page .fab-add-btn{background:linear-gradient(135deg,#ec4899,#db2777);border:none;border-radius:50%;bottom:80px;box-shadow:0 4px 20px #ec489966;color:#fff;cursor:pointer;font-size:28px;font-weight:300;height:56px;position:fixed;right:20px;transition:all .3s;width:56px;z-index:100}.marketplace-page .fab-add-btn:hover{box-shadow:0 6px 25px #ec489980;transform:scale(1.1)}.marketplace-page .quick-add-form{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin:0 20px 20px;padding:25px}.marketplace-page .quick-add-form h3{color:#fff;font-size:18px;margin:0 0 20px}.marketplace-page .quick-add-form .form-row{margin-bottom:15px}.marketplace-page .quick-add-form .form-row.two-col{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.marketplace-page .quick-add-form input,.marketplace-page .quick-add-form select,.marketplace-page .quick-add-form textarea{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;box-sizing:border-box;color:#fff;font-size:14px;padding:12px 15px;width:100%}.marketplace-page .quick-add-form input::placeholder,.marketplace-page .quick-add-form textarea::placeholder{color:#fff6}.marketplace-page .quick-add-form input:focus,.marketplace-page .quick-add-form select:focus,.marketplace-page .quick-add-form textarea:focus{border-color:#ec4899;outline:none}.marketplace-page .quick-add-form textarea{min-height:80px;resize:vertical}.marketplace-page .quick-add-form select{-webkit-appearance:none;appearance:none;cursor:pointer}.marketplace-page .quick-add-form select option{background:#1a1a2e;color:#fff}.marketplace-page .price-input{align-items:center;display:flex;position:relative}.marketplace-page .price-input .currency{color:#ffffff80;left:15px;position:absolute}.marketplace-page .price-input input{padding-left:30px}.marketplace-page .form-actions{display:flex;gap:10px;margin-top:20px}.marketplace-page .btn-cancel{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px}.marketplace-page .btn-submit{background:linear-gradient(135deg,#ec4899,#db2777);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:2 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s}.marketplace-page .btn-submit:hover{box-shadow:0 4px 15px #ec48994d;transform:translateY(-2px)}.marketplace-page .filters-bar{background:#ffffff08;border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px 20px}.marketplace-page .filter-group{flex:1 1;min-width:150px}.marketplace-page .filter-group select,.marketplace-page .search-input{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;color:#fff;font-size:14px;padding:10px 14px;width:100%}.marketplace-page .search-input::placeholder{color:#fff6}.marketplace-page .filter-group select:focus,.marketplace-page .search-input:focus{border-color:#ec4899;outline:none}.marketplace-page .filter-group select option{background:#1a1a2e;color:#fff}.marketplace-page .products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0 20px 20px}.marketplace-page .product-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:20px;transition:all .3s}.marketplace-page .product-card:hover{background:#ffffff14;border-color:#ec48994d;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.marketplace-page .product-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.marketplace-page .product-type{color:#fff9;font-size:12px;font-weight:500;text-transform:capitalize}.marketplace-page .header-actions{align-items:center;display:flex;gap:8px}.marketplace-page .condition-badge{border-radius:15px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px}.marketplace-page .delete-btn{background:none;border:none;cursor:pointer;font-size:16px;opacity:.7;transition:all .2s}.marketplace-page .delete-btn:hover{opacity:1;transform:scale(1.1)}.marketplace-page .product-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:10px}.marketplace-page .product-description{color:#fff9;font-size:14px;line-height:1.5;margin-bottom:15px}.marketplace-page .product-meta{display:flex;flex-direction:column;font-size:13px;gap:5px;margin-bottom:15px}.marketplace-page .product-location{color:#ffffff80}.marketplace-page .product-seller{color:#ffffffb3}.marketplace-page .product-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:15px}.marketplace-page .product-price{align-items:center;color:#ec4899;display:flex;font-size:24px;font-weight:700;gap:8px}.marketplace-page .obo-badge{background:#ffffff1a;border-radius:10px;color:#fff9;font-size:11px;font-weight:600;padding:3px 8px}.marketplace-page .btn-contact{background:linear-gradient(135deg,#ec4899,#db2777);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.marketplace-page .btn-contact:hover{transform:scale(1.05)}.marketplace-page .empty-state{padding:60px 20px;text-align:center}.marketplace-page .empty-state .empty-icon{font-size:60px;margin-bottom:20px}.marketplace-page .empty-state h3{color:#fff;font-size:20px;margin-bottom:10px}.marketplace-page .empty-state p{color:#ffffff80;margin-bottom:20px}.marketplace-page .empty-state .btn-primary,.marketplace-page .login-prompt .btn-primary{background:linear-gradient(135deg,#ec4899,#db2777);border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:12px 30px}.marketplace-page .login-prompt{background:#ffffff08;border-top:1px solid #ffffff1a;margin-top:20px;padding:30px 20px;text-align:center}.marketplace-page .login-prompt p{color:#fff9;margin-bottom:15px}.marketplace-page .loading-message{color:#ffffff80;padding:60px 20px;text-align:center}@media (max-width:768px){.marketplace-page .filters-bar{flex-direction:column}.marketplace-page .filter-group{min-width:100%}.marketplace-page .products-grid,.marketplace-page .quick-add-form .form-row.two-col{grid-template-columns:1fr}}.rentals-page{background:#0a0a0f;color:#fff;min-height:100vh}.rentals-page .page-header{background:linear-gradient(180deg,#06b6d41a,#0000);padding:20px}.rentals-page .page-header .back-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:16px;margin-bottom:15px}.rentals-page .page-header .page-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 5px}.rentals-page .page-header .page-subtitle{color:#fff9;font-size:15px;margin:0}.rentals-page .listing-tabs{display:flex;gap:10px;overflow-x:auto;padding:0 20px 20px}.rentals-page .tab-btn{background:#ffffff1a;border:1px solid #ffffff26;border-radius:25px;color:#ffffffb3;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.rentals-page .tab-btn:hover{background:#ffffff26}.rentals-page .tab-btn.active{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:#0000;color:#fff}.rentals-page .tab-btn.admin-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.rentals-page .fab-add-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:50%;bottom:80px;box-shadow:0 4px 20px #06b6d466;color:#fff;cursor:pointer;font-size:28px;font-weight:300;height:56px;position:fixed;right:20px;transition:all .3s;width:56px;z-index:100}.rentals-page .fab-add-btn:hover{box-shadow:0 6px 25px #06b6d480;transform:scale(1.1)}.rentals-page .quick-add-form{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin:0 20px 20px;padding:25px}.rentals-page .quick-add-form h3{color:#fff;font-size:18px;margin:0 0 20px}.rentals-page .quick-add-form .form-row{margin-bottom:15px}.rentals-page .quick-add-form .form-row.two-col{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.rentals-page .quick-add-form input,.rentals-page .quick-add-form select,.rentals-page .quick-add-form textarea{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;box-sizing:border-box;color:#fff;font-size:14px;padding:12px 15px;width:100%}.rentals-page .quick-add-form input::placeholder,.rentals-page .quick-add-form textarea::placeholder{color:#fff6}.rentals-page .quick-add-form input:focus,.rentals-page .quick-add-form select:focus,.rentals-page .quick-add-form textarea:focus{border-color:#06b6d4;outline:none}.rentals-page .quick-add-form textarea{min-height:80px;resize:vertical}.rentals-page .quick-add-form select{-webkit-appearance:none;appearance:none;cursor:pointer}.rentals-page .quick-add-form select option{background:#1a1a2e;color:#fff}.rentals-page .price-input{align-items:center;display:flex;position:relative}.rentals-page .price-input .currency{color:#ffffff80;left:15px;position:absolute}.rentals-page .price-input input{padding-left:30px}.rentals-page .form-actions{display:flex;gap:10px;margin-top:20px}.rentals-page .btn-cancel{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;flex:1 1;font-weight:500}.rentals-page .btn-cancel,.rentals-page .btn-submit{color:#fff;cursor:pointer;font-size:14px;padding:12px}.rentals-page .btn-submit{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:10px;flex:2 1;font-weight:600;transition:all .2s}.rentals-page .btn-submit:hover{box-shadow:0 4px 15px #06b6d44d;transform:translateY(-2px)}.rentals-page .filters-bar{background:#ffffff08;border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px 20px}.rentals-page .filter-group{flex:1 1;min-width:150px}.rentals-page .filter-group select,.rentals-page .search-input{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;color:#fff;font-size:14px;padding:10px 14px;width:100%}.rentals-page .search-input::placeholder{color:#fff6}.rentals-page .filter-group select:focus,.rentals-page .search-input:focus{border-color:#06b6d4;outline:none}.rentals-page .filter-group select option{background:#1a1a2e;color:#fff}.rentals-page .rentals-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0 20px 20px}.rentals-page .rental-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:20px;transition:all .3s}.rentals-page .rental-card:hover{background:#ffffff14;border-color:#06b6d44d;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.rentals-page .rental-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.rentals-page .rental-type{color:#fff9;font-size:12px;font-weight:500;text-transform:capitalize}.rentals-page .header-actions{align-items:center;display:flex;gap:8px}.rentals-page .period-badge{background:#06b6d433;border-radius:15px;color:#06b6d4;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.rentals-page .delete-btn{background:none;border:none;cursor:pointer;font-size:16px;opacity:.7;transition:all .2s}.rentals-page .delete-btn:hover{opacity:1;transform:scale(1.1)}.rentals-page .rental-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:10px}.rentals-page .rental-description{color:#fff9;font-size:14px;line-height:1.5;margin-bottom:15px}.rentals-page .rental-meta{display:flex;flex-direction:column;font-size:13px;gap:5px;margin-bottom:15px}.rentals-page .rental-location{color:#ffffff80}.rentals-page .rental-deposit{color:#f97316;font-weight:500}.rentals-page .rental-owner{color:#ffffffb3}.rentals-page .rental-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:15px}.rentals-page .rental-price{color:#06b6d4;font-size:24px;font-weight:700}.rentals-page .rental-price .period-label{color:#ffffff80;font-size:12px;font-weight:500}.rentals-page .btn-contact{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.rentals-page .btn-contact:hover{transform:scale(1.05)}.rentals-page .empty-state{padding:60px 20px;text-align:center}.rentals-page .empty-state .empty-icon{font-size:60px;margin-bottom:20px}.rentals-page .empty-state h3{color:#fff;font-size:20px;margin-bottom:10px}.rentals-page .empty-state p{color:#ffffff80;margin-bottom:20px}.rentals-page .empty-state .btn-primary,.rentals-page .login-prompt .btn-primary{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:12px 30px}.rentals-page .login-prompt{background:#ffffff08;border-top:1px solid #ffffff1a;margin-top:20px;padding:30px 20px;text-align:center}.rentals-page .login-prompt p{color:#fff9;margin-bottom:15px}.rentals-page .loading-message{color:#ffffff80;padding:60px 20px;text-align:center}@media (max-width:768px){.rentals-page .filters-bar{flex-direction:column}.rentals-page .filter-group{min-width:100%}.rentals-page .quick-add-form .form-row.two-col,.rentals-page .rentals-grid{grid-template-columns:1fr}}.ride-pooling-page{background:#0a0a0a;min-height:100vh;padding-bottom:100px}.rp-header{align-items:center;background:linear-gradient(180deg,#111,#0a0a0a);display:flex;gap:16px;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.rp-header .back-btn{align-items:center;background:#ffffff14;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.rp-header .back-btn:hover{background:#ffffff1f;transform:translateX(-2px)}.rp-header .header-content h1{color:#fff;font-size:24px;font-weight:700;margin:0}.rp-header .header-content p{color:#888;font-size:14px;margin:4px 0 0}.rp-search-section{padding:0 20px 20px}.search-container{margin-bottom:16px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#666;left:16px;position:absolute}.search-input{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;color:#fff;font-size:16px;padding:16px 16px 16px 48px;transition:all .2s ease;width:100%}.search-input:focus{background:#1f1f1f;border-color:#00eb79;box-shadow:0 0 0 3px #00eb791a;outline:none}.search-input::placeholder{color:#666}.quick-filters{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.quick-filters::-webkit-scrollbar{display:none}.filter-chip{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:100px;color:#888;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.filter-chip:hover{background:#222;color:#fff}.filter-chip.active{background:#00eb79;border-color:#00eb79;color:#000;font-weight:600}.rp-content{padding:0 20px}.rp-loading{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid #2a2a2a;border-top-color:#00eb79;margin-bottom:16px}.no-rides{flex-direction:column;padding:60px 20px;text-align:center}.no-rides,.no-rides-icon{align-items:center;display:flex;justify-content:center}.no-rides-icon{background:#00eb791a;border-radius:50%;color:#00eb79;height:80px;margin-bottom:20px;width:80px}.no-rides h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.no-rides p{color:#888;font-size:14px;margin:0 0 24px}.post-ride-btn{align-items:center;background:#00eb79;border:none;border-radius:12px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.post-ride-btn:hover{background:#00d46e;transform:translateY(-2px)}.rides-list{display:flex;flex-direction:column;gap:16px}.ride-card{background:#141414;border:1px solid #2a2a2a;border-radius:20px;padding:20px;position:relative;transition:all .3s ease}.ride-card:hover{border-color:#3a3a3a;box-shadow:0 8px 30px #0000004d;transform:translateY(-2px)}.ride-time-badge{background:#00eb7926;border-radius:100px;color:#00eb79;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:16px;top:16px}.ride-route{display:flex;flex-direction:column;gap:0;margin-bottom:16px}.route-point{gap:12px}.point-marker{border-radius:50%;flex-shrink:0;height:12px;width:12px}.origin-marker{background:#00eb79;box-shadow:0 0 0 4px #00eb7933}.destination-marker{background:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b33}.point-info{display:flex;flex-direction:column}.point-label{color:#666;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.point-name{color:#fff;font-size:15px;font-weight:600}.route-line{display:flex;height:24px;justify-content:center;padding:4px 0;width:12px}.route-line-inner{background:linear-gradient(180deg,#00eb79,#ff6b6b);border-radius:1px;height:100%;width:2px}.ride-datetime{background:#ffffff08;border-radius:10px;color:#aaa;font-size:13px;gap:8px;margin-bottom:16px;padding:12px}.ride-datetime,.ride-details{align-items:center;display:flex}.ride-details{justify-content:space-between}.driver-info{gap:12px}.driver-avatar,.driver-info{align-items:center;display:flex}.driver-avatar{background:linear-gradient(135deg,#00eb79,#00b85f);border-radius:50%;color:#000;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.driver-meta{display:flex;flex-direction:column;gap:4px}.driver-name{color:#fff;font-size:14px;font-weight:600}.ride-features{display:flex;gap:12px}.feature{align-items:center;color:#888;display:flex;font-size:12px;gap:4px}.ride-price{align-items:flex-end;display:flex;flex-direction:column}.price-amount{color:#00eb79;font-size:24px;font-weight:700}.price-label{color:#666;font-size:11px}.ride-description{border-top:1px solid #2a2a2a;color:#888;font-size:13px;line-height:1.5;margin:0 0 16px;padding-top:16px}.book-ride-btn{background:linear-gradient(135deg,#00eb79,#00d46e);border:none;border-radius:12px;color:#000;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .2s ease;width:100%}.book-ride-btn:hover{box-shadow:0 8px 20px #00eb794d;transform:translateY(-2px)}.book-ride-btn:active{transform:translateY(0)}.fab-button{align-items:center;background:linear-gradient(135deg,#00eb79,#00d46e);border:none;border-radius:50%;bottom:100px;box-shadow:0 4px 20px #00eb7966;color:#000;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:56px;z-index:100}.fab-button:hover{box-shadow:0 6px 30px #00eb7980;transform:scale(1.1)}@media (max-width:480px){.rp-header{padding:16px}.rp-header .header-content h1{font-size:20px}.rp-search-section{padding:0 16px 16px}.rp-content{padding:0 16px}.ride-card{padding:16px}.price-amount{font-size:20px}}.rides-page{background:#0a0a0f;color:#fff;min-height:100vh;padding-bottom:100px}.rides-page .page-header{background:linear-gradient(180deg,#00eb791a,#0000);padding:20px}.rides-page .page-header .back-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:16px;margin-bottom:15px}.rides-page .page-header .page-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 5px}.rides-page .page-header .page-subtitle{color:#fff9;font-size:15px;margin:0}.rides-page .listing-tabs{display:flex;gap:10px;overflow-x:auto;padding:0 20px 20px}.rides-page .tab-btn{background:#ffffff1a;border:1px solid #ffffff26;border-radius:25px;color:#ffffffb3;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.rides-page .tab-btn:hover{background:#ffffff26}.rides-page .tab-btn.active{background:linear-gradient(135deg,#00eb79,#00d46e);border-color:#0000;color:#000}.rides-page .tab-btn.admin-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.rides-page .fab-add-btn{background:linear-gradient(135deg,#00eb79,#00d46e);border:none;border-radius:50%;bottom:80px;box-shadow:0 4px 20px #00eb7966;color:#000;cursor:pointer;font-size:28px;font-weight:300;height:56px;position:fixed;right:20px;transition:all .3s;width:56px;z-index:100}.rides-page .fab-add-btn:hover{box-shadow:0 6px 25px #00eb7980;transform:scale(1.1)}.rides-page .quick-add-form{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin:0 20px 20px;padding:25px}.rides-page .quick-add-form h3{color:#fff;font-size:18px;margin:0 0 20px}.rides-page .quick-add-form .form-row{margin-bottom:15px}.rides-page .quick-add-form .form-row.two-col{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.rides-page .quick-add-form input,.rides-page .quick-add-form select,.rides-page .quick-add-form textarea{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;box-sizing:border-box;color:#fff;font-size:14px;padding:12px 15px;width:100%}.rides-page .quick-add-form input::placeholder,.rides-page .quick-add-form textarea::placeholder{color:#fff6}.rides-page .quick-add-form input:focus,.rides-page .quick-add-form select:focus,.rides-page .quick-add-form textarea:focus{border-color:#00eb79;outline:none}.rides-page .quick-add-form textarea{min-height:80px;resize:vertical}.rides-page .quick-add-form select{-webkit-appearance:none;appearance:none;cursor:pointer}.rides-page .quick-add-form select option{background:#1a1a2e;color:#fff}.rides-page .price-input{align-items:center;display:flex;position:relative}.rides-page .price-input .currency{color:#ffffff80;left:15px;position:absolute}.rides-page .price-input input{padding-left:30px}.rides-page .form-actions{display:flex;gap:10px;margin-top:20px}.rides-page .btn-cancel{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px}.rides-page .btn-submit{background:linear-gradient(135deg,#00eb79,#00d46e);border:none;border-radius:10px;color:#000;cursor:pointer;flex:2 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s}.rides-page .btn-submit:hover{box-shadow:0 4px 15px #00eb794d;transform:translateY(-2px)}.rides-page .rides-search-section{padding:0 20px 20px}.rides-page .search-container{margin-bottom:16px}.rides-page .search-input{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;box-sizing:border-box;color:#fff;font-size:15px;padding:14px 16px;width:100%}.rides-page .search-input::placeholder{color:#fff6}.rides-page .search-input:focus{border-color:#00eb79;box-shadow:0 0 0 3px #00eb791a;outline:none}.rides-page .quick-filters{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.rides-page .quick-filters::-webkit-scrollbar{display:none}.rides-page .filter-chip{background:#ffffff14;border:1px solid #ffffff26;border-radius:100px;color:#ffffffb3;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.rides-page .filter-chip:hover{background:#ffffff1f;color:#fff}.rides-page .filter-chip.active{background:#00eb79;border-color:#00eb79;color:#000;font-weight:600}.rides-page .rides-content{padding:0 20px}.rides-page .rides-list{display:flex;flex-direction:column;gap:16px}.rides-page .ride-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:20px;position:relative;transition:all .3s}.rides-page .ride-card:hover{background:#ffffff14;border-color:#00eb794d;box-shadow:0 8px 30px #0000004d;transform:translateY(-2px)}.rides-page .ride-time-badge{background:#00eb7926;border-radius:100px;color:#00eb79;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:16px;top:16px}.rides-page .ride-delete{background:none;border:none;cursor:pointer;font-size:16px;opacity:.7;position:absolute;right:90px;top:16px;transition:all .2s}.rides-page .ride-delete:hover{opacity:1;transform:scale(1.1)}.rides-page .ride-route{display:flex;flex-direction:column;gap:0;margin-bottom:16px;margin-right:80px}.rides-page .route-point{align-items:center;display:flex;gap:12px}.rides-page .point-marker{border-radius:50%;flex-shrink:0;height:12px;width:12px}.rides-page .origin-marker{background:#00eb79;box-shadow:0 0 0 4px #00eb7933}.rides-page .destination-marker{background:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b33}.rides-page .point-info{display:flex;flex-direction:column}.rides-page .point-label{color:#ffffff80;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.rides-page .point-name{color:#fff;font-size:15px;font-weight:600}.rides-page .route-line{display:flex;height:24px;justify-content:center;padding:4px 0;width:12px}.rides-page .route-line-inner{background:linear-gradient(180deg,#00eb79,#ff6b6b);border-radius:1px;height:100%;width:2px}.rides-page .ride-datetime{align-items:center;background:#ffffff08;border-radius:10px;color:#ffffffb3;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:12px}.rides-page .datetime-icon{font-size:16px}.rides-page .ride-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.rides-page .driver-info{align-items:center;display:flex;gap:12px}.rides-page .driver-avatar{align-items:center;background:linear-gradient(135deg,#00eb79,#00d46e);border-radius:50%;color:#000;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.rides-page .driver-meta{display:flex;flex-direction:column;gap:4px}.rides-page .driver-name{color:#fff;font-size:14px;font-weight:600}.rides-page .seat-count{color:#fff9;font-size:12px}.rides-page .ride-price{align-items:flex-end;display:flex;flex-direction:column}.rides-page .price-amount{color:#00eb79;font-size:24px;font-weight:700}.rides-page .price-label{color:#ffffff80;font-size:11px}.rides-page .ride-description{border-top:1px solid #ffffff1a;color:#fff9;font-size:13px;line-height:1.5;margin:0 0 16px;padding-top:16px}.rides-page .book-ride-btn{background:linear-gradient(135deg,#00eb79,#00d46e);border:none;border-radius:12px;color:#000;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .2s;width:100%}.rides-page .book-ride-btn:hover{box-shadow:0 8px 20px #00eb794d;transform:translateY(-2px)}.rides-page .book-ride-btn:active{transform:translateY(0)}.rides-page .empty-state{padding:60px 20px;text-align:center}.rides-page .empty-state .empty-icon{font-size:60px;margin-bottom:20px}.rides-page .empty-state h3{color:#fff;font-size:20px;margin-bottom:10px}.rides-page .empty-state p{color:#ffffff80;margin-bottom:20px}.rides-page .empty-state .btn-primary,.rides-page .login-prompt .btn-primary{background:linear-gradient(135deg,#00eb79,#00d46e);border:none;border-radius:25px;color:#000;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:12px 30px}.rides-page .login-prompt{background:#ffffff08;border-top:1px solid #ffffff1a;margin-top:20px;padding:30px 20px;text-align:center}.rides-page .login-prompt p{color:#fff9;margin-bottom:15px}.rides-page .loading-message{color:#ffffff80;padding:60px 20px;text-align:center}@media (max-width:480px){.rides-page .page-header{padding:16px}.rides-page .page-header .page-title{font-size:24px}.rides-page .rides-search-section{padding:0 16px 16px}.rides-page .rides-content{padding:0 16px}.rides-page .ride-card{padding:16px}.rides-page .price-amount{font-size:20px}.rides-page .quick-add-form .form-row.two-col{grid-template-columns:1fr}}.location-picker{position:relative;width:100%}.location-label{color:#374151;display:block;font-size:.95rem;font-weight:600;letter-spacing:.01em;margin-bottom:10px}.location-input-wrapper{position:relative;width:100%}.location-input{background:#f8fafb;border:2px solid #e8ecf1;border-radius:14px;color:#1f2937;font-size:1rem;font-weight:500;padding:16px 44px 16px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.location-input:hover{background:#fff;border-color:#d0d7de}.location-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none;transform:translateY(-1px)}.clear-btn{background:#e0e0e0;font-size:.8rem;top:50%;transform:translateY(-50%)}.clear-btn:hover{background:#d0d0d0;color:#333}.location-dropdown{animation:slideDownFade .3s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e8ecf1;border-radius:16px;box-shadow:0 12px 40px #0000001f,0 0 0 1px #0000000d;left:0;max-height:420px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 12px);z-index:1000}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{background:linear-gradient(180deg,#f8f9ff,#fff);border-bottom:2px solid #f0f4ff;color:#667eea;font-size:.85rem;font-weight:700;letter-spacing:.03em;padding:14px 18px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.location-suggestions{list-style:none;margin:0;padding:0}.location-suggestion-item{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;gap:14px;padding:14px 18px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.location-suggestion-item:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .25s cubic-bezier(.4,0,.2,1);width:3px}.location-suggestion-item:last-child{border-bottom:none}.location-suggestion-item:hover{background:linear-gradient(90deg,#f8f9ff,#fff);transform:translateX(4px)}.location-suggestion-item:hover:before{transform:scaleY(1)}.location-suggestion-item:active{background:#f0f4ff}.suggestion-icon{align-items:center;background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border:2px solid #e0e7ff;border-radius:12px;display:flex;flex-shrink:0;font-size:1.6rem;height:48px;justify-content:center;transition:all .25s ease;width:48px}.location-suggestion-item:hover .suggestion-icon{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:scale(1.05)}.suggestion-details{flex:1 1;min-width:0}.suggestion-name{color:#1a1a1a;font-size:.95rem;font-weight:600;margin-bottom:2px}.suggestion-address{color:#666;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-zone{color:#00a1e0;font-size:.75rem;font-weight:500;margin-top:2px}.suggestion-distance{color:#999;font-size:.75rem;margin-top:2px}.popular-badge{animation:pulse-badge 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 2px 8px #667eea4d;color:#fff;flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.8px;padding:6px 12px;text-transform:uppercase}@keyframes pulse-badge{0%,to{box-shadow:0 2px 8px #667eea4d}50%{box-shadow:0 2px 12px #667eea80}}.selected-location-info{align-items:center;animation:slideUp .3s ease-out;background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border:2px solid #d4e2ff;border-radius:12px;color:#667eea;display:flex;font-size:.88rem;font-weight:600;gap:10px;margin-top:10px;padding:10px 14px}.info-icon{font-size:1rem}.info-text{font-weight:500}.location-dropdown::-webkit-scrollbar{width:8px}.location-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 12px 12px 0}.location-dropdown::-webkit-scrollbar-thumb{background:silver;border-radius:4px}.location-dropdown::-webkit-scrollbar-thumb:hover{background:#a0a0a0}@media (max-width:768px){.location-dropdown{max-height:300px}.suggestion-address{font-size:.8rem}.popular-badge{display:none}}.offer-ride-page{animation:fadeIn .6s ease-in-out;background:linear-gradient(180deg,#f8fbff,#f0f4f8);min-height:100vh;padding:60px 20px}.offer-ride-header{animation:slideDown .8s ease-out;margin-bottom:50px;text-align:center}.offer-ride-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:900;letter-spacing:-.02em;margin-bottom:12px}.offer-ride-header p{color:#6b7280;font-size:1.25rem;font-weight:400}.offer-ride-form{margin:0 auto;max-width:900px}.form-section{animation:fadeInUp .6s ease-out backwards;background:#fff;border:2px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 16px #0000000f;margin-bottom:24px;padding:36px;transition:all .3s ease}.form-section:hover{border-color:#e0e7ff;box-shadow:0 8px 24px #667eea1f}.form-section h2{align-items:center;border-bottom:3px solid #f0f4ff;color:#1f2937;display:flex;font-size:1.6rem;font-weight:800;gap:10px;margin-bottom:24px;padding-bottom:16px}.form-section h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:10px}.form-section h4{color:#555;font-size:1rem;font-weight:600;margin:16px 0 12px}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-row:last-child{margin-bottom:0}.form-input,.form-textarea{border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:1rem;padding:14px;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#00a1e0;box-shadow:0 0 0 3px #00a1e01a;outline:none}.form-textarea{resize:vertical}.waypoints-section{border-top:2px dashed #e0e0e0;margin-top:24px;padding-top:24px}.waypoints-help{color:#666;font-size:.9rem;margin-bottom:16px}.suggested-waypoints{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.waypoint-suggest-btn{align-items:center;background:linear-gradient(135deg,#f8f9ff,#fff);border:2px solid #e0e7ff;border-radius:14px;box-shadow:0 2px 6px #0000000a;cursor:pointer;display:flex;font-size:.95rem;justify-content:space-between;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.waypoint-suggest-btn:hover{background:#f0f4ff;border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.waypoint-suggest-btn.added{background:linear-gradient(135deg,#e8f0fe,#d4e2ff);border-color:#667eea;box-shadow:0 4px 12px #667eea33}.waypoint-name{color:#374151;flex:1 1;font-weight:600;text-align:left}.waypoint-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-size:1rem;font-weight:700;height:28px;justify-content:center;transition:all .3s ease;width:28px}.waypoint-suggest-btn:hover .waypoint-badge{transform:rotate(90deg) scale(1.1)}.waypoint-suggest-btn.added .waypoint-badge{background:linear-gradient(135deg,#10b981,#059669);transform:rotate(0deg)}.waypoint-suggest-btn.added:hover .waypoint-badge{transform:rotate(0deg) scale(1.1)}.selected-waypoints{background:#f0f8fc;border:1px solid #c7e6f5;border-radius:12px;padding:16px}.waypoint-chips{display:flex;flex-wrap:wrap;gap:10px}.waypoint-chip-selected{align-items:center;background:#fff;border:1px solid #d0e9f5;border-radius:20px;box-shadow:0 1px 3px #00000014;color:#333;display:inline-flex;font-size:.9rem;gap:8px;padding:8px 14px}.remove-waypoint{align-items:center;background:#ff6b6b;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.7rem;height:18px;justify-content:center;transition:all .2s ease;width:18px}.remove-waypoint:hover{background:#ff5252;transform:scale(1.1)}.preferences-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.checkbox-label{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;font-weight:500;gap:10px;padding:12px 16px;transition:all .3s ease}.checkbox-label:hover{background:#f0f8fc;border-color:#00a1e0}.checkbox-label input[type=checkbox]{accent-color:#00a1e0;cursor:pointer;height:20px;width:20px}.checkbox-label input[type=checkbox]:checked+span{color:#00a1e0;font-weight:600}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:30px}.btn-cancel,.btn-submit{border:none;border-radius:14px;cursor:pointer;font-size:1.15rem;font-weight:700;overflow:hidden;padding:18px 48px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-cancel{background:#fff;border:2px solid #e5e7eb;box-shadow:0 2px 6px #0000000a;color:#6b7280}.btn-cancel:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.btn-submit:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-submit:hover:not(:disabled):before{left:100%}.btn-submit:hover:not(:disabled){box-shadow:0 10px 30px #667eea80;transform:translateY(-3px)}.btn-submit:active:not(:disabled){transform:translateY(-1px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.offer-ride-page{padding:20px 10px}.offer-ride-header h1{font-size:2rem}.form-section{padding:20px}.form-row,.preferences-grid,.suggested-waypoints{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.ontap-feed-page{background:#f0f2f5;min-height:100vh;padding:0}.feed-container{margin:0 auto;max-width:720px;padding:20px}.feed-header{align-items:center;animation:slideDown .5s ease-out;background:#1877f2;border-radius:8px;box-shadow:0 1px 2px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:32px 24px}.header-content{color:#fff}.feed-title{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.feed-subtitle{font-size:16px;font-weight:400;margin:0;opacity:.95}.btn-create-post{background:#fff;border:none;border-radius:6px;color:#1877f2;cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-create-post:hover{background:#f0f2f5}.btn-create-post:active{transform:scale(.98)}.feed-filters{animation:fadeIn .6s ease-out;background:#fff;border-radius:2px;box-shadow:0 1px 4px #00000014;display:flex;gap:10px;margin-bottom:24px;overflow-x:auto;padding:16px}.filter-btn{background:#e4e6eb;border:none;border-radius:20px;color:#050505;cursor:pointer;font-size:15px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:#d8dadf}.filter-btn.active{background:#1877f2;color:#fff}.create-post-card{animation:scaleIn .3s ease-out;background:#fff;border-radius:2px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.form-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.form-header h3{color:#212121;font-size:20px;font-weight:700;margin:0}.close-btn{background:#e0e0e0;font-size:18px;height:32px;transition:all .2s ease;width:32px}.close-btn:hover{background:#d0d0d0;transform:rotate(90deg)}.post-type-select{border:2px solid #e0e0e0;border-radius:2px;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.post-type-select:focus{border-color:#2874f0;outline:none}.post-textarea{border:2px solid #e0e0e0;border-radius:2px;font-family:inherit;font-size:15px;line-height:1.6;padding:16px;resize:vertical;transition:border-color .2s ease;width:100%}.post-textarea:focus{border-color:#2874f0;box-shadow:0 0 0 3px #2874f01a;outline:none}.form-footer{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.char-count{color:#878787;font-size:13px}.btn-submit-post{background:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 28px;transition:all .2s ease}.btn-submit-post:hover{background:#166fe5}.btn-submit-post:active{transform:scale(.98)}.loading-state{border-radius:2px;box-shadow:0 1px 4px #00000014}.spinner{border:4px solid #f3f3f3;border-top-color:#2874f0;height:40px;width:40px}.loading-state p{color:#878787;font-size:16px}.empty-state{border-radius:2px;box-shadow:0 1px 4px #00000014;padding:80px 20px}.empty-icon{margin-bottom:20px}.empty-state h3{color:#212121;font-size:24px;margin-bottom:12px}.empty-state p{color:#878787}.posts-feed{display:flex;flex-direction:column;gap:16px}.post-card{animation:fadeInUp .5s ease-out backwards;background:#fff;border:1px solid #f0f0f0;border-radius:2px;box-shadow:0 1px 4px #00000014;overflow:hidden;transition:all .3s ease}.post-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.post-header{border-bottom:1px solid #f5f5f5;padding:20px}.user-info{gap:12px}.user-avatar{background:linear-gradient(135deg,#2874f0,#1557bf);box-shadow:0 2px 8px #2874f04d;height:48px;width:48px}.user-details{display:flex;flex-direction:column}.user-name{color:#212121;font-size:16px;font-weight:700;margin:0}.post-time{color:#878787;font-size:13px}.post-actions-header{align-items:center;display:flex;gap:12px}.post-type-badge{border-radius:20px;box-shadow:0 2px 6px #0003;color:#fff;font-size:12px;font-weight:700;padding:6px 14px}.delete-post-btn{align-items:center;background:#f44;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.delete-post-btn:hover{background:#c00;transform:scale(1.1)}.post-content{padding:20px}.post-content p{color:#212121;font-size:15px;line-height:1.6;margin:0;white-space:pre-wrap}.post-stats{background:#fafafa;border-bottom:1px solid #f5f5f5;border-top:1px solid #f5f5f5;display:flex;gap:20px;padding:12px 20px}.stat-item{color:#666;font-size:14px;font-weight:600}.post-actions{gap:12px;padding:12px 20px}.action-btn{background:#fff;border:2px solid #e0e0e0;border-radius:2px;font-weight:700;padding:10px 16px;transition:all .2s ease}.action-btn:hover{border-color:#2874f0;color:#2874f0;transform:translateY(-2px)}.action-btn.liked{background:#fff5f5;border-color:#f44;color:#f44}.comments-section{background:#fafafa;border-top:1px solid #f0f0f0;padding:20px}.comment-item{display:flex;gap:12px;margin-bottom:16px}.comment-item:last-child{margin-bottom:0}.comment-avatar{align-items:center;background:linear-gradient(135deg,#ff9f00,#ff6f00);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.comment-content{background:#fff;border:1px solid #e0e0e0;border-radius:12px;flex:1 1;padding:12px 16px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.comment-user{color:#212121;font-size:14px;font-weight:700}.comment-time{color:#878787;font-size:12px}.comment-text{color:#333;font-size:14px;line-height:1.5;margin:0}.add-comment{background:#fafafa;border-top:1px solid #f0f0f0;display:flex;gap:10px;padding:16px 20px}.comment-input{border:2px solid #e0e0e0;border-radius:24px;flex:1 1;font-size:14px;padding:12px 16px;transition:all .2s ease}.comment-input:focus{background:#fff;border-color:#2874f0;outline:none}.btn-send-comment{align-items:center;background:#1877f2;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-send-comment:hover{background:#166fe5}.btn-send-comment:active{transform:scale(.95)}@media (max-width:768px){.feed-container{padding:12px}.feed-header{flex-direction:column;gap:16px;padding:30px 20px;text-align:center}.feed-title{font-size:28px}.btn-create-post{width:100%}.feed-filters{gap:8px;padding:12px}.filter-btn{font-size:13px;padding:8px 16px}.create-post-card{padding:16px}.post-card{border-radius:0}.post-header{padding:16px}.user-avatar{font-size:18px;height:40px;width:40px}.post-content{padding:16px}.post-actions{flex-direction:column;gap:8px}.action-btn{width:100%}}.student-tools-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.tools-hero{overflow:hidden;padding:80px 20px 60px;position:relative}.tools-hero:before{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff26 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tools-hero-title{animation:slideDown .8s ease-out;color:#fff;font-size:3.5rem;font-weight:900;letter-spacing:-.02em;margin-bottom:1rem;text-align:center;text-shadow:0 2px 20px #0003}.tools-hero-subtitle{animation:slideDown .8s ease-out .2s backwards;color:#fffffff2;font-size:1.3rem;font-weight:300;margin-bottom:2rem;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.tools-grid-section{background:#fff;border-radius:24px 24px 0 0;margin-top:-20px;padding:40px 20px;position:relative;z-index:1}.tools-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1400px}.tool-card{animation:fadeInUp .6s ease backwards;background:#fff;border:2px solid #f0f2f5;border-radius:20px;box-shadow:0 8px 24px #00000014;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.tool-card:hover{border-color:#667eea;box-shadow:0 20px 50px #667eea33;transform:translateY(-12px) scale(1.02)}.tool-card.coming-soon{filter:grayscale(.3);opacity:.7}.coming-soon-badge{background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:20px;box-shadow:0 4px 12px #ff980066;color:#fff;font-size:12px;font-weight:700;padding:6px 14px;position:absolute;right:16px;top:16px}.tool-icon{align-items:center;border-radius:20px;box-shadow:0 8px 24px #00000026;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin-bottom:20px;transition:all .4s ease;width:80px}.tool-card:hover .tool-icon{box-shadow:0 12px 32px #00000040;transform:scale(1.1) rotate(5deg)}.tool-name{color:#1a1a1a;font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:12px}.tool-description{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:20px}.tool-features{margin-bottom:24px}.tool-features h4{color:#1a1a1a;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.tool-features ul{list-style:none;margin:0;padding:0}.tool-features li{align-items:center;color:#666;display:flex;font-size:.9rem;gap:10px;padding:8px 0}.feature-bullet{color:#4caf50;font-size:1.1rem;font-weight:700}.tool-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 6px 20px #667eea4d;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;padding:14px 24px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.tool-action-btn:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.tool-action-btn.disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.tool-action-btn.disabled:hover{transform:none}.tools-stats-section{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding:60px 20px}.section-title{color:#1a1a1a;font-size:2.5rem;margin-bottom:40px}.stats-grid{grid-gap:24px;gap:24px;margin:0 auto;max-width:1200px}.stat-card{border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:32px 24px}.stat-card:hover{border-color:#667eea;box-shadow:0 12px 32px #667eea26}.stat-label{font-size:.95rem}.how-it-works-section{background:#fff;padding:60px 20px}.steps-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:1400px}.step-item{background:linear-gradient(135deg,#f5f7fa,#fff);border:2px solid #e8ecf1;border-radius:16px;flex:1 1;min-width:200px;padding:24px;text-align:center;transition:all .3s ease}.step-item:hover{border-color:#667eea;box-shadow:0 12px 32px #667eea26;transform:translateY(-8px)}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 6px 20px #667eea66;color:#fff;display:flex;font-size:1.8rem;font-weight:800;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.step-item h3{color:#1a1a1a;font-size:1.2rem;margin-bottom:8px}.step-item p{color:#666;font-size:.9rem;line-height:1.5}.step-arrow{color:#667eea;font-size:2rem;font-weight:700}@media (max-width:768px){.tools-hero-title{font-size:2.5rem}.tools-hero-subtitle{font-size:1.1rem}.tools-grid{gap:20px;grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.step-arrow{display:none}.steps-container{flex-direction:column}.step-item{width:100%}}.resume-optimizer-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh;padding:40px 20px}.optimizer-content{margin:0 auto;max-width:1400px}.upload-section{animation:fadeInUp .6s ease;background:#fff;border-radius:20px;box-shadow:0 8px 24px #00000014}.upload-card,.upload-section{margin-bottom:30px;padding:40px}.upload-card{background:linear-gradient(135deg,#fafbff,#f5f7fa);border:3px dashed #e0e7ff;border-radius:16px;text-align:center;transition:all .3s ease}.upload-card:hover{background:#fafbff;border-color:#667eea}.upload-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:20px}.upload-card h3{color:#1a1a1a;font-size:1.5rem;margin-bottom:8px}.upload-card p{color:#666;margin-bottom:24px}.upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 6px 20px #667eea4d;color:#fff;cursor:pointer;display:inline-block;font-weight:700;padding:14px 32px;transition:all .3s ease}.upload-btn:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.file-info{background:#e7f3ff;color:#1877f2;font-weight:600;margin-top:20px;padding:12px 20px}.role-selector{margin-bottom:30px}.role-selector label{color:#1a1a1a;display:block;font-weight:600;margin-bottom:8px}.role-selector select{background:#fff;border:2px solid #e0e7ff;border-radius:12px;cursor:pointer;font-size:1rem;padding:14px;transition:all .3s ease;width:100%}.role-selector select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.resume-preview{margin-top:30px}.resume-preview h4{color:#1a1a1a;font-size:1.2rem;margin-bottom:12px}.resume-preview textarea{border:2px solid #e0e7ff;border-radius:12px;font-family:Courier New,monospace;font-size:.95rem;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.resume-preview textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.loading-state{animation:fadeIn .3s ease;background:#fff;border-radius:20px;padding:60px}.spinner{animation:spin 1s linear infinite;border:5px solid #f0f2f5;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 20px;width:50px}.analysis-results{animation:fadeInUp .6s ease}.score-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 12px 40px #667eea4d;color:#fff;margin-bottom:30px;padding:40px;text-align:center}.score-header h2{font-size:1.8rem;margin-bottom:8px}.score-header p{margin-bottom:30px;opacity:.9}.score-display{gap:20px}.score-circle,.score-display{align-items:center;display:flex;flex-direction:column}.score-circle{animation:scaleIn .8s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:10px solid #fff;border-radius:50%;box-shadow:0 8px 32px #0003;height:180px;justify-content:center;width:180px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.score-number{font-size:4rem;font-weight:900;line-height:1}.score-label{font-size:1.2rem;opacity:.9}.score-description{font-size:1.2rem;font-weight:600}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-item{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:24px;text-align:center;transition:all .3s ease}.stat-item:hover{box-shadow:0 8px 24px #667eea26;transform:translateY(-5px)}.stat-value{background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;font-size:2.5rem;font-weight:900;margin-bottom:8px}.suggestions-section{background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000014;margin-bottom:30px;padding:32px}.suggestions-section h3{color:#1a1a1a;font-size:1.5rem;margin-bottom:24px}.suggestions-list{display:flex;flex-direction:column;gap:16px}.suggestion-card{border-left:4px solid;border-radius:12px;padding:20px;transition:all .3s ease}.suggestion-card.error{background:#ffebee;border-color:#f44336}.suggestion-card.warning{background:#fff3e0;border-color:#ff9800}.suggestion-card.info{background:#e3f2fd;border-color:#2196f3}.suggestion-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateX(8px)}.suggestion-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.priority-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;padding:4px 12px;text-transform:uppercase}.suggestion-card h4{color:#1a1a1a;font-size:1.1rem}.suggestion-card p{color:#666;line-height:1.6;margin-bottom:12px}.keywords-section{background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000014;margin-bottom:30px;padding:32px}.keywords-section h3{color:#1a1a1a;font-size:1.5rem;margin-bottom:12px}.keywords-hint{color:#666;margin-bottom:20px}.keyword-chips{display:flex;flex-wrap:wrap;gap:10px}.keyword-chips.success .keyword-chip{background:#e7f3ff;border:2px solid #1877f2;color:#1877f2}.keyword-chip{align-items:center;background:#f5f7fa;border:2px solid #e0e7ff;border-radius:20px;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.keyword-chip.clickable{cursor:pointer}.keyword-chip.clickable:hover{background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-2px)}.add-icon{font-size:1.2rem;opacity:.7}@media (max-width:768px){.page-header h1{font-size:2rem}.score-card,.upload-card,.upload-section{padding:24px}.score-circle{height:140px;width:140px}.score-number{font-size:3rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}.auto-apply-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh;padding:40px 20px}.page-header{animation:fadeInDown .6s ease;margin-bottom:40px;text-align:center}.page-header h1{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:12px}.page-header p{color:#666;font-size:1.1rem}.tabs-container{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;gap:12px;margin-bottom:30px;overflow-x:auto;padding:4px}.tab-btn{background:#0000;border:none;color:#666;font-size:1rem;font-weight:600;padding:16px 24px}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea4d;color:#fff}.tab-btn:hover:not(.active){background:#f5f7fa;color:#667eea}.tab-content{animation:fadeIn .4s ease}.applications-section,.apply-section,.preferences-section,.profile-section{background:#fff;border-radius:20px;box-shadow:0 8px 24px #00000014;padding:40px}.apply-section h2,.preferences-section h2,.profile-section h2{color:#1a1a1a;font-size:1.8rem;margin-bottom:12px}.section-description{color:#666;font-size:1.05rem;margin-bottom:32px}.form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.form-group.full-width{grid-column:1/-1}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e7ff;border-radius:12px;font-family:inherit;font-size:1rem;padding:14px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.form-group small{color:#999;font-size:.85rem;margin-top:6px}.form-group textarea{min-height:120px}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 6px 20px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:16px 40px;transition:all .3s ease}.save-btn:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-3px)}.applications-header{margin-bottom:32px}.applications-header h2{font-size:1.8rem;margin-bottom:20px}.stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-box{background:linear-gradient(135deg,#f5f7fa,#fff);border:2px solid #e0e7ff;padding:20px;transition:all .3s ease}.stat-box:hover{border-color:#667eea;transform:translateY(-4px)}.stat-number{font-size:2rem;margin-bottom:6px}.stat-label{font-weight:500}.applications-list{display:flex;flex-direction:column;gap:16px}.application-card{background:linear-gradient(135deg,#fafbff,#f5f7fa);border:2px solid #e0e7ff;border-radius:16px;padding:24px;transition:all .3s ease}.application-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-4px)}.app-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.app-company{gap:16px}.app-company,.company-logo{align-items:center;display:flex}.company-logo{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.app-company h3{color:#1a1a1a;font-size:1.2rem;margin-bottom:4px}.app-company p{color:#666;font-size:.95rem}.app-status{align-items:center;border-radius:20px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:.85rem;font-weight:700;gap:6px;padding:8px 16px;text-transform:capitalize}.app-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.9rem;gap:20px}.easy-apply-badge{background:linear-gradient(135deg,#ffb800,#ff9800);border-radius:12px;color:#fff;font-weight:700;padding:4px 12px}.platforms-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.platform-card{background:#fff;border:2px solid #e0e7ff;border-radius:16px;padding:32px;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.platform-card:hover:not(.coming-soon){border-color:#667eea;box-shadow:0 12px 32px #667eea33;transform:translateY(-8px)}.platform-card.coming-soon{filter:grayscale(.5);opacity:.6}.platform-icon{align-items:center;border-radius:20px;box-shadow:0 8px 24px #00000026;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.platform-card h3{color:#1a1a1a;font-size:1.3rem;margin-bottom:12px}.platform-card p{color:#666;line-height:1.6;margin-bottom:20px}.connect-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 6px 20px #667eea4d;color:#fff;font-weight:700;padding:14px 24px;transition:all .3s ease;width:100%}.connect-btn:hover:not(:disabled){box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.connect-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.platform-note{color:#4caf50;display:block;font-weight:600;margin-top:12px}.info-box{background:linear-gradient(135deg,#e7f3ff,#f0f8ff);border:2px solid #d4e2ff;border-radius:16px;padding:32px}.info-box h3{color:#1a1a1a;font-size:1.3rem;margin-bottom:16px}.info-box ul{list-style:none;margin:0;padding:0}.info-box li{align-items:flex-start;color:#666;display:flex;gap:12px;line-height:1.6;padding:12px 0}.info-box li:before{color:#4caf50;content:"✓";font-size:1.2rem;font-weight:700}@media (max-width:768px){.page-header h1{font-size:2rem}.applications-section,.apply-section,.preferences-section,.profile-section{padding:24px}.form-grid{grid-template-columns:1fr}.tabs-container{-webkit-overflow-scrolling:touch;overflow-x:scroll}.tab-btn{flex:0 0 auto;min-width:160px}.stats-row{grid-template-columns:1fr}}.mindwave-hub-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow:hidden;padding:60px 20px;position:relative}.mindwave-hub-page:before{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.mindwave-hub-page .container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.hero-section{animation:fadeInDown .8s ease;margin-bottom:60px;text-align:center}.mindwave-logo{gap:16px;margin-bottom:20px}.logo-icon,.mindwave-logo{align-items:center;display:flex;justify-content:center}.logo-icon{animation:pulse 2s ease-in-out infinite;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;font-size:3rem;height:80px;width:80px}.hero-section h1{color:#fff;font-size:3.5rem;font-weight:900;margin:0;text-shadow:0 4px 20px #0000004d}.hero-subtitle{color:#fffffff2;font-size:1.5rem;font-weight:600;margin:12px 0}.hero-description{color:#ffffffe6;font-size:1.1rem;line-height:1.8;margin:0 auto 40px;max-width:800px}.trust-badges{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.trust-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:30px;color:#fff;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.trust-badge:hover{background:#ffffff4d;transform:translateY(-2px)}.badge-icon{font-size:1.2rem}.stats-section{grid-gap:24px;animation:fadeInUp .8s ease .2s both;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:60px}.stat-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000026;padding:32px;transition:all .3s ease}.stat-card:hover{box-shadow:0 15px 50px #0003;transform:translateY(-8px)}.stat-icon{font-size:3rem;margin-bottom:16px}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:900;margin-bottom:8px}.stat-label{font-size:1rem;font-weight:600}.category-filter{animation:fadeIn .6s ease .4s both;display:flex;gap:12px;margin-bottom:40px;overflow-x:auto;padding:4px}.category-btn{align-items:center;background:#fff;border:2px solid #ffffff4d;border-radius:30px;box-shadow:0 4px 15px #0000001a;color:#667eea;display:flex;font-weight:700;gap:8px;padding:14px 28px}.category-btn:hover{background:#fffffff2;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.category-btn.active{background:#fff;border-color:#fff;box-shadow:0 6px 25px #0003;color:#764ba2}.cat-icon{font-size:1.2rem}.ai-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:80px}.ai-feature-card{animation:fadeInUp .6s ease both;background:#fff;border-radius:24px;box-shadow:0 10px 40px #00000026;cursor:pointer;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.ai-feature-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:6px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.ai-feature-card:hover:before{transform:scaleX(1)}.ai-feature-card:hover{box-shadow:0 20px 60px #00000040;transform:translateY(-12px)}.feature-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:6px 14px;position:absolute;right:20px;text-transform:uppercase;top:20px}.feature-icon{align-items:center;border-radius:20px;box-shadow:0 8px 24px #00000026;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin-bottom:20px;width:80px}.ai-feature-card h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:12px}.feature-description{color:#666;line-height:1.6;margin-bottom:20px}.feature-list{list-style:none;margin:0 0 24px;padding:0}.feature-list li{align-items:flex-start;color:#555;display:flex;font-size:.95rem;gap:10px;padding:8px 0}.check-icon{color:#4caf50;font-size:1.1rem;font-weight:700}.launch-btn{border:none;border-radius:12px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px;transition:all .3s ease;width:100%}.launch-btn:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.privacy-commitment{animation:fadeInUp .8s ease;background:#fff;border-radius:30px;box-shadow:0 10px 40px #00000026;margin-bottom:60px;padding:60px}.privacy-commitment h2{color:#1a1a1a;font-size:2.5rem;font-weight:800;margin-bottom:40px;text-align:center}.privacy-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.privacy-card{background:linear-gradient(135deg,#f5f7fa,#fff);border:2px solid #e0e7ff;border-radius:20px;padding:30px;text-align:center;transition:all .3s ease}.privacy-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea33;transform:translateY(-5px)}.privacy-icon{font-size:3rem;margin-bottom:20px}.privacy-card h4{color:#1a1a1a;font-size:1.3rem;font-weight:700;margin-bottom:12px}.privacy-card p{color:#666;line-height:1.6}.partnership-section{animation:fadeIn .8s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff26,#ffffff1a);border:2px solid #ffffff4d;border-radius:30px;margin-bottom:60px;padding:50px;text-align:center}.partnership-content h3{color:#fff;font-size:2rem;font-weight:800;margin-bottom:16px}.partnership-content p{color:#ffffffe6;font-size:1.1rem;line-height:1.8;margin:0 auto 30px;max-width:700px}.partner-logos{align-items:center;display:flex;gap:30px;justify-content:center}.partner-logo{background:#fff;border-radius:15px;box-shadow:0 8px 24px #0003;color:#667eea;font-size:1.5rem;font-weight:900;padding:20px 40px}.partner-divider{color:#fff;font-size:2rem;font-weight:300}.cta-section{animation:fadeInUp .8s ease;padding:60px 20px;text-align:center}.cta-section h2{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:16px}.cta-section p{color:#ffffffe6;font-size:1.1rem;margin-bottom:32px}.cta-btn{background:#fff;border:none;border-radius:50px;box-shadow:0 8px 30px #0000004d;color:#667eea;cursor:pointer;font-size:1.2rem;font-weight:700;padding:18px 48px;transition:all .3s ease}.cta-btn:hover{background:#fffffff2;box-shadow:0 12px 40px #0006;transform:translateY(-4px)}@media (max-width:768px){.hero-section h1{font-size:2.5rem}.trust-badges{gap:12px}.trust-badge{font-size:.9rem;padding:10px 16px}.ai-features-grid{grid-template-columns:1fr}.privacy-commitment{padding:40px 24px}.privacy-grid{grid-template-columns:1fr}.partnership-section{padding:40px 24px}.partner-logos{flex-direction:column;gap:20px}.category-filter{-webkit-overflow-scrolling:touch;overflow-x:scroll}}.ai-study-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh;padding:30px 20px}.study-header{animation:fadeInDown .6s ease;margin-bottom:40px;text-align:center}.back-btn{background:#fff;border:2px solid #e0e7ff}.back-btn:hover{background:#667eea;color:#fff}.privacy-indicator{align-items:center;background:#e7f3ff;border-radius:20px;color:#1877f2;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px}.privacy-dot{animation:pulse-dot 2s infinite;background:#4caf50;border-radius:50%;height:8px;width:8px}.study-header h1{color:#1a1a1a;font-size:2.5rem;margin-bottom:8px}.header-subtitle{color:#666}.study-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:300px 1fr;margin:0 auto;max-width:1400px}.study-sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-section{border-radius:20px;box-shadow:0 4px 16px #00000014;padding:24px}.sidebar-section h3{color:#1a1a1a;font-size:1.2rem;font-weight:700;margin-bottom:16px}.schedule-list{display:flex;flex-direction:column;gap:12px}.schedule-item{align-items:center;background:#f5f7fa;border-left:4px solid #e0e7ff;border-radius:12px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.schedule-item.completed{background:#e7f5e7;border-color:#4caf50}.schedule-item.in-progress{background:#fff3e0;border-color:#ff9800}.schedule-item:hover{transform:translateX(4px)}.schedule-time{color:#666;font-size:.85rem;font-weight:600}.schedule-details{flex:1 1}.schedule-subject{color:#1a1a1a;font-size:.9rem;font-weight:700}.schedule-task{color:#666;font-size:.85rem;margin-top:2px}.schedule-duration{color:#999;font-size:.8rem;margin-top:4px}.schedule-status{font-size:1.2rem}.mastery-list{display:flex;flex-direction:column;gap:16px}.mastery-item{align-items:center;display:flex;gap:12px}.mastery-icon{font-size:2rem}.mastery-info{flex:1 1}.mastery-subject{color:#1a1a1a;font-size:.9rem;font-weight:600;margin-bottom:6px}.mastery-bar{background:#e0e7ff;border-radius:10px;height:8px;margin-bottom:4px;overflow:hidden}.mastery-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .5s ease}.mastery-percent{color:#666;font-size:.8rem;font-weight:600}.study-main{display:flex;flex-direction:column;gap:24px}.mode-selector{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mode-card{background:#fff;border:2px solid #e0e7ff;border-radius:16px;box-shadow:0 4px 12px #0000000f;cursor:pointer;padding:24px;text-align:center;transition:all .3s ease}.mode-card:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea33;transform:translateY(-4px)}.mode-card.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 24px #667eea4d;color:#fff}.mode-icon{font-size:2.5rem;margin-bottom:12px}.mode-name{font-size:1.1rem;font-weight:700;margin-bottom:6px}.mode-description{font-size:.9rem;opacity:.8}.study-form{background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000014;padding:32px}.study-form h3{color:#1a1a1a;font-size:1.5rem;margin-bottom:24px}.form-row{grid-gap:20px;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{color:#1a1a1a;font-size:.95rem;margin-bottom:8px}.form-group input{border:2px solid #e0e7ff;border-radius:12px;font-size:1rem;padding:14px 16px;transition:all .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.difficulty-selector{display:flex;gap:12px}.difficulty-btn{background:#fff;border:2px solid #e0e7ff;border-radius:10px;color:#666;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:all .3s ease}.difficulty-btn:hover{border-color:#667eea;color:#667eea}.difficulty-btn.active{border-color:#0000}.difficulty-btn.active,.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.generate-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 6px 20px #667eea4d;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:8px;justify-content:center;margin-top:24px;padding:16px;transition:all .3s ease;width:100%}.generate-btn:hover:not(:disabled){box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.7}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.generated-content{animation:fadeInUp .6s ease;background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000014;padding:32px}.generated-content h3{color:#1a1a1a;font-size:1.8rem;font-weight:700;margin-bottom:24px}.quiz-questions{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.quiz-question{background:#f5f7fa;border-left:4px solid #667eea;border-radius:16px;padding:24px}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.question-number{color:#667eea;font-size:1.1rem;font-weight:700}.question-type{background:#ff9800;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px}.question-text{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin-bottom:16px}.question-options{display:flex;flex-direction:column;gap:12px}.option-label{align-items:center;background:#fff;border:2px solid #e0e7ff;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .3s ease}.option-label:hover{background:#fafbff;border-color:#667eea}.option-label input[type=radio]{cursor:pointer}.question-hint{background:#e7f3ff;border-radius:8px;color:#1877f2;font-size:.9rem;margin-top:12px;padding:12px}.submit-quiz-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:12px;box-shadow:0 6px 20px #4caf504d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:16px;transition:all .3s ease;width:100%}.submit-quiz-btn:hover{box-shadow:0 10px 30px #4caf5066;transform:translateY(-2px)}.explanation-content>div{margin-bottom:24px}.explanation-content h4{color:#1a1a1a;font-size:1.3rem;font-weight:700;margin-bottom:12px}.explanation-definition p{color:#666;font-size:1.05rem;line-height:1.8}.explanation-points ul,.explanation-resources ul{list-style:none;padding:0}.explanation-points li,.explanation-resources li{align-items:flex-start;background:#f5f7fa;border-radius:8px;color:#555;display:flex;gap:12px;margin-bottom:8px;padding:12px 16px}.explanation-points li:before{color:#4caf50;content:"✓";font-size:1.2rem;font-weight:700}.explanation-resources li:before{content:"📚";font-size:1.2rem}.example-box{background:#f5f7fa;border-left:4px solid #667eea;border-radius:12px;margin-bottom:16px;padding:20px}.example-box h5{color:#667eea;font-size:1.1rem;margin-bottom:8px}.example-box p{color:#666;line-height:1.6}.flashcards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.flashcard{height:200px;perspective:1000px}.flashcard-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.flashcard:hover .flashcard-inner{transform:rotateY(180deg)}.flashcard-back,.flashcard-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;height:100%;justify-content:center;padding:24px;position:absolute;width:100%}.flashcard-front{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.flashcard-back{background:#fff;border:2px solid #e0e7ff;transform:rotateY(180deg)}.card-label{font-size:.8rem;font-weight:700;margin-bottom:12px;opacity:.8;text-transform:uppercase}.flashcard-back p,.flashcard-front p{font-size:1.1rem;font-weight:600;line-height:1.6}.flashcard-back p{color:#1a1a1a}@media (max-width:1024px){.study-content{grid-template-columns:1fr}.study-sidebar{flex-direction:row;overflow-x:auto}.sidebar-section{min-width:300px}}@media (max-width:768px){.form-row{grid-template-columns:1fr}.mode-selector{grid-template-columns:repeat(2,1fr)}.flashcards-grid{grid-template-columns:1fr}.generated-content,.study-form{padding:24px}}.smart-campus-page{padding:30px 20px}.smart-campus-loading,.smart-campus-page{background:linear-gradient(135deg,#00bcd4,#0097a7);min-height:100vh}.smart-campus-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;height:50px;margin-bottom:20px;width:50px}.campus-header{animation:fadeInDown .6s ease;margin-bottom:30px}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:8px;font-weight:600;padding:10px 20px;transition:all .3s ease}.back-btn:hover{background:#ffffff4d}.live-indicator{align-items:center;background:#f44336e6;border-radius:20px;box-shadow:0 4px 12px #f4433666;color:#fff;display:flex;font-size:.9rem;font-weight:700;gap:8px;padding:8px 16px}.live-dot{background:#fff;border-radius:50%;height:10px;width:10px}.live-dot.pulsing{animation:pulse-live 1.5s infinite}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.campus-header h1{color:#fff;font-size:2.5rem;margin-bottom:8px;text-shadow:0 2px 10px #0003}.header-subtitle{color:#ffffffe6;font-size:1.1rem;margin-bottom:20px}.live-stats-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:16px;display:flex;gap:20px;padding:20px}.live-stats-bar .stat{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;flex:1 1;gap:10px;padding:12px}.live-stats-bar .stat-icon{font-size:1.8rem}.live-stats-bar .stat-value{color:#fff;font-size:1.5rem;font-weight:900}.live-stats-bar .stat-label{color:#fffc;font-size:.85rem}.campus-tabs{display:flex;gap:12px;margin-bottom:30px;overflow-x:auto;padding:4px}.tab-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-weight:700;min-width:140px;padding:14px 20px;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:#ffffff40}.tab-btn.active{background:#fff;border-color:#fff;box-shadow:0 4px 16px #0003;color:#00bcd4}.tab-content{animation:fadeInUp .4s ease}.section-header{color:#fff;margin-bottom:20px}.section-header h2{font-size:1.8rem}.update-time{font-size:.9rem;opacity:.8}.shuttles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px}.shuttle-card{background:#fff;border:3px solid #0000;border-radius:20px;box-shadow:0 8px 24px #00000026;cursor:pointer;padding:24px;transition:all .3s ease}.shuttle-card:hover{box-shadow:0 12px 32px #0003;transform:translateY(-4px)}.shuttle-card.selected{border-color:#00bcd4;box-shadow:0 12px 32px #00bcd44d}.shuttle-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.shuttle-route{color:#1a1a1a;font-size:1.3rem;font-weight:700}.shuttle-status{align-items:center;background:#e7f3ff;border-radius:12px;color:#1877f2;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.active{animation:pulse-dot 2s infinite;background:#4caf50}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.shuttle-info{margin-bottom:20px}.info-row{border-bottom:1px solid #f0f2f5;display:flex;justify-content:space-between;padding:8px 0}.info-label{color:#666;font-size:.95rem}.info-value{color:#1a1a1a;font-weight:600}.info-value.highlight{color:#00bcd4;font-size:1.1rem}.occupancy-bar{margin-top:16px}.occupancy-label{color:#666;font-size:.9rem;margin-bottom:8px}.occupancy-track{background:#e0e7ff;border-radius:10px;height:12px;overflow:hidden}.occupancy-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%;transition:width .5s ease}.occupancy-fill.high{background:linear-gradient(90deg,#ff9800,#f44336)}.prediction-panel{animation:slideInUp .4s ease;background:#fff;border-radius:20px;box-shadow:0 8px 24px #00000026;padding:32px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.prediction-panel h3{color:#1a1a1a;font-size:1.5rem;margin-bottom:20px}.predictions-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.prediction-item{align-items:center;background:#f5f7fa;border-radius:12px;display:flex;gap:20px;padding:16px}.pred-time{color:#00bcd4;font-size:1.3rem;font-weight:700;min-width:60px}.pred-confidence{align-items:center;color:#666;display:flex;flex:1 1;font-size:.9rem;gap:12px}.confidence-bar{background:#e0e7ff;border-radius:10px;flex:1 1;height:8px;overflow:hidden}.confidence-fill{background:linear-gradient(90deg,#00bcd4,#0097a7);height:100%;transition:width .5s ease}.prediction-recommendation{background:#e7f3ff;border-radius:12px;color:#1877f2;font-weight:600;padding:16px}.dining-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.dining-card{background:#fff;border-radius:20px;box-shadow:0 8px 24px #00000026;padding:28px}.dining-card h3{color:#1a1a1a;font-size:1.4rem;margin-bottom:16px}.crowd-indicator{align-items:center;background:#f5f7fa;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px}.crowd-level{border-radius:20px;font-weight:700;padding:6px 16px;text-transform:capitalize}.crowd-level.low{background:#e7f5e7;color:#4caf50}.crowd-level.moderate{background:#fff3e0;color:#ff9800}.crowd-level.busy{background:#ffebee;color:#f44336}.dining-stats{display:flex;gap:20px;margin-bottom:16px}.stat-item{align-items:center;background:#f5f7fa;border-radius:12px;display:flex;flex:1 1;gap:8px;padding:12px}.capacity-bar{background:#e0e7ff;border-radius:10px;height:10px;margin-bottom:20px;overflow:hidden}.capacity-fill{background:linear-gradient(90deg,#00bcd4,#0097a7);height:100%;transition:width .5s ease}.menu-section h4{color:#1a1a1a;font-size:1.1rem;margin-bottom:12px}.menu-tags{display:flex;flex-wrap:wrap;gap:8px}.menu-tag{background:#e7f3ff;border-radius:16px;color:#1877f2;font-size:.9rem;font-weight:600;padding:6px 14px}.study-spaces-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.study-space-card{background:#fff;border-radius:20px;box-shadow:0 8px 24px #00000026;padding:28px}.space-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.space-header h3{color:#1a1a1a;font-size:1.3rem}.quiet-badge{border-radius:16px;font-size:.85rem;font-weight:700;padding:6px 14px}.quiet-badge.silent{background:#e7f5e7;color:#4caf50}.quiet-badge.moderate{background:#fff3e0;color:#ff9800}.availability{margin-bottom:20px}.availability-number{align-items:baseline;display:flex;gap:6px;margin-bottom:12px}.availability-number .available{color:#00bcd4;font-size:2.5rem;font-weight:900}.availability-number .total{color:#666;font-size:1.2rem}.availability-bar{background:#e0e7ff;border-radius:10px;height:10px;overflow:hidden}.available-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%;transition:width .5s ease}.amenities{gap:8px}.amenity-tag{background:#f5f7fa;border-radius:12px;font-size:.85rem;font-weight:600;padding:6px 12px}.events-list{display:flex;flex-direction:column;gap:20px}.event-card{background:#fff;border-radius:20px;box-shadow:0 8px 24px #00000026;gap:24px;padding:24px}.event-time{min-width:100px;text-align:center}.time-badge{background:#00bcd4;border-radius:12px;color:#fff;font-weight:700;margin-bottom:8px;padding:8px 16px}.duration{color:#666;font-size:.85rem}.event-details{flex:1 1}.event-details h3{color:#1a1a1a;font-size:1.3rem;margin-bottom:8px}.event-attendance,.event-location{color:#666;font-size:.95rem;margin:4px 0}.join-btn{background:linear-gradient(135deg,#00bcd4,#0097a7);border-radius:12px;box-shadow:0 4px 12px #00bcd44d;color:#fff;font-weight:700;padding:12px 28px;transition:all .3s ease}.join-btn:hover{box-shadow:0 6px 20px #00bcd466;transform:translateY(-2px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.campus-header h1{font-size:2rem}.live-stats-bar{flex-direction:column;gap:12px}.dining-grid,.shuttles-grid,.study-spaces-grid{grid-template-columns:1fr}.event-card{flex-direction:column;text-align:center}.campus-tabs{-webkit-overflow-scrolling:touch;overflow-x:scroll}.tab-btn{flex:0 0 auto}}.wellness-coach-page{background:linear-gradient(135deg,#e8f5e9,#f1f8e9 50%,#fff9c4);min-height:100vh;padding:80px 0 40px}.wellness-header{margin-bottom:40px;text-align:center}.wellness-header .header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.wellness-header h1{color:#2e7d32;font-size:2.5rem;margin:0 0 10px}.wellness-header .header-subtitle{color:#558b2f;font-size:1.1rem}.wellness-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:320px 1fr;margin:0 auto;max-width:1400px}.wellness-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:20px}.sidebar-section h3{color:#2e7d32;font-size:1.1rem;margin:0 0 16px}.wellness-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.stat-box{background:linear-gradient(135deg,#f1f8e9,#e8f5e9);border-radius:12px;padding:12px;text-align:center}.stat-icon{font-size:2rem;margin-bottom:4px}.stat-label{color:#666;font-size:.85rem;margin-bottom:4px}.stat-value{color:#2e7d32;font-size:1.3rem}.stat-value.stress{color:#f57c00}.trend-chart{padding:10px 0}.trend-line{align-items:flex-end;display:flex;gap:6px;height:100px;justify-content:space-between}.trend-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.bar-fill{border-radius:4px 4px 0 0;min-height:10%;transition:height .3s ease;width:100%}.bar-label{color:#666;font-size:.7rem}.wellness-score-display{text-align:center}.score-circle{height:120px;margin:0 auto 12px;position:relative;width:120px}.score-circle svg{height:100%;width:100%}.score-text{color:#2e7d32;font-size:2rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.score-description{color:#558b2f;font-size:.95rem;margin:0}.wellness-main{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:30px}.wellness-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:12px;margin-bottom:30px;overflow-x:auto}.wellness-tabs .tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.wellness-tabs .tab-btn:hover{color:#2e7d32}.wellness-tabs .tab-btn.active{border-bottom-color:#2e7d32;color:#2e7d32}.tab-content{animation:fadeIn .3s ease}.tab-content h2{color:#2e7d32;font-size:1.8rem;margin:0 0 24px}.check-in-section h2{margin-bottom:32px;text-align:center}.mood-selector{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px}.mood-option{background:#fff;border:3px solid #e0e0e0;border-radius:16px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease;width:100px}.mood-option:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.mood-option.selected{border-width:3px;box-shadow:0 6px 20px #2e7d3233;transform:scale(1.1)}.mood-emoji{font-size:3rem;margin-bottom:8px}.mood-label{color:#333;font-size:.95rem;font-weight:600}.check-in-form{background:linear-gradient(135deg,#f1f8e9,#e8f5e9);border-radius:16px;margin:0 auto;max-width:600px;padding:30px}.check-in-form .form-group{margin-bottom:24px}.check-in-form label{color:#2e7d32;display:block;font-weight:600;margin-bottom:8px}.check-in-form .slider{-webkit-appearance:none;background:#dcedc8;border-radius:4px;height:8px;outline:none;width:100%}.check-in-form .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2e7d32;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.check-in-form .slider::-moz-range-thumb{background:#2e7d32;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.check-in-form textarea{border:2px solid #c5e1a5;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px;resize:vertical;width:100%}.check-in-btn{background:linear-gradient(135deg,#66bb6a,#43a047);border:none;border-radius:12px;box-shadow:0 4px 12px #2e7d324d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:16px;transition:all .3s ease;width:100%}.check-in-btn:hover{box-shadow:0 6px 20px #2e7d3266;transform:translateY(-2px)}.recommendations-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.recommendation-card{background:#f5f5f5;border-left:4px solid #2e7d32;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.recommendation-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.recommendation-card.urgent{background:#ffebee;border-left-color:#f44336}.recommendation-card.suggestion{background:#e3f2fd;border-left-color:#2196f3}.rec-icon{flex-shrink:0;font-size:2rem}.rec-content h4{color:#333;font-size:1.1rem;margin:0 0 8px}.rec-content p{color:#666;font-size:.95rem;margin:0 0 12px}.rec-action-btn{background:#2e7d32;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:background .2s ease}.rec-action-btn:hover{background:#1b5e20}.insights-section{background:#f9fbe7;border-left:4px solid #9ccc65;border-radius:12px;margin-top:30px;padding:24px}.insights-section h3{color:#33691e;margin:0 0 16px}.insight-box p{color:#444;font-size:1rem;margin:12px 0}.activities-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.activity-card{background:linear-gradient(135deg,#fff,#f1f8e9);border:2px solid #c5e1a5;padding:24px;text-align:center;transition:all .3s ease}.activity-card:hover{box-shadow:0 8px 24px #2e7d3226;transform:translateY(-4px)}.activity-icon{font-size:3rem;margin-bottom:12px}.activity-card h4{color:#2e7d32;font-size:1.2rem;margin:0 0 8px}.activity-card p{color:#666;font-size:.95rem;margin:0 0 16px}.activity-meta{color:#666;font-size:.85rem;gap:16px;justify-content:center;margin-bottom:16px}.start-activity-btn{background:linear-gradient(135deg,#66bb6a,#43a047);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:all .2s ease;width:100%}.start-activity-btn:hover{transform:scale(1.05)}.history-timeline{display:flex;flex-direction:column;gap:20px}.history-entry{background:#f5f5f5;border-left:4px solid #66bb6a;border-radius:12px;padding:20px}.entry-time{color:#666;font-size:.85rem;margin-bottom:8px}.mood-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:12px;padding:6px 12px}.entry-details{color:#666;display:flex;font-size:.9rem;gap:20px;margin-bottom:8px}.entry-notes{background:#fff;border-radius:8px;color:#555;font-style:italic;margin-top:12px;padding:12px}.empty-state{color:#999}@media (max-width:1024px){.wellness-content{grid-template-columns:1fr}.wellness-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.wellness-coach-page{padding:60px 0 20px}.wellness-header h1{font-size:1.8rem}.wellness-main{padding:20px}.mood-selector{gap:12px}.mood-option{padding:16px 12px;width:80px}.mood-emoji{font-size:2.5rem}.wellness-tabs{gap:8px}.wellness-tabs .tab-btn{font-size:.9rem;padding:10px 16px}.activities-grid,.recommendations-grid{grid-template-columns:1fr}}.chat-tab{display:flex;flex-direction:column;height:600px}.chat-container{border-radius:16px;box-shadow:0 4px 20px #0000001a;flex:1 1;flex-direction:column;overflow:hidden}.chat-messages{display:flex;flex-direction:column;gap:16px}.chat-message{animation:fadeIn .3s ease;display:flex;gap:12px}.chat-message.user{flex-direction:row-reverse}.message-avatar{align-items:center;background:linear-gradient(135deg,#4caf50,#8bc34a);border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.message-content{border-radius:16px;line-height:1.5;max-width:70%}.chat-message.assistant .message-content{background:#f5f5f5;border-bottom-left-radius:4px}.chat-message.user .message-content{background:linear-gradient(135deg,#4caf50,#8bc34a);border-bottom-right-radius:4px;color:#fff}.message-content p{margin:0;white-space:pre-wrap}.message-content.typing{display:flex;gap:4px;padding:16px}.message-content.typing span{animation:typing 1.4s infinite;background:#ccc;border-radius:50%;height:8px;width:8px}.message-content.typing span:nth-child(2){animation-delay:.2s}.message-content.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.quick-prompts{border-top:1px solid #eee;display:flex;gap:8px;overflow-x:auto;padding:12px 20px}.quick-prompt-btn{background:#f0f0f0;border:none;border-radius:20px;color:#666;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.quick-prompt-btn:hover{background:#e0e0e0;color:#333}.chat-input-container{background:#fafafa;border-top:1px solid #eee;display:flex;gap:12px;padding:16px 20px}.chat-input{border:1px solid #ddd;border-radius:24px;font-size:14px;padding:12px 16px;transition:all .2s ease}.chat-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.send-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#8bc34a);display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.send-btn:hover:not(:disabled){box-shadow:0 4px 12px #4caf504d}.send-btn:disabled{opacity:.5}@media (max-width:768px){.chat-tab{height:500px}.message-content{max-width:85%}}.translator-page{background:#0a0a0f;min-height:100vh;padding-bottom:100px}.translator-header{align-items:center;background:linear-gradient(180deg,#667eea26,#0000);display:flex;gap:16px;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.translator-header .back-btn{align-items:center;background:#ffffff14;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.translator-header .back-btn:hover{background:#ffffff1f;transform:translateX(-2px)}.translator-header .header-content h1{color:#fff;font-size:24px;font-weight:700;margin:0}.translator-header .header-content p{color:#888;font-size:14px;margin:4px 0 0}.translator-container{margin:0 auto;max-width:800px;padding:20px}.language-selector{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.language-select-group{flex:1 1}.language-select-group label{color:#ffffff80;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.language-selector select{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.language-selector select:focus{border-color:#667eea;outline:none}.language-selector select option{background:#1a1a2e;color:#fff}.swap-btn{align-items:center;background:#667eea33;border:none;border-radius:50%;color:#667eea;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.swap-btn:hover{background:#667eea4d;transform:rotate(180deg)}.text-input-section{margin-bottom:24px}.text-input-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:20px}.text-input-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.text-input-card h3{color:#fff;font-size:16px;font-weight:600;margin:0}.text-input-card .badge{background:#00eb7933;border-radius:20px;color:#00eb79;font-size:11px;font-weight:600;padding:4px 10px}.text-input{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:15px;margin-bottom:16px;min-height:100px;padding:16px;resize:vertical;width:100%}.text-input::placeholder{color:#fff6}.text-input:focus{border-color:#00eb79;box-shadow:0 0 0 3px #00eb791a;outline:none}.translate-btn{align-items:center;background:linear-gradient(135deg,#00eb79,#00d46e);border:none;border-radius:12px;color:#000;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:all .2s ease;width:100%}.translate-btn:hover:not(:disabled){box-shadow:0 6px 15px #00eb794d;transform:translateY(-2px)}.translate-btn:disabled{cursor:not-allowed;opacity:.5}.translate-btn .spinner{animation:spin .8s linear infinite;border:2px solid #0003;border-radius:50%;border-top-color:#000;height:18px;width:18px}.input-methods{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.input-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:20px}.input-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.input-card h3{color:#fff;font-size:16px;font-weight:600;margin:0}.input-card .badge{background:#667eea33;border-radius:20px;color:#667eea;font-size:11px;font-weight:600;padding:4px 10px}.input-card p{color:#ffffff80;font-size:13px;margin:0 0 16px}.record-btn,.upload-btn{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:all .2s ease;width:100%}.record-btn{background:#ffffff14;border:2px solid #ffffff26;color:#fff}.record-btn:hover{background:#ffffff1f;border-color:#ffffff40}.record-btn.recording{background:#ff6b6b26;border-color:#ff6b6b;color:#ff6b6b}.record-btn .pulse-dot{animation:pulse 1s ease-in-out infinite;background:#ff6b6b;border-radius:50%;height:10px;width:10px}.upload-btn{background:#ffffff0d;border:2px dashed #fff3;color:#ffffffb3}.upload-btn:hover{background:#667eea1a;border-color:#667eea;color:#667eea}.upload-btn:disabled{cursor:not-allowed;opacity:.5}.upload-btn .spinner{animation:spin .8s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#667eea;height:18px;width:18px}.audio-controls{display:flex;flex-direction:column;gap:12px;margin-top:16px}.audio-player{border-radius:8px;height:40px;width:100%}.download-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.download-btn:hover{box-shadow:0 6px 15px #667eea4d;transform:translateY(-2px)}.file-info{background:#667eea1a;border-radius:8px;color:#667eea;font-size:13px;margin-top:12px;padding:10px}.results-section{display:flex;flex-direction:column;gap:16px}.result-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:20px}.result-card.translated{background:#667eea14;border-color:#667eea33}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.result-header h4{color:#fff;font-size:14px;font-weight:600;margin:0}.detected-lang,.translating{color:#667eea;font-size:12px}.result-content{color:#fff;font-size:15px;line-height:1.6;min-height:60px}.result-content .placeholder{color:#fff6;font-style:italic}.result-actions{border-top:1px solid #ffffff1a;display:flex;gap:8px;margin-top:16px;padding-top:16px}.result-actions button{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.result-actions button:hover{background:#667eea33;border-color:#667eea;color:#667eea}.error-message{align-items:center;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:12px;color:#ff6b6b;display:flex;gap:12px;padding:16px}.clear-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#ffffffb3;font-size:14px;font-weight:500;margin-top:24px;padding:14px;transition:all .2s ease;width:100%}.clear-btn:hover{background:#ff6b6b26;border-color:#ff6b6b4d;color:#ff6b6b}@media (max-width:600px){.translator-header{padding:16px}.translator-header .header-content h1{font-size:20px}.translator-container{padding:16px}.language-selector{flex-direction:column;gap:12px}.language-select-group{width:100%}.swap-btn{transform:rotate(90deg)}.swap-btn:hover{transform:rotate(270deg)}.input-methods{grid-template-columns:1fr}}.chat-page{background-color:#f5f5f5;height:calc(100vh - 70px)}.chat-container{background:#fff;box-shadow:0 0 20px #0000001a;display:flex;height:100%;margin:0 auto;max-width:1200px}.chat-login-prompt{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.chat-login-prompt h2{color:#333;margin-bottom:20px}.chat-sidebar{background:#fafafa;border-right:1px solid #e0e0e0;width:350px}.chat-sidebar-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0}.chat-sidebar-header h2{color:#fff;font-size:24px;margin:0}.chat-loading,.no-chats{color:#666;padding:40px 20px;text-align:center}.no-chats .hint{color:#999;font-size:14px;margin-top:10px}.chat-list-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:15px 20px;transition:background-color .2s}.chat-list-item:hover{background-color:#f0f0f0}.chat-list-item.active{background-color:#e3f2fd;border-left:4px solid #667eea}.chat-avatar{color:#fff;flex-shrink:0;font-size:20px;font-weight:700;margin-right:15px}.chat-name{color:#333}.chat-last-message{color:#888;font-size:14px}.chat-time{color:#999;flex-shrink:0;font-size:12px;margin-left:10px}.chat-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:15px 20px}.chat-header,.chat-header-avatar,.chat-header-info{align-items:center;display:flex}.chat-header-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:18px;font-weight:700;height:45px;justify-content:center;margin-right:15px;width:45px}.chat-header h3{color:#333;font-size:18px;margin:0}.online-status{color:#4caf50;font-size:13px}.back-btn{background:none;color:#667eea;display:none;font-size:24px;margin-right:10px}.chat-messages{background:#f9f9f9;flex:1 1;overflow-y:auto;padding:20px}.no-messages{align-items:center;color:#999;display:flex;height:100%;justify-content:center}.message{animation:fadeIn .3s ease;margin-bottom:15px;max-width:70%}.message.sent{margin-left:auto}.message.received{margin-right:auto}.message-content{word-wrap:break-word;border-radius:18px;font-size:15px;line-height:1.4;padding:12px 16px}.message.sent .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.message.received .message-content{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000001a;color:#333}.message-time{color:#999;font-size:11px;text-align:right}.message.received .message-time{text-align:left}.chat-input-form{background:#fff;border-top:1px solid #e0e0e0;display:flex;padding:15px 20px}.chat-input{border:2px solid #e0e0e0;border-radius:25px;flex:1 1;font-size:15px;outline:none;padding:12px 20px;transition:border-color .2s}.chat-input:focus{border-color:#667eea}.send-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;color:#fff;font-size:15px;font-weight:600;margin-left:10px;padding:12px 25px;transition:transform .2s,box-shadow .2s}.send-btn:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:scale(1.05)}.send-btn:disabled{cursor:not-allowed;opacity:.6}.no-chat-selected{align-items:center;color:#666;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px;text-align:center}.no-chat-icon{font-size:80px;margin-bottom:20px}.no-chat-selected h3{color:#333;margin-bottom:10px}.no-chat-selected p{color:#888;max-width:300px}.mobile-only{display:none}@media (max-width:768px){.chat-container{flex-direction:column}.chat-sidebar{height:100%;width:100%}.chat-main.hide-mobile,.chat-sidebar.hide-mobile{display:none}.chat-main{height:100%;width:100%}.back-btn,.mobile-only{display:block}.message{max-width:85%}}.book-ride-page{background:#f8f9fa;display:flex;flex-direction:column;min-height:100vh}.book-ride-header{background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-button,.book-ride-header{align-items:center;display:flex}.back-button{background:#f5f5f5;border-radius:50%;height:44px;justify-content:center;transition:all .2s;width:44px}.back-button:hover{background:#e8e8e8}.header-title{color:#1a1a2e;font-size:18px;font-weight:700}.location-step{display:flex;flex:1 1;flex-direction:column}.location-inputs{background:#fff;display:flex;gap:16px;padding:20px}.location-input-group{align-items:center;display:flex;flex-direction:column;padding-top:18px}.location-dot{border-radius:50%;height:12px;width:12px}.location-dot.green{background:#00eb79;box-shadow:0 0 0 4px #00eb7933}.location-dot.red{background:#ef4444;box-shadow:0 0 0 4px #ef444433}.location-line{background:#e0e0e0;height:40px;margin:8px 0;width:2px}.location-fields{display:flex;flex:1 1;flex-direction:column}.location-field{align-items:center;display:flex;position:relative}.location-input{background:#f5f5f5;border:none;border-radius:12px;color:#1a1a2e;font-size:16px;outline:none;padding:16px;transition:all .2s;width:100%}.location-input:focus{background:#fff;box-shadow:0 0 0 2px #00eb79}.location-input::placeholder{color:#888}.clear-btn{align-items:center;background:#ddd;border:none;border-radius:50%;color:#666;display:flex;font-size:16px;height:24px;justify-content:center;position:absolute;right:12px;width:24px}.field-divider{background:#e8e8e8;height:1px;margin:8px 0}.popular-locations{flex:1 1;padding:20px}.section-label{color:#888;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.locations-list{display:flex;flex-direction:column;gap:8px}.location-item{align-items:center;background:#fff;border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:14px;transition:all .2s}.location-item:hover{background:#f5f5f5;transform:translateX(4px)}.location-item-icon{align-items:center;background:#f5f5f5;border-radius:12px;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.location-item-info{display:flex;flex-direction:column}.location-item-name{color:#1a1a2e;font-size:15px;font-weight:600}.location-item-address{color:#888;font-size:13px}.bottom-action{background:#fff;border-top:1px solid #f0f0f0;padding:20px}.book-ride-btn,.search-rides-btn{background:#e0e0e0;border:none;border-radius:14px;color:#888;cursor:pointer;font-size:16px;font-weight:700;padding:18px;transition:all .2s;width:100%}.book-ride-btn.active,.search-rides-btn.active{background:#00eb79;color:#1a1a2e}.book-ride-btn.active:hover,.search-rides-btn.active:hover{background:#00c966;transform:scale(1.02)}.loading-spinner{border:2px solid #fff;border-top-color:#0000;display:inline-block;height:20px;width:20px}.ride-step{display:flex;flex:1 1;flex-direction:column}.trip-summary{background:#fff;padding:20px}.trip-route{align-items:center;display:flex;gap:12px}.route-point{color:#1a1a2e}.point-dot.green{background:#00eb79}.point-dot.red{background:#ef4444}.route-line-h{background:linear-gradient(90deg,#00eb79,#ef4444);border-radius:1px;flex:1 1;height:2px}.ride-options{flex:1 1;padding:20px}.options-list{display:flex;flex-direction:column;gap:12px}.ride-option{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;position:relative;transition:all .2s}.ride-option:hover{border-color:#e0e0e0}.ride-option.selected{background:#f0fff7;border-color:#00eb79}.ride-option-left{align-items:center;display:flex;gap:14px}.ride-option-icon{align-items:center;background:#f5f5f5;border-radius:14px;display:flex;font-size:26px;height:52px;justify-content:center;width:52px}.ride-option.selected .ride-option-icon{background:#e6fff2}.ride-option-info{display:flex;flex-direction:column}.ride-option-name{color:#1a1a2e;font-size:16px;font-weight:700}.ride-option-desc{color:#888;font-size:13px}.ride-option-right{text-align:right}.ride-option-eta{color:#888;display:block;font-size:12px;margin-bottom:2px}.ride-option-price{color:#1a1a2e;font-size:18px;font-weight:700}.selected-check{align-items:center;background:#00eb79;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.payment-method{align-items:center;background:#fff;border-radius:14px;cursor:pointer;display:flex;gap:14px;margin:0 20px 20px;padding:16px 20px;transition:all .2s}.payment-method:hover{background:#f9fafb}.payment-icon{font-size:28px}.payment-info{display:flex;flex:1 1;flex-direction:column}.payment-label{color:#888;font-size:12px}.payment-value{color:#1a1a2e;font-size:14px;font-weight:600}.payment-arrow{color:#888;font-size:20px}.confirming-step{flex:1 1;flex-direction:column;padding:40px;text-align:center}.confirming-animation,.confirming-step{align-items:center;display:flex;justify-content:center}.confirming-animation{height:120px;margin-bottom:32px;position:relative;width:120px}.car-animation{animation:bounce 1s ease infinite;font-size:48px;z-index:2}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse-ring{animation:pulse 2s ease-out infinite;border:3px solid #00eb79;border-radius:50%;height:100%;position:absolute;width:100%}.pulse-ring.delay{animation-delay:.5s}.confirming-title{color:#1a1a2e;font-size:22px;font-weight:700;margin-bottom:8px}.confirming-subtitle{color:#888;font-size:15px}@media (max-width:480px){.location-input{font-size:15px;padding:14px}.ride-option-icon{font-size:22px;height:48px;width:48px}.ride-option-name{font-size:15px}.ride-option-price{font-size:16px}}.wallet-page{background:#f8f9fa;min-height:100vh;padding-bottom:100px}.wallet-header{align-items:center;background:#fff;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.wallet-header h1{color:#1a1a2e;font-size:18px;font-weight:700}.back-btn{background:#f5f5f5;height:44px}.back-btn,.header-spacer{width:44px}.balance-section{padding:20px}.balance-card{background:linear-gradient(135deg,#1a1a2e,#2d2d44);border-radius:20px;overflow:hidden;padding:28px;position:relative}.balance-bg{background:#00eb791a;border-radius:50%;height:200px;position:absolute;right:-20%;top:-50%;width:200px}.balance-content{position:relative;z-index:1}.balance-label{color:#ffffffb3;display:block;font-size:14px;margin-bottom:8px}.balance-amount{color:#fff;font-size:42px;font-weight:700;margin-bottom:24px}.balance-actions{display:flex;gap:12px}.balance-action{align-items:center;background:#ffffff1a;border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:12px;gap:6px;padding:14px;transition:all .2s}.balance-action:hover{background:#fff3}.action-icon{font-size:20px}.quick-add-section{padding:0 20px 20px}.section-title{color:#1a1a2e;font-size:16px;margin-bottom:14px}.quick-amounts{display:flex;gap:12px}.quick-amount-btn{background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#1a1a2e;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .2s}.quick-amount-btn:hover{background:#f0fff7;border-color:#00eb79}.payment-methods-section{background:#fff;margin-top:8px;padding:20px}.payment-methods-list{display:flex;flex-direction:column;gap:12px}.payment-method-item{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:14px;padding:16px}.method-icon{font-size:28px}.method-info{display:flex;flex:1 1;flex-direction:column}.method-name{color:#1a1a2e;font-size:15px;font-weight:600}.method-type{color:#888;font-size:13px}.method-default{background:#e6fff2;border-radius:12px;color:#00c966;font-size:11px;font-weight:600;padding:4px 10px}.add-method-btn{align-items:center;background:#0000;border:2px dashed #e0e0e0;border-radius:12px;color:#888;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:16px;transition:all .2s}.add-method-btn:hover{border-color:#00eb79;color:#00c966}.transactions-section{background:#fff;margin-top:8px;padding:20px}.section-header{margin-bottom:16px}.see-all{background:none;border:none;color:#00eb79;cursor:pointer;font-size:14px;font-weight:600}.transactions-list{display:flex;flex-direction:column;gap:4px}.transaction-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:14px;padding:14px 0}.transaction-item:last-child{border-bottom:none}.tx-icon{align-items:center;background:#f5f5f5;border-radius:12px;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.tx-info{display:flex;flex:1 1;flex-direction:column}.tx-title{color:#1a1a2e;font-size:14px;font-weight:600}.tx-date{color:#888;font-size:12px}.tx-amount{font-size:15px;font-weight:700}.tx-amount.credit{color:#00c966}.tx-amount.debit{color:#1a1a2e}.promo-section{padding:20px}.promo-input-wrapper{display:flex;gap:12px}.promo-input{border:2px solid #e0e0e0;border-radius:12px;flex:1 1;font-size:15px;outline:none;padding:16px;transition:border-color .2s}.promo-input:focus{border-color:#00eb79}.apply-btn{background:#00eb79;border:none;border-radius:12px;color:#1a1a2e;cursor:pointer;font-size:15px;font-weight:600;padding:16px 24px;transition:all .2s}.apply-btn:hover{background:#00c966}@media (max-width:480px){.balance-amount{font-size:36px}.balance-action{padding:12px 8px}.quick-amount-btn{font-size:14px;padding:12px}}.profile-page{background:#f8f9fa;min-height:100vh;padding-bottom:100px}.login-prompt{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.prompt-icon{font-size:64px;margin-bottom:20px}.login-prompt h2{color:#1a1a2e;font-size:24px;font-weight:700;margin-bottom:8px}.login-prompt p{color:#666;font-size:15px;margin-bottom:24px}.sign-in-btn{background:#00eb79;border-radius:14px;color:#1a1a2e;display:inline-block;font-size:16px;font-weight:700;margin-bottom:16px;padding:16px 48px;text-decoration:none;transition:all .2s}.sign-in-btn:hover{background:#00c966;transform:scale(1.02)}.create-account-link{color:#00eb79;font-size:14px;font-weight:600;text-decoration:none}.profile-header{background:#fff;overflow:hidden;padding:40px 20px 30px;position:relative}.profile-bg{background:linear-gradient(135deg,#00eb79,#00c966);height:120px;left:0;position:absolute;right:0;top:0}.profile-content{position:relative;text-align:center;z-index:1}.profile-avatar{align-items:center;background:linear-gradient(135deg,#1a1a2e,#2d2d44);border:4px solid #fff;border-radius:50%;box-shadow:0 4px 20px #00000026;color:#fff;display:flex;font-size:40px;font-weight:700;height:100px;justify-content:center;margin:0 auto 16px;width:100px}.profile-name{color:#1a1a2e;font-size:24px;font-weight:700;margin-bottom:4px}.profile-email{color:#666;font-size:14px;margin-bottom:20px}.profile-stats{align-items:center;display:flex;gap:24px;justify-content:center;margin-bottom:20px}.stat-value{color:#1a1a2e;font-size:22px;font-weight:700}.stat-label{color:#888}.stat-divider{background:#e0e0e0;height:30px;width:1px}.edit-profile-btn{background:#0000;border:2px solid #e0e0e0;border-radius:25px;color:#1a1a2e;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.edit-profile-btn:hover{border-color:#00eb79;color:#00c966}.quick-action-card{align-items:center;background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000d;cursor:pointer;display:flex;flex:1 1;gap:12px;padding:16px;transition:all .2s}.quick-action-card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.qa-icon{font-size:28px}.qa-info{display:flex;flex-direction:column}.qa-title{color:#888;font-size:12px}.qa-value{color:#1a1a2e;font-size:16px;font-weight:700}.menu-section{background:#fff;margin-top:8px}.menu-item{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;gap:14px;padding:18px 20px;text-decoration:none;transition:background .2s}.menu-item:hover{background:#f9fafb}.menu-item:last-child{border-bottom:none}.menu-item-icon{align-items:center;background:#f5f5f5;border-radius:12px;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.menu-item-info{display:flex;flex:1 1;flex-direction:column}.menu-item-title{color:#1a1a2e;font-size:15px;font-weight:600}.menu-item-subtitle{color:#888;font-size:13px}.menu-item-arrow{color:#ccc;font-size:24px}.referral-section{padding:20px}.referral-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;gap:14px;padding:20px}.referral-icon{font-size:36px}.referral-content{flex:1 1}.referral-content h3{color:#fff;font-size:16px;font-weight:700;margin-bottom:2px}.referral-content p{color:#ffffffd9;font-size:13px}.referral-btn{background:#fff;border:none;border-radius:25px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.referral-btn:hover{transform:scale(1.05)}.logout-section{padding:20px}.logout-btn{align-items:center;background:#fff;border:2px solid #ef4444;border-radius:14px;color:#ef4444;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:16px;transition:all .2s;width:100%}.logout-btn:hover{background:#fef2f2}@media (max-width:480px){.profile-avatar{font-size:32px;height:80px;width:80px}.profile-name{font-size:20px}.profile-stats{gap:16px}.stat-value{font-size:18px}}.activity-page{background:#f8f9fa;min-height:100vh;padding-bottom:100px}.activity-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.activity-header h1{color:#1a1a2e;font-size:18px;font-weight:700}.back-btn,.filter-btn{align-items:center;background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.back-btn:hover,.filter-btn:hover{background:#e8e8e8}.activity-tabs{background:#fff;display:flex;gap:8px;overflow-x:auto;padding:16px 20px}.activity-tab{background:#f5f5f5;border:none;border-radius:25px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.activity-tab:hover{background:#e8e8e8}.activity-tab.active{background:#00eb79;color:#1a1a2e;font-weight:600}.activity-list{gap:16px;padding:20px}.activity-list,.empty-state{display:flex;flex-direction:column}.empty-state{align-items:center;justify-content:center}.empty-state h3{font-weight:700;margin-bottom:8px}.empty-state p{color:#888}.activity-card{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;padding:20px}.activity-card-header{align-items:flex-start;display:flex;gap:14px;margin-bottom:16px}.activity-icon{align-items:center;background:#f5f5f5;border-radius:14px;display:flex;flex-shrink:0;font-size:24px;height:52px;justify-content:center;width:52px}.activity-main{flex:1 1;min-width:0}.activity-title{color:#1a1a2e;font-size:16px;font-weight:700;margin-bottom:4px}.activity-subtitle{color:#888;font-size:13px}.activity-price{color:#1a1a2e;font-size:18px;font-weight:700}.activity-card-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-top:16px}.activity-meta{align-items:center;color:#888;display:flex;font-size:13px;gap:6px}.activity-dot{color:#ccc}.activity-status{font-size:13px;font-weight:600;text-transform:capitalize}.activity-card-actions{display:flex;gap:8px}.action-btn{background:#f5f5f5;border-radius:10px;font-size:13px;padding:10px}.action-btn:hover{background:#e8e8e8}.action-btn.rate{background:#00eb79;color:#1a1a2e}.action-btn.rate:hover{background:#00c966}@media (max-width:480px){.activity-card-header{gap:12px}.activity-icon{font-size:20px;height:48px;width:48px}.activity-title{font-size:15px}.activity-price{font-size:16px}.action-btn{font-size:12px;padding:8px}}.whatsapp-login{align-items:center;background:linear-gradient(135deg,#075e54,#128c7e 50%,#25d366);display:flex;justify-content:center;min-height:100vh;padding:20px}.whatsapp-login-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px 30px;width:100%}.whatsapp-login-header{margin-bottom:32px;text-align:center}.whatsapp-icon{align-items:center;animation:pulse 2s infinite;background:#e7ffed;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.whatsapp-icon svg{height:48px;width:48px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.whatsapp-login-header h1{color:#1a1a2e;font-size:24px;font-weight:700;margin:0 0 8px}.whatsapp-login-header p{color:#666;font-size:14px;margin:0}.whatsapp-form{display:flex;flex-direction:column;gap:20px}.phone-input-group{align-items:center;display:flex;gap:12px}.country-code{background:#f5f5f5;color:#333;font-weight:600;min-width:60px;text-align:center}.country-code,.phone-input{border:2px solid #e0e0e0;border-radius:12px;font-size:16px;padding:14px 16px}.phone-input{flex:1 1;font-weight:500;transition:border-color .2s,box-shadow .2s}.phone-input:focus{border-color:#25d366;box-shadow:0 0 0 4px #25d3661a;outline:none}.otp-info{margin-bottom:8px;text-align:center}.otp-info p{color:#666;font-size:14px;margin:0 0 4px}.otp-info strong{color:#1a1a2e;font-size:16px}.change-number{background:none;border:none;color:#25d366;cursor:pointer;font-size:14px;font-weight:600;margin-left:8px;text-decoration:underline}.demo-otp-banner{background:linear-gradient(135deg,#fef3cd,#fff3e0);border:1px solid #ffc107;border-radius:12px;color:#856404;font-size:14px;padding:12px 16px;text-align:center}.demo-otp-banner strong{color:#e65100;font-size:20px;letter-spacing:4px;margin-left:8px}.otp-inputs{display:flex;gap:8px;justify-content:center}.otp-input{border:2px solid #e0e0e0;border-radius:12px;font-size:24px;font-weight:700;height:56px;text-align:center;transition:all .2s;width:48px}.otp-input:focus{border-color:#25d366;box-shadow:0 0 0 4px #25d3661a;outline:none}.otp-input.filled{background:#f0fff4;border-color:#25d366}.welcome-new{margin-bottom:8px;text-align:center}.welcome-new h2{color:#1a1a2e;font-size:20px;font-weight:700;margin:0 0 8px}.welcome-new p{color:#666;font-size:14px;margin:0}.name-input-group{display:flex;flex-direction:column;gap:8px}.name-input-group label{color:#333;font-size:14px;font-weight:600}.name-input{border:2px solid #e0e0e0;border-radius:12px;font-size:16px;font-weight:500;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.name-input:focus{border-color:#25d366;box-shadow:0 0 0 4px #25d3661a;outline:none}.submit-btn{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 15px #25d3664d;display:flex;font-size:16px;gap:10px;justify-content:center;padding:16px 24px;transition:all .3s}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #25d36666}.submit-btn:active:not(:disabled){transform:translateY(0)}.btn-icon{height:20px;width:20px}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;height:24px;width:24px}.error-message{animation:shake .3s ease;padding:12px 16px;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.alt-login{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:8px}.alt-login span{color:#999;font-size:14px}.email-login-btn{background:none;border:2px solid #e0e0e0;border-radius:12px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s;width:100%}.email-login-btn:hover{background:#f5f5f5;border-color:#1a1a2e;color:#1a1a2e}.resend-section{text-align:center}.countdown{color:#999;font-size:14px;margin:0}.resend-btn{background:none;border:none;color:#25d366;cursor:pointer;font-size:14px;font-weight:600;text-decoration:underline}.resend-btn:disabled{cursor:not-allowed;opacity:.5}.whatsapp-login-footer{border-top:1px solid #f0f0f0;margin-top:24px;padding-top:24px;text-align:center}.whatsapp-login-footer p{color:#999;font-size:12px;margin:0 0 8px}.footer-links{align-items:center;gap:8px;justify-content:center}.footer-links a{color:#25d366;font-size:12px;font-weight:500;text-decoration:none}.footer-links span{color:#ccc;font-size:12px}@media (max-width:480px){.whatsapp-login{align-items:flex-start;padding:0}.whatsapp-login-container{border-radius:0;min-height:100vh;padding:60px 24px 40px}.otp-input{font-size:20px;height:52px;width:44px}}.isa-community-page{background:#f5f5f5;min-height:100vh;padding-bottom:100px}.isa-hero{background:linear-gradient(135deg,#f93,#fff 50%,#138808);overflow:hidden;padding:40px 20px 60px;position:relative}.isa-hero-content{position:relative;text-align:center;z-index:2}.isa-logo{animation:wave 2s ease-in-out infinite;font-size:64px;margin-bottom:16px}@keyframes wave{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.isa-hero h1{color:#1a1a2e;font-size:28px;font-weight:700;margin:0 0 12px;text-shadow:1px 1px 2px #ffffff80}.isa-hero p{color:#333;font-size:14px;margin:0 auto;max-width:300px}.isa-hero-pattern{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23000' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}.quick-actions-container{margin-top:-30px;padding:0 16px;position:relative;z-index:10}.quick-actions{grid-gap:12px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:grid;grid-template-columns:repeat(4,1fr);padding:16px}.quick-action-btn{align-items:center;background:none;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px 8px;transition:all .2s}.quick-action-btn:hover{background:#f5f5f5}.quick-action-btn:active{transform:scale(.95)}.quick-action-btn .action-icon{align-items:center;background:#4caf50;background:var(--action-color,#4caf50);border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.quick-action-btn .action-label{color:#333;font-size:11px;font-weight:600}.isa-tabs-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:16px}.isa-tabs{display:flex;gap:8px;min-width:-webkit-max-content;min-width:max-content}.isa-tab{align-items:center;background:#fff;border:2px solid #0000;border-radius:20px;color:#666;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.isa-tab:hover{border-color:#f93;color:#f93}.isa-tab.active{background:linear-gradient(135deg,#f93,#f60);border-color:#0000;color:#fff}.isa-tab .tab-icon{font-size:16px}.isa-feed{padding:0 16px}.posts-list{gap:16px}.isa-post-card{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;padding:16px}.post-header{align-items:flex-start;justify-content:space-between}.post-author{gap:10px}.author-avatar,.post-author{align-items:center;display:flex}.author-avatar{background:linear-gradient(135deg,#f93,#138808);border-radius:50%;color:#fff;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.author-info{display:flex;flex-direction:column}.author-name{color:#1a1a2e;font-size:14px;font-weight:600}.post-time{color:#999}.post-type-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px}.post-type-badge.ride{background:#e8f5e9;color:#2e7d32}.post-type-badge.accommodation{background:#e3f2fd;color:#1565c0}.post-type-badge.whatsapp{background:#e8f5e9;color:#25d366}.post-type-badge.event{background:#fff3e0;color:#ef6c00}.post-type-badge.food{background:#fce4ec;color:#c2185b}.post-type-badge.general{background:#f5f5f5;color:#666}.post-title{color:#1a1a2e;font-size:16px;font-weight:700;margin:0 0 8px}.post-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 16px}.ride-details{background:#f8f9fa;border-radius:12px;margin-bottom:16px;padding:16px}.route-info{gap:12px;margin-bottom:12px}.route-info,.route-point{align-items:center;display:flex}.route-point{font-size:14px;font-weight:500;gap:8px}.point-dot{border-radius:50%;height:10px;width:10px}.point-dot.from{background:#4caf50}.point-dot.to{background:#f44336}.route-line{background:repeating-linear-gradient(90deg,#ddd,#ddd 5px,#0000 0,#0000 10px);flex:1 1;height:2px}.ride-meta{color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.ride-meta .price{color:#4caf50;font-weight:600}.accommodation-details{background:#f8f9fa;border-radius:12px;margin-bottom:16px;padding:16px}.accommodation-meta{display:flex;font-size:14px;justify-content:space-between;margin-bottom:12px}.accommodation-meta .rent{color:#2196f3;font-weight:700}.accommodation-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.accommodation-tags .tag{background:#e3f2fd;border-radius:8px;color:#1565c0;font-size:12px;font-weight:500;padding:4px 10px}.amenities{display:flex;flex-wrap:wrap;gap:6px}.amenity-tag{background:#f0f0f0;border-radius:6px;color:#666;font-size:11px;padding:3px 8px}.whatsapp-details{background:linear-gradient(135deg,#dcf8c6,#e8f5e9);border-radius:12px;margin-bottom:16px;padding:16px}.whatsapp-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.group-name{color:#128c7e;font-weight:600}.member-count{color:#666}.category-tag{background:#25d36633;border-radius:8px;color:#128c7e;font-size:11px;font-weight:600;padding:3px 8px;text-transform:capitalize}.join-group-btn{align-items:center;background:#25d366;border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .2s}.join-group-btn:hover{background:#128c7e;transform:translateY(-2px)}.event-details{background:#fff3e0;border-radius:12px;margin-bottom:16px;padding:16px}.event-meta{color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.virtual-badge{background:#e3f2fd;border-radius:8px;color:#1565c0;display:inline-block;font-size:12px;font-weight:500;margin-top:8px;padding:4px 10px}.contact-section{display:flex;gap:10px;margin-bottom:16px}.contact-btn{border-radius:20px;font-size:13px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s}.contact-btn.whatsapp{background:#25d366;color:#fff}.contact-btn.phone{background:#f5f5f5;color:#333}.contact-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.post-actions{border-top:1px solid #f0f0f0;gap:16px}.action-btn{background:none;border:none;border-radius:8px;color:#666;gap:6px;padding:8px 12px;transition:all .2s}.action-btn:hover{background:#f5f5f5}.action-btn.like.liked{color:#e91e63}.loading-state{padding:60px 20px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#f93;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{background:#fff;border-radius:16px}.empty-icon{display:block;font-size:64px;margin-bottom:16px}.empty-state h3{color:#1a1a2e;font-size:18px;margin:0 0 8px}.empty-state p{color:#666;font-size:14px;margin:0 0 20px}.create-first-btn{background:linear-gradient(135deg,#f93,#f60);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.create-first-btn:hover{box-shadow:0 4px 15px #f936;transform:translateY(-2px)}.fab-create{align-items:center;background:linear-gradient(135deg,#f93,#f60);border:none;border-radius:50%;bottom:100px;box-shadow:0 4px 20px #f936;color:#fff;cursor:pointer;display:flex;font-size:32px;height:56px;justify-content:center;position:fixed;right:20px;transition:all .3s;width:56px;z-index:100}.fab-create:hover{transform:scale(1.1)}.fab-create:active{transform:scale(.95)}.modal-overlay{align-items:flex-end;animation:fadeIn .2s ease;background:#00000080;z-index:1000}.create-post-modal{animation:slideUp .3s ease;background:#fff;border-radius:24px 24px 0 0;max-height:90vh;overflow-y:auto}.modal-header{background:#fff;border-bottom:1px solid #f0f0f0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{margin:0}.close-btn{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;width:36px}.modal-form{padding:20px}.form-group{margin-bottom:16px}.form-group label{color:#333;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:10px;font-size:14px;padding:12px 14px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f93;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.type-specific-fields{background:#f8f9fa;border-radius:12px;margin-bottom:16px;padding:16px}.contact-fields{border-top:1px solid #f0f0f0;margin-top:8px;padding-top:16px}.contact-fields h4{color:#666;font-size:14px;margin:0 0 12px}.error-message{background:#fee2e2;border-radius:10px;color:#dc2626;font-size:14px;margin-bottom:16px;padding:12px}.modal-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;padding-top:16px}.cancel-btn{background:#f5f5f5;color:#666;flex:1 1}.cancel-btn,.submit-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:14px}.submit-btn{background:linear-gradient(135deg,#f93,#f60);color:#fff;flex:2 1;transition:all .2s}.submit-btn:hover:not(:disabled){box-shadow:0 4px 15px #f936;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (min-width:768px){.create-post-modal{border-radius:24px;margin:auto;max-height:80vh}.modal-overlay{align-items:center}}@media (max-width:480px){.quick-actions{gap:8px;grid-template-columns:repeat(4,1fr);padding:12px}.quick-action-btn .action-icon{font-size:20px;height:40px;width:40px}.quick-action-btn .action-label{font-size:10px}}.demo-mode{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;min-height:100vh;padding-bottom:100px}.demo-overlay{align-items:center;animation:fadeIn .5s ease;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.demo-overlay-content{max-width:600px;padding:40px;text-align:center}.demo-overlay-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4ff,#7c3aed,#f472b6);-webkit-background-clip:text;font-size:2.5rem;margin-bottom:10px}.demo-subtitle{color:#fbbf24;font-size:1.2rem;margin-bottom:20px}.demo-start-options{gap:15px;margin:30px 0}.demo-btn,.demo-start-options{display:flex;flex-direction:column}.demo-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;font-size:1.2rem;gap:5px;padding:20px 30px;transition:all .3s ease}.demo-btn span{font-size:.85rem;opacity:.8}.demo-btn.primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.demo-btn.primary:hover{box-shadow:0 10px 40px #7c3aed66;transform:scale(1.05)}.demo-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.demo-btn.secondary:hover{background:#fff3}.demo-quick-stats{display:flex;gap:40px;justify-content:center;margin-top:40px}.stat{align-items:center;display:flex;flex-direction:column}.stat-number{color:#00d4ff;font-size:2.5rem;font-weight:700}.stat-label{color:#94a3b8;font-size:.9rem}.demo-header{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 30px}.demo-header h1{font-size:1.5rem;margin:0}.demo-progress{align-items:center;display:flex;gap:10px;margin-top:10px}.progress-bar{background:#fff3;border-radius:4px;height:8px;overflow:hidden;width:200px}.progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;height:100%;transition:width .5s ease}.demo-controls{display:flex;gap:10px}.control-btn{background:#ffffff1a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 20px;transition:all .3s ease}.control-btn.play{background:linear-gradient(135deg,#10b981,#34d399)}.control-btn.stop{background:linear-gradient(135deg,#ef4444,#f87171)}.control-btn:hover{transform:translateY(-2px)}.demo-categories{background:#0003;display:flex;gap:10px;overflow-x:auto;padding:15px 30px}.category-btn{background:#0000;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.category-btn.active{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#0000}.category-btn:hover{background:#ffffff1a}.demo-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:300px 1fr;margin:0 auto;max-width:1400px;padding:30px}.demo-sidebar{background:#ffffff0d;border-radius:16px;max-height:calc(100vh - 250px);overflow-y:auto;padding:20px}.demo-sidebar h3{color:#94a3b8;font-size:.9rem;letter-spacing:1px;margin:0 0 15px;text-transform:uppercase}.feature-list{display:flex;flex-direction:column;gap:8px}.feature-item{align-items:center;background:#ffffff08;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .3s ease}.feature-item:hover{background:#ffffff1a}.feature-item.active{background:linear-gradient(135deg,#7c3aed4d,#a855f74d);border:1px solid #7c3aed80}.feature-item.visited{opacity:.7}.feature-icon{font-size:1.5rem}.feature-info{display:flex;flex:1 1;flex-direction:column}.feature-title{font-size:.95rem;font-weight:500}.feature-category{color:#94a3b8;font-size:.75rem}.visited-check{color:#10b981;font-weight:700}.demo-preview{display:flex;flex-direction:column;gap:20px}.preview-card{background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;padding:30px}.preview-header{align-items:center;display:flex;gap:20px;margin-bottom:20px}.preview-icon{background:#ffffff1a;border-radius:16px;font-size:3rem;padding:15px}.preview-header h2{font-size:1.8rem;margin:0}.preview-category{color:#a855f7;font-size:.9rem}.preview-description{color:#cbd5e1;font-size:1.1rem;line-height:1.6;margin-bottom:25px}.preview-highlights h4{color:#94a3b8;margin:0 0 15px}.highlights-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.highlight-tag{background:#10b98133;border-radius:20px;color:#34d399;font-size:.9rem;padding:8px 14px}.preview-actions{display:flex;gap:15px;margin-bottom:20px}.explore-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;padding:15px 30px;transition:all .3s ease}.explore-btn.primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;flex:1 1}.explore-btn.primary:hover{box-shadow:0 10px 30px #7c3aed66;transform:translateY(-3px)}.explore-btn.secondary{background:#ffffff1a;color:#fff}.explore-btn.secondary:hover{background:#fff3}.preview-path{text-align:center}.preview-path code{background:#0000004d;border-radius:8px;color:#00d4ff;font-family:monospace;padding:8px 16px}.quick-access{background:#ffffff0d;border-radius:16px;padding:20px}.quick-access h3{margin:0 0 15px}.quick-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.quick-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;padding:15px;transition:all .3s ease}.quick-btn:hover{background:#ffffff26;transform:translateY(-3px)}.demo-footer{align-items:center;background:#000000e6;border-top:1px solid #ffffff1a;bottom:0;display:flex;justify-content:space-between;left:0;padding:15px 30px;position:fixed;right:0}.login-info{color:#94a3b8}.login-info code{background:#7c3aed4d;border-radius:4px;color:#a855f7;padding:3px 8px}.tech-stack{display:flex;gap:10px}.tech-stack span{background:#ffffff1a;border-radius:15px;color:#94a3b8;font-size:.85rem;padding:5px 12px}.floating-nav{align-items:center;background:#000c;border:1px solid #fff3;border-radius:30px;bottom:80px;display:flex;gap:15px;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%)}.floating-nav button{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:40px;transition:all .3s ease;width:40px}.floating-nav button:hover:not(:disabled){background:#fff3}.floating-nav button:disabled{cursor:not-allowed;opacity:.3}@media (max-width:768px){.demo-content{grid-template-columns:1fr}.demo-sidebar{max-height:300px}.demo-header{gap:15px;text-align:center}.demo-header,.preview-actions{flex-direction:column}.quick-grid{grid-template-columns:repeat(2,1fr)}.demo-footer{flex-direction:column;gap:10px;text-align:center}.demo-quick-stats{gap:20px}.stat-number{font-size:1.8rem}}.splash-screen{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}.splash-logo{height:120px;margin:0 auto 30px;position:relative;width:120px}.logo-circle{align-items:center;animation:logoEnter .8s cubic-bezier(.34,1.56,.64,1) forwards;background:linear-gradient(135deg,#00eb79,#00c966);border-radius:30px;box-shadow:0 20px 60px #00eb7966;display:flex;height:100%;justify-content:center;transform:scale(0) rotate(-180deg);width:100%}.logo-icon{filter:brightness(0) invert(1);font-size:50px}@keyframes logoEnter{to{transform:scale(1) rotate(0deg)}}.logo-rings{transform:translate(-50%,-50%)}.logo-rings,.ring{left:50%;position:absolute;top:50%}.ring{border:2px solid #00eb794d;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(0)}.ring-1{animation:ringExpand 1.5s ease-out .3s infinite;height:160px;width:160px}.ring-2{animation:ringExpand 1.5s ease-out .6s infinite;height:200px;width:200px}.ring-3{animation:ringExpand 1.5s ease-out .9s infinite;height:240px;width:240px}@keyframes ringExpand{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.splash-title{margin-bottom:10px;opacity:0;transform:translateY(30px)}.phase-1 .splash-title,.phase-2 .splash-title,.phase-3 .splash-title{animation:slideUp .6s ease-out forwards}.title-on{color:#fff}.title-tap{color:#00eb79}.splash-tagline{color:#ffffffb3;font-size:16px;opacity:0;transform:translateY(20px)}.phase-2 .splash-tagline,.phase-3 .splash-tagline{animation:slideUp .6s ease-out .2s forwards}.splash-loader{background:#ffffff1a;border-radius:2px;height:4px;margin:40px auto 0;opacity:0;overflow:hidden;width:200px}.phase-2 .splash-loader,.phase-3 .splash-loader{opacity:1}.loader-bar{animation:loadProgress 1.5s ease-out forwards;background:linear-gradient(90deg,#00eb79,#00c966);border-radius:2px;height:100%;width:0}@keyframes loadProgress{to{width:100%}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.splash-particles{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.particle{animation:particleFloat 3s ease-in-out infinite;background:#00eb7999;border-radius:50%;height:8px;position:absolute;width:8px}.particle-1{animation-delay:0s;left:10%;top:10%}.particle-2{animation-delay:.2s;left:80%;top:20%}.particle-3{animation-delay:.4s;left:20%;top:40%}.particle-4{animation-delay:.6s;left:70%;top:60%}.particle-5{animation-delay:.8s;left:30%;top:80%}.particle-6{animation-delay:1s;left:50%;top:15%}.particle-7{animation-delay:1.2s;left:85%;top:70%}.particle-8{animation-delay:1.4s;left:15%;top:85%}.particle-9{animation-delay:1.6s;left:90%;top:30%}.particle-10{animation-delay:1.8s;left:5%;top:50%}.particle-11{animation-delay:.1s;left:40%;top:5%}.particle-12{animation-delay:.3s;left:60%;top:95%}.particle-13{animation-delay:.5s;left:35%;top:25%}.particle-14{animation-delay:.7s;left:45%;top:75%}.particle-15{animation-delay:.9s;left:75%;top:45%}.particle-16{animation-delay:1.1s;left:55%;top:35%}.particle-17{animation-delay:1.3s;left:25%;top:65%}.particle-18{animation-delay:1.5s;left:95%;top:55%}.particle-19{animation-delay:1.7s;left:50%;top:90%}.particle-20{animation-delay:1.9s;left:65%;top:12%}@keyframes particleFloat{0%,to{opacity:.6;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-30px) scale(1.2)}}.landing-page-pro{background:linear-gradient(180deg,#0a0a0f,#111118);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.pro-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0fcc;border-bottom:1px solid #ffffff0d;left:0;padding:16px 24px;position:fixed;right:0;top:0;z-index:100}.pro-nav-inner{justify-content:space-between;margin:0 auto;max-width:1200px}.pro-logo,.pro-nav-inner{align-items:center;display:flex}.pro-logo{gap:10px}.pro-logo-icon{font-size:28px}.pro-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00eb79,#00c966);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.pro-nav-links{display:flex;gap:32px}.pro-nav-links button{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:15px;font-weight:500;transition:color .2s}.pro-nav-links button:hover{color:#fff}.pro-nav-actions{display:flex;gap:12px}.pro-btn-ghost{background:#0000;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.pro-btn-ghost:hover{background:#ffffff0d;border-color:#ffffff4d}.pro-btn-primary{background:linear-gradient(135deg,#00eb79,#00c966);border:none;border-radius:10px;color:#0a0a0f;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s}.pro-btn-primary:hover{box-shadow:0 8px 24px #00eb794d;transform:translateY(-2px)}.pro-hero{align-items:center;display:flex;min-height:100vh;padding:120px 24px 60px}.pro-hero-inner{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.pro-phone-container{display:flex;justify-content:center;position:relative}.pro-phone{animation:phoneFloat 6s ease-in-out infinite;background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:44px;box-shadow:0 0 0 1px #ffffff1a,0 40px 80px #00000080,0 0 60px #00eb791a;height:580px;padding:12px;position:relative;width:280px}@keyframes phoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.pro-phone-notch{background:#0a0a0f;border-radius:20px;height:28px;left:50%;position:absolute;top:16px;transform:translateX(-50%);width:100px;z-index:10}.pro-phone-screen{background:linear-gradient(180deg,#0f0f14,#0a0a0f);border-radius:36px;height:100%;overflow:hidden;padding:52px 16px 20px;width:100%}.pro-screen-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.pro-screen-location,.pro-screen-time{color:#fff9;font-size:11px}.pro-screen-time{font-weight:600}.pro-screen-greeting{font-size:20px;font-weight:700;margin-bottom:16px}.pro-active-card{align-items:center;border:2px solid;border-radius:14px;display:flex;gap:12px;margin-bottom:16px;padding:14px;transition:all .5s ease}.pro-active-icon{font-size:32px}.pro-active-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.pro-active-title{color:#fff;font-size:15px;font-weight:700}.pro-active-desc{color:#fff9;font-size:12px}.pro-active-arrow{color:#fff6;font-size:18px}.pro-service-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.pro-service-item{align-items:center;border:2px solid #0000;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:12px 8px;transition:all .3s ease}.pro-service-item.active{transform:scale(1.05)}.pro-service-emoji{font-size:22px}.pro-service-name{color:#fffc;font-size:10px;font-weight:600}.pro-promo-banner{background:linear-gradient(135deg,#00eb79,#00c966);border-radius:12px;color:#0a0a0f;font-size:12px;font-weight:700;padding:12px;text-align:center}.pro-phone-shadow{background:radial-gradient(ellipse,#00eb7933 0,#0000 70%);bottom:-30px;filter:blur(10px);height:30px;left:50%;position:absolute;transform:translateX(-50%);width:200px}.pro-hero-content{display:flex;flex-direction:column;gap:24px}.pro-badge{align-items:center;background:#00eb791a;border:1px solid #00eb794d;border-radius:50px;color:#00eb79;display:inline-flex;font-size:13px;gap:8px;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.pro-title{font-size:56px;font-weight:800;letter-spacing:-1px;line-height:1.1}.pro-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00eb79,#00c966 50%,#667eea);-webkit-background-clip:text;background-clip:text}.pro-subtitle{color:#ffffffb3;font-size:18px;line-height:1.6;max-width:440px}.pro-cta-group{display:flex;gap:16px;margin-top:8px}.pro-cta-primary{align-items:center;background:linear-gradient(135deg,#00eb79,#00c966);border:none;border-radius:14px;color:#0a0a0f;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;padding:16px 32px;transition:all .3s}.pro-cta-primary:hover{box-shadow:0 15px 40px #00eb7966;transform:translateY(-3px)}.pro-cta-icon{font-size:18px;transition:transform .3s}.pro-cta-primary:hover .pro-cta-icon{transform:translateX(4px)}.pro-cta-secondary{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:16px 28px;transition:all .3s}.pro-cta-secondary:hover{background:#ffffff1a;border-color:#ffffff40}.pro-play{background:#ffffff26;border-radius:50%;font-size:10px;height:28px;justify-content:center;width:28px}.pro-play,.pro-trust{align-items:center;display:flex}.pro-trust{gap:12px;margin-top:16px}.pro-avatar,.pro-trust-avatars{display:flex}.pro-avatar{align-items:center;background:#ffffff1a;border:2px solid #0a0a0f;border-radius:50%;font-size:16px;height:36px;justify-content:center;margin-left:-8px;width:36px}.pro-avatar:first-child{margin-left:0}.pro-trust-text{color:#fff9;font-size:14px}.pro-trust-text strong{color:#fff}.pro-features-strip{background:#ffffff05;border-bottom:1px solid #ffffff0d;border-top:1px solid #ffffff0d;padding:24px}.pro-features-inner{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:0 auto;max-width:1200px}.pro-feature-chip{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;color:#fffc;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px}.pro-footer{border-top:1px solid #ffffff0d;padding:40px 24px 24px}.pro-footer-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto 24px;max-width:1200px}.pro-footer-brand span{font-size:20px;font-weight:800}.pro-footer-brand p{color:#ffffff80;font-size:13px;margin-top:4px}.pro-footer-links{display:flex;gap:24px}.pro-footer-links button{background:none;border:none;color:#fff9;cursor:pointer;font-size:14px;transition:color .2s}.pro-footer-links button:hover{color:#00eb79}.pro-footer-bottom{border-top:1px solid #ffffff0d;margin:0 auto;max-width:1200px;padding-top:24px;text-align:center}.pro-footer-bottom p{color:#fff6;font-size:13px}@media (max-width:1024px){.pro-hero-inner{gap:60px;grid-template-columns:1fr;text-align:center}.pro-phone-container{order:1}.pro-hero-content{align-items:center;order:2}.pro-subtitle{max-width:500px}.pro-cta-group,.pro-trust{justify-content:center}}@media (max-width:768px){.pro-nav-links{display:none}.pro-title{font-size:40px}.pro-subtitle{font-size:16px}.pro-phone{height:520px;width:250px}.pro-cta-group{flex-direction:column;max-width:300px;width:100%}.pro-cta-primary,.pro-cta-secondary{justify-content:center;width:100%}.pro-footer-inner{flex-direction:column;gap:24px;text-align:center}}@media (max-width:480px){.pro-hero{padding:100px 16px 40px}.pro-title{font-size:32px}.pro-phone{height:460px;width:220px}.pro-phone-screen{padding:44px 12px 16px}.pro-screen-greeting{font-size:18px}.pro-active-card{padding:10px}.pro-active-icon{font-size:26px}.pro-service-grid{gap:6px}.pro-service-item{padding:8px 4px}.pro-service-emoji{font-size:18px}.pro-service-name{font-size:9px}.pro-nav-actions{gap:8px}.pro-btn-ghost,.pro-btn-primary{font-size:13px;padding:8px 14px}.pro-features-inner{gap:8px}.pro-feature-chip{font-size:12px;padding:8px 14px}}.community-page{background:#0a0a0f;color:#fff;min-height:100vh;padding-bottom:100px}.community-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#00eb791a,#0000);border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-btn,.community-header{align-items:center;display:flex}.back-btn{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:40px;justify-content:center;width:40px}.header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00eb79,#667eea);-webkit-background-clip:text;font-weight:700}.header-subtitle{color:#ffffff80;font-size:12px}.chat-toggle{background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;font-size:22px;height:45px;position:relative;width:45px}.chat-badge{align-items:center;background:#00eb79;border-radius:50%;color:#0a0a0f;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-2px;top:-2px;width:20px}.community-tabs{background:#0000004d;overflow-x:auto}.tab{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-width:100px;padding:12px 20px;transition:all .3s;white-space:nowrap}.tab.active{background:linear-gradient(135deg,#00eb79,#00c966);border-color:#0000;color:#0a0a0f}.create-post-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;cursor:pointer;display:flex;gap:15px;margin-bottom:20px;padding:15px}.create-post-avatar{align-items:center;background:#00eb7933;border-radius:50%;display:flex;font-size:22px;height:45px;justify-content:center;width:45px}.create-post-input{color:#ffffff80;flex:1 1;font-size:15px}.create-post-btn{background:linear-gradient(135deg,#00eb79,#00c966);border:none;border-radius:20px;color:#0a0a0f;cursor:pointer;font-weight:600;padding:10px 20px}.stories-row{display:flex;gap:15px;overflow-x:auto;padding:10px 0 20px}.story{flex-direction:column;gap:8px;min-width:70px}.story,.story-avatar{align-items:center;display:flex}.story-avatar{background:#ffffff1a;border:2px solid #fff3;border-radius:50%;font-size:28px;height:60px;justify-content:center;width:60px}.story-avatar.has-story{border:3px solid #00eb79}.add-story .story-avatar{background:#00eb7933;border:2px dashed #00eb79;color:#00eb79;font-size:24px}.story span{color:#ffffffb3;font-size:12px}.posts-list{display:flex;flex-direction:column;gap:20px}.post-card{border-radius:20px;padding:20px}.post-header{margin-bottom:15px}.post-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;font-size:22px;height:45px;justify-content:center;width:45px}.post-author-info{flex:1 1}.post-author-name{display:block;font-size:15px;font-weight:600}.post-author-details{color:#ffffff80;font-size:12px}.post-time{color:#fff6}.post-content{font-size:15px;line-height:1.6}.post-image{background:#ffffff08;border-radius:15px;font-size:100px;margin-top:15px;padding:30px;text-align:center}.post-actions{padding-top:15px}.post-action{background:#0000;border:none;border-radius:10px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:14px;padding:10px;transition:all .3s}.post-action:hover{background:#ffffff1a}.post-action.liked{color:#ff6b6b}.section-header{align-items:center;display:flex;justify-content:space-between;margin:25px 0 15px}.section-header h2{font-size:18px;font-weight:700}.communities-grid{display:flex;flex-direction:column;gap:12px}.community-card{gap:15px;padding:15px}.community-card,.community-icon{align-items:center;border-radius:15px;display:flex}.community-icon{font-size:24px;height:50px;justify-content:center;width:50px}.community-info{flex:1 1}.community-info h3{font-size:15px;font-weight:600;margin-bottom:4px}.community-info span{color:#ffffff80;font-size:12px}.community-btn{border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .3s}.community-btn:not(.joined){background:linear-gradient(135deg,#00eb79,#00c966);border:none;color:#0a0a0f}.community-btn.joined{background:#0000;border:1px solid #00eb7980;color:#00eb79}.featured-communities{display:flex;flex-direction:column;gap:15px;margin-bottom:10px}.community-card.featured{border:1px solid #8b5cf64d;flex-direction:column;overflow:hidden;padding:0}.community-banner{width:100%}.community-icon-large{font-size:48px}.community-card.featured .community-info{padding:15px;text-align:center}.community-card.featured .community-info h3{font-size:18px;margin-bottom:5px}.community-btn.featured-btn{background:linear-gradient(135deg,#8b5cf6,#667eea);border:none;color:#fff;margin:0 15px 15px;padding:12px;text-align:center;width:calc(100% - 30px)}.community-btn.featured-btn:hover{transform:scale(1.02)}.people-search{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;gap:12px;margin-bottom:20px;padding:12px 18px}.people-search .search-icon{font-size:18px}.people-search input{background:#0000;border:none;color:#fff;flex:1 1;font-size:15px;outline:none}.people-search input::placeholder{color:#fff6}.connection-count{background:#00eb791a;border-radius:15px;color:#00eb79;font-size:13px;padding:5px 12px}.people-list{display:flex;flex-direction:column;gap:12px}.person-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;gap:15px;padding:15px}.person-avatar,.person-card{align-items:center;display:flex}.person-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;font-size:26px;height:55px;justify-content:center;width:55px}.person-info{flex:1 1}.person-info h3{font-size:15px;font-weight:600;margin-bottom:4px}.person-info span{color:#ffffff80;display:block;font-size:12px}.mutual-friends{color:#00eb79!important;margin-top:4px}.connect-btn{background:linear-gradient(135deg,#00eb79,#00c966);border:none;border-radius:20px;color:#0a0a0f;cursor:pointer;font-weight:600;padding:10px 20px}.message-btn{background:#667eea33}.chat-sidebar{background:#0f0f14;display:flex;flex-direction:column;height:100%;max-width:400px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:100%;z-index:1000}.chat-sidebar.open{right:0}.chat-sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.chat-sidebar-header h2{font-size:20px;font-weight:700}.close-chat{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:35px;width:35px}.chat-list{flex:1 1;overflow-y:auto}.chat-item{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;gap:15px;padding:15px 20px;transition:background .3s}.chat-item:hover{background:#ffffff0d}.chat-item.unread{background:#00eb790d}.chat-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;font-size:24px;height:50px;justify-content:center;position:relative;width:50px}.online-dot{background:#00eb79;border:2px solid #0f0f14;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.chat-preview{flex:1 1;min-width:0}.chat-name{font-size:15px;font-weight:600;margin-bottom:4px}.chat-last-message{color:#ffffff80;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-meta{text-align:right}.chat-time{color:#fff6;display:block;font-size:11px;margin-bottom:5px}.unread-badge{background:#00eb79;border-radius:10px;color:#0a0a0f;font-size:11px;font-weight:700;padding:3px 8px}.chat-conversation{display:flex;flex-direction:column;height:100%}.conversation-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:15px;padding:15px 20px}.back-to-chats{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:35px;width:35px}.conversation-user{align-items:center;display:flex;gap:12px}.conversation-info{display:flex;flex-direction:column}.conversation-name{font-size:15px;font-weight:600}.conversation-status{color:#00eb79;font-size:12px}.messages-container{flex:1 1;gap:15px;overflow-y:auto;padding:20px}.message,.messages-container{display:flex;flex-direction:column}.message{max-width:80%}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message-sender{color:#00eb79;font-size:11px;margin-bottom:4px}.message-bubble{border-radius:18px;font-size:14px;line-height:1.4;padding:12px 16px}.message.sent .message-bubble{background:linear-gradient(135deg,#00eb79,#00c966);border-bottom-right-radius:5px;color:#0a0a0f}.message.received .message-bubble{background:#ffffff1a;border-bottom-left-radius:5px}.message-time{color:#fff6;font-size:10px;margin-top:4px}.message.sent .message-time{text-align:right}.message-input-container{align-items:center;background:#0a0a0f;border-top:1px solid #ffffff1a;display:flex;gap:10px;padding:15px 20px}.message-input-container input{background:#ffffff1a;border:none;border-radius:25px;color:#fff;flex:1 1;font-size:14px;outline:none;padding:12px 18px}.message-input-container input::placeholder{color:#fff6}.send-btn{background:linear-gradient(135deg,#00eb79,#00c966);border:none;border-radius:50%;color:#0a0a0f;cursor:pointer;font-size:18px;height:45px;width:45px}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.create-post-modal{background:#1a1a2e;border-radius:20px;max-width:500px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.modal-header h2{font-size:18px;font-weight:700}.close-modal{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:35px;width:35px}.modal-body{padding:20px}.post-author-row{align-items:center;display:flex;gap:12px;margin-bottom:20px}.post-visibility{background:#ffffff1a;border-radius:10px;color:#ffffff80;font-size:12px;padding:4px 10px}.modal-body textarea{background:#0000;border:none;color:#fff;font-size:16px;line-height:1.6;min-height:150px;outline:none;resize:none;width:100%}.modal-body textarea::placeholder{color:#fff6}.post-options{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:10px;padding-top:15px}.post-option{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#ffffffb3;cursor:pointer;font-size:13px;padding:8px 15px}.modal-footer{border-top:1px solid #ffffff1a;padding:20px}.post-submit-btn{background:linear-gradient(135deg,#00eb79,#00c966);border:none;border-radius:12px;color:#0a0a0f;cursor:pointer;font-size:16px;font-weight:700;padding:15px;width:100%}.post-submit-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.chat-sidebar{max-width:100%}}.peacock-splash{align-items:center;background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#0a0a0f);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.splash-content{text-align:center;z-index:10}.peacock-logo{margin-bottom:30px;position:relative}.peacock-icon{animation:peacockBounce 1s ease-in-out;display:block;font-size:100px}@keyframes peacockBounce{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.peacock-feathers{height:200px;transform:translate(-50%,-50%);width:200px}.feather,.peacock-feathers{left:50%;position:absolute;top:50%}.feather{border-radius:50%;height:60px;transform-origin:bottom center;width:4px}.feather-1{animation:featherGrow .5s ease-out .3s both;background:linear-gradient(0deg,#00eb79,#0000);transform:translate(-50%,-100%) rotate(-60deg)}.feather-2{animation:featherGrow .5s ease-out .4s both;background:linear-gradient(0deg,#667eea,#0000);transform:translate(-50%,-100%) rotate(-30deg)}.feather-3{animation:featherGrow .5s ease-out .5s both;background:linear-gradient(0deg,#f97316,#0000);transform:translate(-50%,-100%) rotate(0deg)}.feather-4{animation:featherGrow .5s ease-out .6s both;background:linear-gradient(0deg,#ec4899,#0000);transform:translate(-50%,-100%) rotate(30deg)}.feather-5{animation:featherGrow .5s ease-out .7s both;background:linear-gradient(0deg,#06b6d4,#0000);transform:translate(-50%,-100%) rotate(60deg)}@keyframes featherGrow{0%{height:0;opacity:0}to{height:60px;opacity:1}}.splash-title{font-size:48px;font-weight:800;margin-bottom:15px}.title-peacock{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00eb79,#06b6d4);-webkit-background-clip:text;background-clip:text}.title-connect{color:#fff;margin-left:10px}.splash-tagline{color:#fff9;font-size:18px;margin-bottom:30px}.splash-flags{display:flex;gap:15px;justify-content:center}.flag-item{animation:flagWave .5s ease-out both;font-size:32px}@keyframes flagWave{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.peacock-page{background:#0a0a0f;color:#fff;min-height:100vh}.peacock-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-brand,.peacock-header{align-items:center;display:flex}.header-brand{gap:12px}.brand-icon{font-size:32px}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00eb79,#06b6d4);-webkit-background-clip:text;font-size:22px;font-weight:700}.header-btn{background:linear-gradient(135deg,#00eb79,#00c966);border:none;border-radius:25px;color:#0a0a0f;cursor:pointer;font-weight:600;padding:10px 25px;transition:all .3s}.header-btn:hover{box-shadow:0 5px 20px #00eb7966;transform:scale(1.05)}.header-btn.admin-btn{background:linear-gradient(135deg,#667eea,#764ba2);margin-right:10px}.header-actions{align-items:center;display:flex;gap:10px}.user-profile-chip{align-items:center;background:#ffffff1a;border-radius:25px;cursor:pointer;display:flex;gap:8px;padding:8px 15px 8px 8px;transition:all .2s}.user-profile-chip:hover{background:#ffffff26}.user-avatar-small{background:linear-gradient(135deg,#00eb79,#00c853);border-radius:50%;color:#0a0a0f;font-weight:600;height:30px;justify-content:center;width:30px}.user-avatar-small,.user-name-small{align-items:center;display:flex;font-size:14px}.user-name-small{color:#fff;font-weight:500}.verification-banner{align-items:center;background:linear-gradient(90deg,#ffc10733,#ff980033);border-bottom:1px solid #ffc1074d;display:flex;gap:10px;justify-content:center;padding:12px 20px}.verification-banner .banner-icon{font-size:18px}.verification-banner .banner-text{color:#ffc107;font-size:13px;font-weight:500}.peacock-hero{background:linear-gradient(180deg,#00eb791a,#0000 50%);padding:80px 30px;text-align:center}.hero-badge{background:#00eb7926;border:1px solid #00eb794d;border-radius:50px;color:#00eb79;display:inline-block;font-size:14px;margin-bottom:30px;padding:10px 25px}.hero-title{font-size:48px;font-weight:800;line-height:1.2;margin-bottom:20px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00eb79,#06b6d4 50%,#667eea);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#ffffffb3;font-size:18px;line-height:1.6;margin:0 auto 40px;max-width:500px}.hero-stats{display:flex;gap:50px;justify-content:center}.stat{text-align:center}.stat-label{color:#ffffff80;font-size:14px}.peacock-features{padding:60px 30px}.section-title{font-size:28px;font-weight:700;margin-bottom:15px;text-align:center}.section-subtitle{color:#fff9;margin-bottom:40px;text-align:center}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:30px auto 0;max-width:900px}.feature-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;padding:30px 20px;text-align:center;transition:all .3s}.feature-card:hover{background:#ffffff1a;border-color:#00eb794d;transform:translateY(-5px)}.feature-icon{display:block;font-size:40px;margin-bottom:15px}.feature-card h3{font-size:18px;font-weight:600;margin-bottom:8px}.feature-card p{color:#fff9;font-size:13px}.peacock-communities{background:linear-gradient(180deg,#0000,#00eb790d 50%,#0000);padding:60px 30px}.communities-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:40px auto 0;max-width:1200px}.community-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;overflow:hidden;transition:all .3s}.community-card:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-5px)}.community-banner{align-items:center;display:flex;height:100px;justify-content:center}.community-flag{font-size:50px}.community-content h3{font-size:18px;font-weight:600;margin-bottom:5px}.member-count{color:#ffffff80;display:block;font-size:13px;margin-bottom:15px}.community-actions{display:flex;gap:10px}.whatsapp-btn{align-items:center;background:#25d366;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:all .3s}.whatsapp-btn:hover{background:#128c7e}.whatsapp-btn svg{flex-shrink:0}.join-btn{background:linear-gradient(135deg,#00eb79,#00c966);border:none;border-radius:10px;color:#0a0a0f;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px;transition:all .3s}.join-btn:hover{transform:scale(1.05)}.peacock-cta{padding:80px 30px;text-align:center}.cta-content h2{font-size:36px;font-weight:700;margin-bottom:15px}.cta-content p{color:#fff9;margin-bottom:30px}.cta-buttons{display:flex;gap:15px;justify-content:center}.cta-primary{background:linear-gradient(135deg,#00eb79,#00c966);border:none;border-radius:30px;color:#0a0a0f;cursor:pointer;font-size:16px;font-weight:700;padding:15px 40px;transition:all .3s}.cta-primary:hover{box-shadow:0 10px 30px #00eb7966;transform:scale(1.05)}.cta-secondary{background:#0000;border:2px solid #ffffff4d;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 40px;transition:all .3s}.cta-secondary:hover{background:#ffffff1a;border-color:#fff}.peacock-footer{border-top:1px solid #ffffff1a;padding:40px 30px 20px}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto 30px;max-width:1000px}.footer-brand span{font-size:20px;font-weight:700}.footer-brand p{color:#ffffff80;font-size:13px;margin-top:5px}.footer-links{display:flex;gap:25px}.footer-links button{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:14px;transition:color .3s}.footer-links button:hover{color:#00eb79}.footer-bottom{border-top:1px solid #ffffff0d;padding-top:20px;text-align:center}.footer-bottom p{color:#fff6;font-size:13px}@media (max-width:768px){.hero-title{font-size:32px}.hero-stats{gap:30px}.stat-value{font-size:28px}.features-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.communities-grid{grid-template-columns:1fr}.footer-content{gap:20px;text-align:center}.cta-buttons,.footer-content{flex-direction:column}.cta-primary,.cta-secondary{width:100%}}.verified-badge-peacock{align-items:center;background:linear-gradient(135deg,#00eb79,#00c853);border-radius:50%;color:#fff;display:inline-flex;justify-content:center;margin-left:6px}.verified-badge-peacock.small{height:16px;width:16px}.verified-badge-peacock.small svg{height:10px;width:10px}.verified-badge-peacock.medium{height:20px;width:20px}.verified-badge-peacock.medium svg{height:12px;width:12px}.verified-badge-peacock.large{height:24px;width:24px}.verified-badge-peacock.large svg{height:14px;width:14px}.community-detail-page{background:#0a0a0f;color:#fff;min-height:100vh;padding-bottom:100px}.community-banner-header{padding:60px 20px 40px;position:relative}.back-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;left:20px;padding:10px 20px;position:absolute;top:20px}.banner-content{padding-top:20px;text-align:center}.banner-flag{display:block;font-size:80px;margin-bottom:15px}.banner-content h1{font-size:28px;font-weight:700;margin-bottom:8px}.banner-content p{font-size:14px;opacity:.9}.quick-actions{display:flex;gap:12px;margin-top:-30px;padding:20px}.action-btn{align-items:center;border-radius:15px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .3s}.action-btn.whatsapp{background:#25d366;border:none;color:#fff}.action-btn.whatsapp:hover{background:#128c7e}.action-btn.primary{background:#00eb7933;border:1px solid #00eb79;color:#00eb79}.community-about{padding:0 20px 20px}.community-about p{color:#ffffffb3;font-size:15px;line-height:1.6}.services-section{padding:20px}.services-section h2{font-size:18px;font-weight:600;margin-bottom:15px}.services-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.service-tile{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;cursor:pointer;padding:15px 10px;text-align:center;transition:all .3s}.service-tile:hover{background:#ffffff1a;border-color:#00eb794d}.service-icon{display:block;font-size:28px;margin-bottom:8px}.service-title{color:#fffc;font-size:12px}.community-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:10px;padding:15px 20px}.community-tabs .tab{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;color:#fff9;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:12px;transition:all .3s}.community-tabs .tab.active{background:linear-gradient(135deg,#00eb79,#00c966);border-color:#00eb79;color:#0a0a0f}.community-content{padding:20px}.feed-section{display:flex;flex-direction:column;gap:15px}.post-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:15px}.post-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.post-avatar{font-size:32px}.post-meta{flex:1 1}.post-author{display:block;font-size:14px;font-weight:600}.post-time{color:#ffffff80;font-size:12px}.post-content{color:#ffffffe6;font-size:14px;line-height:1.5;margin-bottom:15px}.post-actions{border-top:1px solid #ffffff1a;display:flex;gap:10px;padding-top:12px}.post-actions button{background:none;border:none;border-radius:8px;color:#fff9;cursor:pointer;flex:1 1;font-size:13px;padding:8px;transition:all .3s}.post-actions button:hover{background:#ffffff1a;color:#fff}.events-section{display:flex;flex-direction:column;gap:12px}.event-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;gap:15px;padding:15px}.event-icon{font-size:32px}.event-info{flex:1 1}.event-info h3{font-size:15px;font-weight:600;margin-bottom:4px}.event-info span{color:#ffffff80;font-size:12px}.event-btn{background:linear-gradient(135deg,#00eb79,#00c966);border:none;border-radius:20px;color:#0a0a0f;cursor:pointer;font-size:12px;font-weight:700;padding:10px 20px}.members-section{display:flex;flex-direction:column;gap:12px}.member-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;gap:15px;padding:15px}.member-avatar{font-size:36px}.member-info{flex:1 1}.member-info h3{font-size:15px;font-weight:600;margin-bottom:4px}.member-info span{color:#ffffff80;font-size:12px}.message-btn{background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;font-size:20px;height:45px;transition:all .3s;width:45px}.message-btn:hover{background:#00eb7933}@media (max-width:480px){.services-grid{gap:8px;grid-template-columns:repeat(4,1fr)}.service-tile{padding:12px 8px}.service-icon{font-size:24px}.service-title{font-size:10px}}.analytics-dashboard{padding-bottom:50px}.analytics-dashboard,.analytics-loading{background:#0a0a0f;color:#fff;min-height:100vh}.analytics-loading{align-items:center;display:flex;font-size:18px;justify-content:center}.analytics-header{align-items:center;background:linear-gradient(180deg,#00eb791a,#0000);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.analytics-header .back-btn{background:#ffffff1a;border:none;border-radius:25px;color:#fff;cursor:pointer;padding:10px 20px}.header-title{text-align:center}.header-title h1{font-size:24px;margin-bottom:5px}.header-title span{color:#ffffff80;font-size:12px}.refresh-btn{background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;font-size:20px;height:45px;width:45px}.stats-section{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);padding:20px}.stat-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:20px;text-align:center}.stat-card.primary{background:#00eb791a;border-color:#00eb794d}.stat-card.success{background:#25d3661a;border-color:#25d3664d}.stat-card.info{background:#667eea1a;border-color:#667eea4d}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00eb79,#667eea);-webkit-background-clip:text;display:block;font-size:36px;font-weight:800}.stat-label{color:#fff9;font-size:12px;margin-top:5px}.rankings-section{padding:20px}.rankings-section h2{font-size:18px;margin-bottom:15px}.rankings-list{display:flex;flex-direction:column;gap:12px}.ranking-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:15px;padding:15px}.rank{color:#00eb79;font-size:20px;font-weight:700;min-width:40px}.ranking-info{flex:1 1}.ranking-name{display:block;font-weight:600;margin-bottom:5px}.ranking-stats{color:#ffffff80;display:flex;font-size:12px;gap:15px}.ranking-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100px}.bar-fill{background:linear-gradient(90deg,#00eb79,#667eea);border-radius:4px;height:100%;transition:width .5s ease}.no-data{color:#ffffff80;font-style:italic;padding:30px;text-align:center}.feature-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.feature-stat{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;padding:15px}.feature-name{font-weight:600}.feature-clicks{background:#00eb7933;border-radius:20px;color:#00eb79;font-size:13px;font-weight:600;padding:5px 12px}.insights-section{padding:20px}.insights-section h2{font-size:18px;margin-bottom:15px}.insights-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.insight-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;gap:15px;padding:20px}.insight-icon{font-size:32px}.insight-content h3{color:#ffffff80;font-size:12px;margin-bottom:5px;text-transform:uppercase}.insight-content p{color:#00eb79;font-size:16px;font-weight:600}.raw-section{padding:20px}.toggle-raw{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;padding:15px;width:100%}.raw-data{background:#00000080;border-radius:10px;color:#00eb79;font-size:12px;margin-top:15px;max-height:400px;overflow-x:auto;overflow-y:auto;padding:15px}.actions-section{padding:20px;text-align:center}.clear-btn{background:#ef444433;border:1px solid #ef444480;border-radius:25px;color:#ef4444;cursor:pointer;font-weight:600;padding:12px 30px}.clear-btn:hover{background:#ef44444d}.last-updated{color:#fff6;font-size:12px;margin-top:15px}@media (max-width:480px){.stats-section{grid-template-columns:1fr}.stat-value{font-size:28px}.ranking-bar{display:none}.feature-grid{grid-template-columns:1fr}}.admin-dashboard{background:#0a0a0f;color:#fff;min-height:100vh;padding-bottom:100px}.admin-header{align-items:center;background:linear-gradient(180deg,#667eea33,#0000);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.admin-header .back-btn{background:#ffffff1a;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.admin-header .header-title{text-align:center}.admin-header .header-title h1{font-size:22px;margin-bottom:5px}.admin-header .header-title span{color:#ffffff80;font-size:12px}.admin-header .refresh-btn{background:#667eea4d;border:1px solid #667eea80;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.admin-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);padding:20px}.admin-stats .stat-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:15px;text-align:center}.admin-stats .stat-card.verified{background:#00eb791a;border-color:#00eb794d}.admin-stats .stat-card.pending{background:#ffc1071a;border-color:#ffc1074d}.admin-stats .stat-card.warning{background:#ef44441a;border-color:#ef44444d}.admin-stats .stat-value{color:#fff;display:block;font-size:28px;font-weight:700}.admin-stats .stat-label{color:#fff9;font-size:11px;margin-top:5px}.admin-tabs{display:flex;gap:10px;margin-bottom:20px;padding:0 20px}.admin-tabs .tab{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;color:#fff9;cursor:pointer;flex:1 1;font-size:14px;padding:12px 20px;transition:all .2s}.admin-tabs .tab.active{background:#667eea4d;border-color:#667eea80;color:#fff}.user-list{padding:0 20px}.user-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px;padding:20px}.user-card.verified{border-color:#00eb7933}.user-info{flex:1 1;gap:15px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:20px;font-weight:700;height:50px;justify-content:center;position:relative;width:50px}.user-avatar.verified{background:linear-gradient(135deg,#00eb79,#00c853)}.user-avatar .verified-badge{align-items:center;background:#00eb79;border:2px solid #0a0a0f;border-radius:50%;bottom:-2px;display:flex;font-size:10px;height:18px;justify-content:center;position:absolute;right:-2px;width:18px}.user-details{flex:1 1}.user-details h3{align-items:center;display:flex;font-size:16px;gap:8px;margin-bottom:4px}.user-details .verified-tick{color:#00eb79;font-size:14px}.user-email{color:#ffffff80;font-size:13px;margin-bottom:8px}.user-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}.community-tag{background:#667eea33;border-radius:12px;color:#a5b4fc;font-size:11px;padding:3px 10px}.registered-date,.student-id,.verified-date{color:#fff6;font-size:11px}.expiry-warning{color:#ffc107;font-size:12px;margin-top:4px}.expiry-warning.urgent{color:#ef4444;font-weight:600}.user-actions{display:flex;flex-direction:column;gap:8px}.verify-btn{background:linear-gradient(135deg,#00eb79,#00c853);border:none;border-radius:20px;color:#0a0a0f;cursor:pointer;font-size:13px;font-weight:600;padding:10px 25px}.verify-btn:disabled{cursor:not-allowed;opacity:.5}.reject-btn,.remove-btn{background:#ef444433;border:1px solid #ef444480;border-radius:20px;color:#ef4444;cursor:pointer;font-size:13px;padding:10px 25px}.reject-btn:hover,.remove-btn:hover{background:#ef44444d}.empty-state{color:#ffffff80;padding:60px 20px;text-align:center}.empty-state .empty-icon{display:block;font-size:48px;margin-bottom:15px}.empty-state p{font-size:16px}@media (max-width:600px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-stats .stat-value{font-size:22px}.user-card{align-items:flex-start;flex-direction:column}.user-actions{flex-direction:row;margin-top:15px;width:100%}.user-actions button{flex:1 1}}
/*# sourceMappingURL=main.9fd56f7a.css.map*/