:root{--primary: #f8fafc;--secondary: #0f172a;--accent: #3b82f6;--background: #020617;--foreground: #f8fafc;--muted: #1e293b;--muted-foreground: #94a3b8;--card: #0b1120;--card-foreground: #f8fafc;--border: #1e293b;--input: #1e293b;--ring: #3b82f6;--radius: .5rem;--primary-gradient: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--dark-gradient: linear-gradient(180deg, #020617 0%, #0f172a 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--background);color:var(--foreground);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit}.container{max-width:1280px;margin:0 auto;padding:0 2rem;width:100%}.section{padding:4rem 0}.premium-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@media(max-width:768px){.container{padding:0 1.25rem}.section{padding:2.5rem 0}}@media(max-width:480px){.container{padding:0 1rem}}.language-selector{position:fixed;top:1.5rem;right:2rem;display:flex;gap:.5rem;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.4rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);z-index:1000}.language-selector button{padding:.4rem .8rem;border-radius:8px;font-size:.85rem;font-weight:600;color:var(--muted-foreground);transition:all .2s}.language-selector button:hover{color:#fff;background:#ffffff0d}.language-selector button.active{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #3b82f64d}[dir=rtl] .language-selector{right:auto;left:2rem}.header{position:fixed;top:0;left:0;width:100%;padding:1rem 0;z-index:1000;background:#0a0a14e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 4px 30px #0000004d;transition:all .3s ease}.header.scrolled{padding:.8rem 0}.header-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:baseline;gap:.2rem;cursor:pointer}.logo-text{font-size:1.8rem;font-weight:900;color:#fff;letter-spacing:-1px}.logo-subtext{font-size:1rem;font-weight:300;color:#22d3ee;text-transform:uppercase;letter-spacing:2px}.nav{display:flex;gap:2.5rem;align-items:center}.nav a{color:#ffffffb3;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease}.nav a:hover{color:#22d3ee}.nav-cta{background:linear-gradient(135deg,#22d3ee,#a855f7);color:#fff!important;padding:.7rem 1.5rem;border-radius:50px;box-shadow:0 4px 15px #22d3ee4d}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22d3ee66}.header-actions{display:flex;align-items:center;gap:1rem}.desktop-login-btn{color:#fff;text-decoration:none;font-weight:600;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;transition:all .2s ease}.desktop-login-btn:hover{background:#fff3;border-color:#22d3ee}.mobile-login-link{display:none}.nav-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001}.nav-mobile-footer{display:none}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;cursor:pointer;z-index:1003;padding:.4rem}@media(max-width:768px){.header-container{padding:0 1rem}.logo-text{font-size:1.5rem}.logo-subtext{font-size:.85rem}.mobile-menu-btn{display:block}.desktop-lang,.desktop-login-btn{display:none}.mobile-login-link{display:inline-block;color:#fff;font-weight:600;padding:.75rem 2rem;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);text-align:center;width:80%}.nav{position:fixed;top:0;right:-100%;width:85%;max-width:340px;height:100vh;background:#0b1120;border-left:1px solid rgba(255,255,255,.1);flex-direction:column;justify-content:center;align-items:center;gap:1.8rem;z-index:1002;transition:right .3s ease;box-shadow:-10px 0 30px #00000080}.nav.active{right:0}.nav a{font-size:1.1rem}.nav-mobile-footer{display:block;margin-top:1rem}}.hero{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:4rem 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(59,130,246,.1) 0%,transparent 70%);pointer-events:none}.company-badge-container{display:inline-block;padding:.8rem 2.5rem;border-radius:50px;background:#0a142880;border:1px solid rgba(0,242,254,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:2rem;box-shadow:0 0 40px #00f2fe66,inset 0 0 20px #00c6ff33;animation:float 6s ease-in-out infinite}.company-logo-text{display:block;line-height:1.1;font-size:2.8rem;font-weight:900;letter-spacing:.3em;text-transform:uppercase;background:linear-gradient(135deg,#fff,#00f2fe,#4facfe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(0,242,254,.9))}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.hero-content h1{font-size:4.5rem;font-weight:900;margin-bottom:1.5rem;letter-spacing:-.04em;background:linear-gradient(to bottom,#fff,#a0aec0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 30px rgba(0,0,0,.5)}.hero-content p{font-size:1.25rem;max-width:600px;margin:0 auto 2.5rem;opacity:.9}.hero-actions{display:flex;gap:1rem;justify-content:center}.btn{padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;transition:transform .2s,background-color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background-color:var(--accent);color:#fff}.btn-secondary{background-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff}.video-banner{position:relative;width:100%;height:70vh;max-height:650px;min-height:300px;overflow:hidden;background:#020617;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,242,254,.2);box-shadow:0 10px 40px #000c}.video-banner-bg{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.video-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 30%,rgba(2,6,23,.6) 80%,rgba(2,6,23,.95) 100%),linear-gradient(to bottom,rgba(10,10,20,.4) 0%,transparent 50%,#020617 100%);pointer-events:none}@media(max-width:992px){.video-banner{height:55vh;max-height:500px;min-height:250px}.hero-content h1{font-size:3.5rem}}@media(max-width:768px){.hero{padding:3rem 0;min-height:auto}.video-banner{height:45vh;max-height:380px;min-height:220px;aspect-ratio:16 / 9}.company-badge-container{padding:.6rem 1.5rem;margin-bottom:1.5rem;max-width:90%}.company-logo-text{font-size:1.8rem;letter-spacing:.2em}.hero-content h1{font-size:2.4rem;margin-bottom:1rem}.hero-content p{font-size:1rem;padding:0 .5rem;margin-bottom:2rem}.hero-actions{flex-direction:column;align-items:center;gap:.8rem;width:100%;max-width:320px;margin:0 auto}.btn{width:100%;text-align:center;padding:.85rem 1.25rem}}@media(max-width:480px){.video-banner{height:35vh;max-height:260px;min-height:180px}.company-logo-text{font-size:1.3rem;letter-spacing:.15em}.company-badge-container{padding:.5rem 1rem}.hero-content h1{font-size:1.9rem}}.partners{background-color:#020617;padding:6rem 2rem}.partners-title{text-align:center;font-size:2rem;margin-bottom:3rem;color:var(--muted-foreground);font-weight:600}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;align-items:center}.partner-card{height:120px;padding:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:16px;transition:all .3s ease;background:#1e293b80;border:1px solid rgba(255,255,255,.1)}.partner-card:hover{transform:scale(1.05)}.partner-logo{max-width:120px;max-height:40px;filter:grayscale(100%) opacity(.5);transition:filter .3s ease}.partner-card:hover .partner-logo{filter:grayscale(0%) opacity(1)}@media(max-width:768px){.partners{padding:3.5rem 1rem}.partners-title{font-size:1.5rem;margin-bottom:2rem}.partners-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem}.partner-card{height:90px;padding:1rem}.partner-logo{max-width:90px;max-height:32px;filter:grayscale(0%) opacity(.8)}}.services-section{padding:8rem 2rem;background:var(--bg-dark);text-align:center}.services-header{margin-bottom:4rem}.services-header h2{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#a0aec0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.services-header p{color:var(--text-muted);font-size:1.2rem;max-width:600px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.service-card{background:#1e293b80;border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;height:100%}.service-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 30px 60px #0009,0 0 20px #3b82f633;background:#0f172a99;border-color:#3b82f680}.service-image{height:200px;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.service-card:hover .service-image img{transform:scale(1.1)}.service-content{padding:2rem;text-align:left}.service-content h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.service-content p{color:var(--text-muted);line-height:1.6;font-size:1rem}.service-icon{width:50px;height:50px;margin-bottom:1.5rem;background:var(--primary-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}@media(max-width:768px){.services-section{padding:4rem 1rem}.services-header{margin-bottom:2.5rem}.services-header h2{font-size:2.1rem}.services-header p{font-size:1rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.service-content{padding:1.5rem}}@media(max-width:480px){.services-grid{grid-template-columns:1fr}.service-image{height:170px}}.lead-form{background-color:#020617;padding:8rem 2rem}.form-card{max-width:800px;margin:0 auto;padding:4rem;background:#1e293b99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:32px;text-align:center;box-shadow:0 40px 100px #00000080}.form-card h2{font-size:2.5rem;margin-bottom:1rem}.form-card p{color:var(--muted-foreground);margin-bottom:2.5rem}.form-group{text-align:left;margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--foreground)}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--background);color:var(--foreground);font-family:inherit;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.btn-block{width:100%;margin-top:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.form-success-message{padding:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.success-icon{width:60px;height:60px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1.5rem;box-shadow:0 10px 25px #007aff66}.form-error{background:#ef44441a;border-left:4px solid #ef4444;color:#ef4444;padding:1rem;margin-bottom:1.5rem;text-align:left;border-radius:4px}@media(max-width:768px){.lead-form{padding:4rem 1rem}.form-card{padding:2rem 1.25rem;border-radius:20px}.form-card h2{font-size:1.8rem}.form-card p{margin-bottom:1.5rem;font-size:.95rem}.form-grid{grid-template-columns:1fr;gap:0}}@media(max-width:480px){.form-card{padding:1.5rem 1rem}.form-card h2{font-size:1.5rem}}.portfolio-section{padding:100px 0;background-color:var(--bg-dark)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:3rem;margin-bottom:20px;background:linear-gradient(to right,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-header p{color:#94a3b8;font-size:1.2rem;max-width:600px;margin:0 auto}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.portfolio-item{position:relative;overflow:hidden;border-radius:20px;cursor:pointer}.portfolio-img-container{position:relative;height:400px;width:100%}.portfolio-img-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(15,23,42,.9),transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;opacity:0;transition:opacity .3s ease}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-category{color:#60a5fa;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.portfolio-overlay h3{color:#fff;font-size:1.5rem;margin-bottom:15px}.btn-view{color:#fff;text-decoration:none;font-weight:600;border-bottom:2px solid #60a5fa;align-self:flex-start;padding-bottom:2px;transition:color .3s ease}.btn-view:hover{color:#60a5fa}@media(max-width:768px){.portfolio-section{padding:50px 0}.section-header{margin-bottom:35px}.section-header h2{font-size:2.2rem}.section-header p{font-size:1rem}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.portfolio-img-container{height:280px}.portfolio-overlay{opacity:.9;background:linear-gradient(to top,rgba(15,23,42,.92) 0%,rgba(15,23,42,.4) 60%,transparent 100%);padding:20px}}@media(max-width:480px){.portfolio-grid{grid-template-columns:1fr}.portfolio-img-container{height:240px}.section-header h2{font-size:1.8rem}}.footer{background-color:#010409;padding:4rem 2rem;border-top:1px solid rgba(255,255,255,.05);color:var(--muted-foreground)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem}.footer-section h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.footer-section h4{color:#fff;font-size:1.1rem;margin-bottom:1.5rem}.footer-section p{font-size:.9rem;line-height:1.6}.contact-list{list-style:none;padding:0}.contact-list li{margin-bottom:.75rem;font-size:.9rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.contact-list li strong{color:#fff}.contact-list li a{color:var(--accent);transition:color .2s;text-decoration:none}.contact-list li a:hover{color:#60a5fa;text-decoration:underline}[dir=rtl] .footer{direction:rtl;text-align:right}[dir=rtl] .footer-section{text-align:right}[dir=rtl] .contact-list li{flex-direction:row}@media(max-width:768px){.footer{padding:3rem 1.25rem}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.contact-list li{justify-content:center}[dir=rtl] .footer-content,[dir=rtl] .footer-section h3,[dir=rtl] .footer-section h4{text-align:center}}:root{--db-bg: #0f172a;--db-surface: #1e293b;--db-surface-lighter: #334155;--db-primary: #22d3ee;--db-secondary: #a855f7;--db-success: #10b981;--db-warning: #f59e0b;--db-danger: #ef4444;--db-text-main: #f8fafc;--db-text-dim: #94a3b8;--db-border: rgba(255, 255, 255, .1);--db-glow: rgba(34, 211, 238, .2)}.dashboard-container{min-height:100vh;background-color:var(--db-bg);color:var(--db-text-main);display:flex;font-family:Inter,sans-serif}.db-sidebar{width:260px;background-color:var(--db-surface);border-right:1px solid var(--db-border);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem;transition:all .3s ease}.db-logo{font-size:1.5rem;font-weight:800;background:linear-gradient(to right,var(--db-primary),var(--db-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem}.db-nav{display:flex;flex-direction:column;gap:.5rem}.db-nav-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:12px;color:var(--db-text-dim);text-decoration:none;transition:all .2s ease;cursor:pointer}.db-nav-item:hover,.db-nav-item.active{background-color:var(--db-surface-lighter);color:var(--db-primary);box-shadow:0 4px 12px #0000001a}.db-main{flex:1;padding:2rem;overflow-y:auto}.db-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.db-title h1{font-size:1.8rem;margin-bottom:.5rem}.db-title p{color:var(--db-text-dim)}.db-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem}.db-card{background-color:var(--db-surface);border:1px solid var(--db-border);border-radius:16px;padding:1.5rem;transition:transform .2s ease}.db-card:hover{transform:translateY(-4px);border-color:var(--db-primary);box-shadow:0 10px 20px #0003}.db-card{animation:fadeInScale .4s ease-out backwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.db-card-label{color:var(--db-text-dim);font-size:.9rem;margin-bottom:.5rem}.db-card-value{font-size:2rem;font-weight:700}.db-card-trend{font-size:.8rem;margin-top:.5rem;display:flex;align-items:center;gap:.4rem}.trend-up{color:var(--db-success)}.trend-down{color:var(--db-danger)}.badge-purple{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;background:#a855f71a;color:var(--db-secondary)}.text-warning{color:var(--db-warning);font-weight:600}.text-dim{color:var(--db-text-dim)}.btn-icon{background:none;border:none;color:var(--db-text-dim);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.btn-icon:hover{background:#ffffff0d;color:var(--db-primary)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background:var(--db-surface);width:90%;max-width:600px;border-radius:20px;border:1px solid var(--db-border);padding:2rem;box-shadow:0 20px 50px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.modal-header h2{font-size:1.5rem;background:linear-gradient(to right,var(--db-primary),var(--db-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-header button{background:none;border:none;color:var(--db-text-dim);cursor:pointer}.lead-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.info-item{display:flex;align-items:center;gap:.8rem;color:var(--db-text-dim);font-size:.95rem}.info-item span{color:var(--db-text-main)}.lead-message-box{background:#ffffff08;padding:1.5rem;border-radius:12px;margin-bottom:2rem}.lead-message-box h4{margin-bottom:.8rem;color:var(--db-text-dim);font-size:.9rem}.lead-message-box p{line-height:1.6}.lead-ai-box h4{margin-bottom:.8rem;color:var(--db-primary);font-size:.9rem}.ai-tag{background:#22d3ee1a;color:var(--db-primary);padding:.4rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;border:1px solid rgba(34,211,238,.2)}.ai-tag.priority-high{background:#ef44441a;color:var(--db-danger);border-color:#ef444433}.ai-tag.status-pending{background:#f59e0b1a;color:var(--db-warning);border-color:#f59e0b33}.ai-tag.status-contacted{background:#10b9811a;color:var(--db-success);border-color:#10b98133}.ai-tag.status-closed{background:#94a3b81a;color:var(--db-text-dim);border-color:#94a3b833}.notifications-dropdown{position:absolute;top:50px;right:0;width:320px;background:var(--db-surface);border:1px solid var(--db-border);border-radius:16px;box-shadow:0 10px 30px #0006;z-index:1000;overflow:hidden;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notif-header{padding:1rem;border-bottom:1px solid var(--db-border);display:flex;justify-content:space-between;align-items:center}.notif-header h4{font-size:1rem}.notif-header button{background:none;border:none;color:var(--db-text-dim);cursor:pointer}.notif-list{max-height:400px;overflow-y:auto}.notif-item{padding:1rem;display:flex;gap:1rem;border-bottom:1px solid var(--db-border);transition:background .2s;cursor:pointer}.notif-item:hover{background:#ffffff08}.notif-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex-shrink:0}.notif-dot.high{background:var(--db-danger);box-shadow:0 0 10px var(--db-danger)}.notif-dot.info{background:var(--db-primary)}.notif-dot.success{background:var(--db-success)}.notif-item p{font-size:.85rem;margin-bottom:.2rem}.notif-item span{font-size:.75rem;color:var(--db-text-dim)}.db-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid var(--db-border)}.db-table-container table{width:100%;min-width:650px;border-collapse:collapse}.db-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.db-grid-split{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2.5rem}.db-toolbar{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.status-select option{color:#000;background-color:#fff}@media(max-width:992px){.db-grid{grid-template-columns:repeat(2,1fr)}.db-grid-split{grid-template-columns:1fr}}@media(max-width:768px){.db-actions{width:100%;justify-content:flex-start}.db-toolbar{flex-direction:column;gap:.75rem}.dashboard-container{flex-direction:column}.db-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--db-border);padding:1rem;gap:1rem}.db-logo{margin-bottom:.25rem;font-size:1.3rem}.db-nav{flex-direction:row;overflow-x:auto;padding-bottom:.5rem;gap:.5rem;-webkit-overflow-scrolling:touch}.db-nav-item{padding:.6rem .9rem;white-space:nowrap;font-size:.85rem}.db-nav-item span{display:inline-block}.db-main{padding:1.25rem 1rem}.db-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.db-title h1{font-size:1.4rem}.notifications-dropdown{width:90vw;right:5vw}.modal-content{width:95%;max-height:90vh;overflow-y:auto;padding:1.25rem}.lead-info-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:576px){.db-grid{grid-template-columns:1fr;gap:1rem}.db-card-value{font-size:1.6rem}.modal-content{padding:1rem}.db-nav-item span{display:none}}:root{--primary: #22d3ee;--secondary: #a855f7;--bg-dark: #0a0a14;--text-light: #f8fafc;--text-dim: #94a3b8}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(-45deg,#050508,#0f111a,#130b1c,#0a0a14);background-size:400% 400%;animation:gradientBG 15s ease infinite;color:var(--text-light);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:radial-gradient(circle at 20% 30%,rgba(34,211,238,.07),transparent 30%),radial-gradient(circle at 80% 70%,rgba(168,85,247,.07),transparent 30%),radial-gradient(circle at 50% 50%,rgba(34,211,238,.03),transparent 50%);pointer-events:none;z-index:-1}.app{width:100%;min-height:100vh}main{width:100%}html{scroll-behavior:smooth}::selection{background:var(--primary);color:#000}