@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-blue: #3949ab;--accent-purple: #9c27b0;--success-green: #4caf50;--warning-orange: #ff9800;--error-red: #f44336;--info-cyan: #00bcd4;--bg-primary: #ffffff;--bg-secondary: #f6f7fb;--bg-tertiary: #f8f9fa;--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-gradient-soft: linear-gradient(120deg, #a18cd1 0%, #fbc2eb 100%);--text-primary: #2d3748;--text-secondary: #4a5568;--text-muted: #718096;--text-white: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}[data-theme=dark]{--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-tertiary: #4a5568;--text-primary: #f7fafc;--text-secondary: #e2e8f0;--text-muted: #a0aec0}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;overflow-x:hidden}html{scroll-behavior:smooth;font-size:16px;margin:0;padding:0;width:100%;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:80px;width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--space-md);color:var(--text-secondary)}a{color:var(--primary-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-purple)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;gap:var(--space-sm)}.btn-primary{background:var(--primary-blue);color:var(--text-white)}.btn-primary:hover{background:var(--accent-purple);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid #e2e8f0}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-blue)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-3xl) 0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-sm)}.mb-2{margin-bottom:var(--space-md)}.mb-3{margin-bottom:var(--space-lg)}.mb-4{margin-bottom:var(--space-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-sm)}.mt-2{margin-top:var(--space-md)}.mt-3{margin-top:var(--space-lg)}.mt-4{margin-top:var(--space-xl)}@keyframes spin{to{transform:rotate(360deg)}}.loading{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}@media (max-width: 768px){.container{padding:0 var(--space-md)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}.navbar{width:100%;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-purple) 100%);padding:0;box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);margin:0}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-lg) var(--space-xl);margin:0}.logo{font-size:1.75rem;font-weight:700;color:var(--text-white);text-decoration:none;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm)}.logo:hover{color:var(--text-white);transform:scale(1.05)}.logo-image{height:65px;width:auto;object-fit:contain;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.logo:hover .logo-image{transform:scale(1.1)}.logo-text{font-size:1.75rem;font-weight:700;color:var(--text-white);transition:all var(--transition-fast)}.nav-right{display:flex;align-items:center;gap:var(--space-xl)}.nav-links{display:flex;gap:var(--space-lg)}.nav-links.simplified{gap:var(--space-lg)}.nav-links.simplified a{font-size:1.1rem;padding:var(--space-md) var(--space-lg)}.nav-links a{color:var(--text-white);font-weight:500;font-size:1rem;text-decoration:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.nav-links a:hover{color:var(--text-white);background:#ffffff1a;transform:translateY(-1px)}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--text-white);transition:all var(--transition-fast);transform:translate(-50%)}.nav-links a:hover:after{width:80%}.nav-links a.active{background:#ffffff26;color:var(--text-white);font-weight:600}.nav-links a.active:after{width:80%}.nav-link-button{background:none;border:none;color:var(--text-white);font-weight:500;font-size:1rem;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;cursor:pointer;font-family:inherit;text-decoration:none}.nav-link-button:hover{color:var(--text-white);background:#ffffff1a;transform:translateY(-1px)}.nav-link-button:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--text-white);transition:all var(--transition-fast);transform:translate(-50%)}.nav-link-button:hover:after{width:80%}.coffee-button{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;color:#3d2914;text-decoration:none;background:linear-gradient(135deg,#fd0,#ffb800);border:1px solid #FFA500;border-radius:50px;box-shadow:0 4px 12px #ffdd004d;font-weight:600;font-size:.95rem;letter-spacing:.3px;transition:all .3s ease;position:relative;overflow:hidden}.coffee-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.coffee-button:hover:before{left:100%}.coffee-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fd06;background:linear-gradient(135deg,#ffe033,#ffc933)}.coffee-button:active{transform:translateY(0)}.coffee-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.coffee-icon svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.coffee-text{font-size:.95rem;white-space:nowrap}.theme-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);color:var(--text-white);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.theme-toggle:hover{background:#fff3;transform:scale(1.1);box-shadow:var(--shadow-md)}.theme-toggle:active{transform:scale(.95)}[data-theme=dark] .navbar{background:linear-gradient(135deg,#1a202c,#2d3748);border-bottom:1px solid rgba(255,255,255,.05)}[data-theme=dark] .theme-toggle{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .theme-toggle:hover{background:#ffffff1a}@media (max-width: 768px){.navbar{padding:var(--space-md) var(--space-lg)}.nav-links{display:flex;flex-direction:column;gap:var(--space-sm);position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-purple) 100%);padding:var(--space-lg);box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.nav-link-button{text-align:left;width:100%;padding:var(--space-md)}.nav-links.show{transform:translateY(0);opacity:1;visibility:visible}.nav-right{gap:var(--space-md)}.logo{font-size:1.5rem}.logo-image{height:50px}.logo-text{font-size:1.5rem}.coffee-button{padding:8px 14px;font-size:.85rem}.coffee-text{font-size:.85rem}}@media (max-width: 480px){.navbar{padding:var(--space-sm) var(--space-md)}.logo{font-size:1.25rem}.logo-image{height:45px}.logo-text{font-size:1.25rem}.theme-toggle{padding:var(--space-xs) var(--space-sm);font-size:1rem;min-width:36px;min-height:36px}.coffee-button{padding:8px 12px;font-size:.8rem}.coffee-text{font-size:.8rem}}.footer{width:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:0;margin:0;position:relative;left:0;right:0;border-top:1px solid rgba(255,255,255,.1)}.footer-container{max-width:1200px;margin:0 auto;padding:0}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;padding:60px 30px 40px}.footer-section{display:flex;flex-direction:column;gap:20px}.footer-logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;margin-bottom:8px}.logo-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.logo-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{font-size:.9rem;color:#b0b0b0;line-height:1.6;margin:0;max-width:280px}.footer-heading{font-size:1.1rem;font-weight:600;margin:0 0 16px;color:#fff;position:relative;padding-bottom:12px}.footer-heading:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-links li{font-size:.95rem;color:#c1c1c1;transition:all .3s ease}.footer-links a{color:#c1c1c1;text-decoration:none;transition:all .3s ease;display:inline-block;position:relative}.footer-links a:hover{color:#667eea;transform:translate(4px)}.footer-links a:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.footer-links a:hover:before{width:8px}.footer-coffee-button{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;margin-top:16px;color:#3d2914;text-decoration:none;background:linear-gradient(135deg,#fd0,#ffb800);border:1px solid #FFA500;border-radius:50px;box-shadow:0 4px 12px #ffdd004d;font-weight:600;font-size:.95rem;letter-spacing:.3px;transition:all .3s ease;position:relative;overflow:hidden;width:fit-content}.footer-coffee-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.footer-coffee-button:hover:before{left:100%}.footer-coffee-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fd06;background:linear-gradient(135deg,#ffe033,#ffc933);color:#3d2914}.footer-coffee-button:active{transform:translateY(0)}.footer-coffee-button svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0}.footer-coffee-button span{white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.footer-copyright{font-size:.9rem;color:#a0a0a0}.footer-made-with{font-size:.9rem;color:#a0a0a0;display:flex;align-items:center;gap:6px}.heart{color:#e74c3c;animation:heartbeat 1.5s ease-in-out infinite;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width: 968px){.footer-content{grid-template-columns:repeat(2,1fr);gap:30px;padding:50px 24px 30px}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:30px;padding:40px 20px 30px;text-align:center}.footer-section{align-items:center}.footer-tagline{max-width:100%}.footer-heading:after{left:50%;transform:translate(-50%)}.footer-bottom{flex-direction:column;gap:12px;text-align:center;padding:20px}.footer-links a:hover{transform:none}.footer-links a:before{display:none}.footer-coffee-button{margin-top:20px}}@media (max-width: 480px){.footer-content{padding:30px 16px 24px}.footer-logo{font-size:1.3rem}.logo-icon{font-size:1.8rem}}.home-container{background:var(--bg-secondary);min-height:100vh;color:var(--text-primary);margin:0;padding:0;width:100%}.about-section{width:100vw;min-height:60vh;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient-soft);padding:var(--space-3xl) 0;overflow:hidden;position:relative}.about-content{width:100%;max-width:1200px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3xl);position:relative;z-index:2;padding:0 var(--space-lg);margin:0 auto}.about-text{flex:2;animation:fadeIn .8s ease-out}.about-text h1{font-size:3.5rem;font-weight:800;letter-spacing:-2px;margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.about-text p{font-size:1.25rem;color:var(--text-secondary);line-height:1.7;max-width:600px}.about-images{flex:1;display:flex;gap:var(--space-xl);justify-content:flex-end;animation:fadeIn 1s ease-out .3s both}.hero-img{width:180px;height:180px;object-fit:contain;border-radius:var(--radius-2xl);background:var(--bg-primary);box-shadow:var(--shadow-2xl);transition:all var(--transition-normal);border:1px solid rgba(255,255,255,.2)}.hero-img:hover{transform:scale(1.05);box-shadow:var(--shadow-2xl)}.img-left{transform:rotate(-8deg) scale(1.1);animation:float 3s ease-in-out infinite}.img-right{transform:rotate(8deg) scale(1.1);animation:float 3s ease-in-out infinite 1.5s}@keyframes float{0%,to{transform:rotate(-8deg) scale(1.1) translateY(0)}50%{transform:rotate(-8deg) scale(1.1) translateY(-10px)}}.img-right{animation:floatRight 3s ease-in-out infinite 1.5s}@keyframes floatRight{0%,to{transform:rotate(8deg) scale(1.1) translateY(0)}50%{transform:rotate(8deg) scale(1.1) translateY(-10px)}}.services-section{padding:var(--space-3xl) 0;background:transparent;width:100vw;position:relative}.section-title{text-align:center;color:var(--primary-blue);font-size:2.75rem;font-weight:700;margin-bottom:var(--space-2xl);letter-spacing:-1px;position:relative}.section-title:after{content:"";position:absolute;bottom:-var(--space-md);left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-purple) 100%);border-radius:var(--radius-sm)}.services-grid{display:grid;width:100%;max-width:1200px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);padding:var(--space-2xl) var(--space-lg)}.service-card{background:var(--bg-primary);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);text-decoration:none;color:var(--text-primary);border:1px solid #e2e8f0;min-height:200px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-top{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.card-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#3b82f61f,#a855f71f);color:var(--primary-blue);font-size:1.25rem;border:1px solid rgba(226,232,240,.8)}.card-chip{font-size:.75rem;padding:6px 10px;border-radius:999px;background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-purple) 100%);transform:scaleX(0);transition:transform var(--transition-normal)}.service-card:hover{background:var(--bg-primary);transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-2xl);border-color:var(--primary-blue)}.service-card:hover:before{transform:scaleX(1)}.service-card h3{font-size:1.5rem;color:var(--primary-blue);margin-bottom:var(--space-md);font-weight:700;transition:color var(--transition-fast)}.service-card:hover h3{color:var(--accent-purple)}.service-card p{font-size:1rem;color:var(--text-secondary);line-height:1.6;flex-grow:1}.service-card:after{content:"";position:absolute;top:-40%;left:-40%;width:80%;height:80%;background:radial-gradient(closest-side,rgba(255,255,255,.25),transparent 70%);transform:translateY(100%) rotate(15deg);transition:transform var(--transition-slow)}.service-card:hover:after{transform:translateY(0) rotate(15deg)}.card-footer{display:flex;align-items:center;gap:8px;margin-top:var(--space-lg);color:var(--primary-blue);font-weight:600}.card-cta{font-size:.95rem}.card-arrow{transition:transform var(--transition-fast)}.service-card:hover .card-arrow{transform:translate(4px)}.extra-info{background:linear-gradient(135deg,var(--bg-primary) 0%,#f8f9ff 100%);border-radius:var(--radius-2xl);margin:var(--space-3xl) auto 0 auto;max-width:1000px;width:90vw;padding:var(--space-3xl);box-shadow:var(--shadow-xl);text-align:center;border:1px solid #e2e8f0;position:relative;overflow:hidden}.extra-info:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-purple) 100%)}.extra-info h2{font-size:2rem;color:var(--primary-blue);margin-bottom:var(--space-lg);font-weight:700}.extra-info p{font-size:1.125rem;color:var(--text-secondary);line-height:1.8;max-width:800px;margin:0 auto}[data-theme=dark] .home-container{background:var(--bg-secondary)}[data-theme=dark] .about-section{background:linear-gradient(135deg,#1a202c,#2d3748)}[data-theme=dark] .service-card{background:var(--bg-primary);border-color:#4a5568}[data-theme=dark] .extra-info{background:linear-gradient(135deg,var(--bg-primary) 0%,#2d3748 100%);border-color:#4a5568}@media (max-width: 1024px){.about-content{flex-direction:column;gap:var(--space-2xl);text-align:center}.about-images{justify-content:center}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}}@media (max-width: 768px){.about-section{padding:var(--space-2xl) 0;min-height:50vh}.about-text h1{font-size:2.5rem}.about-text p{font-size:1.125rem}.section-title{font-size:2.25rem}.services-grid{grid-template-columns:1fr;gap:var(--space-lg)}.service-card{min-height:180px;padding:var(--space-xl)}.extra-info{padding:var(--space-2xl);margin:var(--space-2xl) auto 0 auto}.hero-img{width:140px;height:140px}}@media (max-width: 480px){.about-section{padding:var(--space-xl) 0}.about-text h1{font-size:2rem}.about-text p{font-size:1rem}.section-title{font-size:1.875rem}.service-card{padding:var(--space-lg);min-height:160px}.extra-info{padding:var(--space-lg);margin:var(--space-xl) auto 0 auto}.extra-info h2{font-size:1.5rem}.hero-img{width:120px;height:120px}.about-images{gap:var(--space-md)}}.analytics-page{min-height:100vh;background:var(--bg-secondary);padding:var(--space-2xl) 0}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-lg)}.loading-spinner{width:40px;height:40px;border:4px solid var(--bg-tertiary);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}.analytics-header{text-align:center;margin-bottom:var(--space-3xl)}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-lg)}.header-content>div:first-child{flex:1;text-align:left}.header-controls{display:flex;align-items:center;gap:var(--space-md)}.connection-status{display:flex;align-items:center}.status-indicator{font-size:.875rem;font-weight:500;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-xs)}.status-indicator.connected{color:var(--success-green);background:#4caf501a}.status-indicator.disconnected{color:var(--error-red);background:#f443361a}.analytics-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md);background:var(--bg-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.analytics-header p{font-size:1.125rem;color:var(--text-secondary);margin:0}.auto-refresh-toggle{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--primary-blue);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm)}.auto-refresh-toggle:hover{background:var(--primary-blue);color:var(--text-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.auto-refresh-toggle.active{background:var(--primary-blue);color:var(--text-white);box-shadow:var(--shadow-md)}.refresh-button{background:var(--primary-blue);color:var(--text-white);border:none;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-md)}.refresh-button:hover{background:var(--accent-purple);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.refresh-button:active{transform:translateY(0)}.time-range-selector{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.time-range-selector button{padding:var(--space-sm) var(--space-lg);border:2px solid var(--primary-blue);background:var(--bg-primary);color:var(--primary-blue);border-radius:var(--radius-lg);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.time-range-selector button:hover{background:var(--primary-blue);color:var(--text-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.time-range-selector button.active{background:var(--primary-blue);color:var(--text-white);box-shadow:var(--shadow-md)}.last-update{text-align:center;margin-top:var(--space-lg)}.update-indicator{font-size:.875rem;color:var(--text-muted);background:var(--bg-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05);display:inline-flex;align-items:center;gap:var(--space-xs)}.realtime-notifications{position:fixed;top:100px;right:var(--space-lg);z-index:1000;display:flex;flex-direction:column;gap:var(--space-sm);max-width:350px}.notification{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:var(--space-sm);animation:slideInRight .3s ease-out;border-left:4px solid}.notification.success{border-left-color:var(--success-green)}.notification.error{border-left-color:var(--error-red)}.notification-icon{font-size:1.25rem;flex-shrink:0}.notification-message{flex:1;font-weight:500;color:var(--text-primary);font-size:.875rem}.notification-time{font-size:.75rem;color:var(--text-muted);flex-shrink:0}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.analytics-grid{display:grid;gap:var(--space-2xl)}.metrics-section,.performance-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.05)}.metrics-section h2,.performance-section h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-sm)}.stats-grid,.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid rgba(0,0,0,.05);transition:all var(--transition-fast);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--bg-gradient);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-header{display:flex;align-items:flex-start;gap:var(--space-lg)}.stat-icon{font-size:2rem;line-height:1;flex-shrink:0}.stat-content{flex:1}.stat-title{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1.2}.stat-subtitle{font-size:.875rem;color:var(--text-muted);margin:0}.stat-trend{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.875rem;font-weight:500;margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.stat-trend.positive{color:var(--success-green);background:#4caf501a}.stat-trend.negative{color:var(--error-red);background:#f443361a}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-2xl)}.chart-container{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.05)}.chart-container h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-sm)}.file-type-chart{display:flex;flex-direction:column;gap:var(--space-lg)}.file-type-item{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:var(--space-lg)}.file-type-info{display:flex;flex-direction:column;gap:var(--space-xs);min-width:120px}.file-type-name{font-weight:500;color:var(--text-primary);font-size:.875rem}.file-type-count{font-size:.75rem;color:var(--text-muted)}.file-type-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.file-type-fill{height:100%;background:var(--bg-gradient);border-radius:var(--radius-sm);transition:width var(--transition-slow)}.file-type-percentage{font-size:.875rem;font-weight:500;color:var(--text-secondary);min-width:40px;text-align:right}.daily-chart,.hourly-chart{display:flex;align-items:end;gap:2px;height:200px;padding:var(--space-lg) 0;justify-content:space-between}.daily-bar,.hourly-bar{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);height:100%;min-width:0;flex:1}.daily-fill,.hourly-fill{width:100%;min-height:2px;background:var(--bg-gradient);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height var(--transition-slow);cursor:pointer;position:relative}.daily-fill:hover,.hourly-fill:hover{opacity:.8;transform:scaleY(1.05)}.daily-label,.hourly-label{font-size:.7rem;color:var(--text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin-top:var(--space-xs)}.activity-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.05)}.activity-section h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-sm)}.activity-list{display:flex;flex-direction:column;gap:var(--space-lg)}.activity-item{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05);transition:all var(--transition-fast)}.activity-item:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.activity-icon{font-size:1.5rem;flex-shrink:0}.activity-content{flex:1}.activity-content p{margin:0 0 var(--space-xs) 0;color:var(--text-primary);font-weight:500}.activity-time{font-size:.875rem;color:var(--text-muted)}.file-size{font-size:.75rem;color:var(--text-muted);font-weight:400;margin-left:var(--space-xs)}.activity-item.success{border-left:3px solid var(--success-green)}.activity-item.error{border-left:3px solid var(--error-red);background:#f443360d}.activity-item.error .activity-content p{color:var(--error-red)}.no-activity,.no-data{text-align:center;padding:var(--space-2xl);color:var(--text-muted);font-style:italic}.visitor-section,.demographics-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.05)}.visitor-section h2,.demographics-section h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-sm)}.visitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.demographics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-2xl)}.country-chart,.device-chart,.browser-chart{display:flex;flex-direction:column;gap:var(--space-lg)}.country-item,.device-item,.browser-item{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:var(--space-lg)}.country-info,.device-info,.browser-info{display:flex;flex-direction:column;gap:var(--space-xs);min-width:120px}.country-name,.device-name,.browser-name{font-weight:500;color:var(--text-primary);font-size:.875rem}.country-count,.device-count,.browser-count{font-size:.75rem;color:var(--text-muted)}.country-bar,.device-bar,.browser-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.country-fill,.device-fill,.browser-fill{height:100%;background:var(--bg-gradient);border-radius:var(--radius-sm);transition:width var(--transition-slow)}.country-percentage,.device-percentage,.browser-percentage{font-size:.875rem;font-weight:500;color:var(--text-secondary);min-width:40px;text-align:right}.device-item{grid-template-columns:auto 1fr 2fr auto}.device-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border-radius:var(--radius-lg)}[data-theme=dark] .visitor-section,[data-theme=dark] .demographics-section{background:var(--bg-primary);border-color:#ffffff1a}[data-theme=dark] .country-bar,[data-theme=dark] .device-bar,[data-theme=dark] .browser-bar{background:var(--bg-tertiary)}[data-theme=dark] .device-icon,[data-theme=dark] .analytics-page{background:var(--bg-secondary)}[data-theme=dark] .stat-card,[data-theme=dark] .chart-container,[data-theme=dark] .activity-section,[data-theme=dark] .metrics-section,[data-theme=dark] .performance-section{background:var(--bg-primary);border-color:#ffffff1a}[data-theme=dark] .stat-card{background:var(--bg-secondary)}[data-theme=dark] .activity-item{background:var(--bg-secondary);border-color:#ffffff1a}[data-theme=dark] .file-type-bar{background:var(--bg-tertiary)}[data-theme=dark] .time-range-selector button{background:var(--bg-primary);border-color:var(--primary-blue);color:var(--text-primary)}[data-theme=dark] .time-range-selector button:hover,[data-theme=dark] .time-range-selector button.active{background:var(--primary-blue);color:var(--text-white)}[data-theme=dark] .auto-refresh-toggle{background:var(--bg-primary);border-color:var(--primary-blue);color:var(--text-primary)}[data-theme=dark] .auto-refresh-toggle:hover,[data-theme=dark] .auto-refresh-toggle.active{background:var(--primary-blue);color:var(--text-white)}[data-theme=dark] .update-indicator{background:var(--bg-primary);border-color:#ffffff1a;color:var(--text-muted)}[data-theme=dark] .status-indicator.connected{color:var(--success-green);background:#4caf5033}[data-theme=dark] .status-indicator.disconnected{color:var(--error-red);background:#f4433633}[data-theme=dark] .notification{background:var(--bg-primary);border-color:#ffffff1a}[data-theme=dark] .notification.success{border-left-color:var(--success-green)}[data-theme=dark] .notification.error{border-left-color:var(--error-red)}@media (max-width: 768px){.analytics-page{padding:var(--space-lg) 0}.header-content{flex-direction:column;text-align:center}.header-content>div:first-child{text-align:center}.header-controls{flex-direction:column;gap:var(--space-sm)}.auto-refresh-toggle,.refresh-button{padding:var(--space-sm) var(--space-md);font-size:.875rem}.realtime-notifications{position:fixed;top:80px;right:var(--space-sm);left:var(--space-sm);max-width:none}.notification{padding:var(--space-sm)}.notification-message{font-size:.8rem}.notification-time{font-size:.7rem}.analytics-header h1{font-size:2rem}.analytics-header p{font-size:1rem}.time-range-selector{flex-direction:column;align-items:center}.time-range-selector button{width:200px}.refresh-button{padding:var(--space-sm) var(--space-md);font-size:.875rem}.stats-grid,.performance-grid,.visitor-grid,.demographics-grid{grid-template-columns:1fr}.country-item,.device-item,.browser-item{grid-template-columns:1fr;gap:var(--space-md);text-align:center}.country-bar,.device-bar,.browser-bar{order:2}.country-percentage,.device-percentage,.browser-percentage{order:3;text-align:center}.charts-section{grid-template-columns:1fr}.file-type-item{grid-template-columns:1fr;gap:var(--space-md);text-align:center}.file-type-bar{order:2}.file-type-percentage{order:3;text-align:center}.daily-chart,.hourly-chart{height:150px;gap:1px;overflow-x:auto;padding-bottom:var(--space-sm)}.daily-bar,.hourly-bar{min-width:20px;flex-shrink:0}.daily-label,.hourly-label{font-size:.6rem;transform:rotate(-45deg);white-space:nowrap;margin-top:var(--space-sm)}.activity-item{padding:var(--space-md)}.stat-card,.chart-container{padding:var(--space-lg)}}@media (max-width: 480px){.analytics-header h1{font-size:1.75rem}.stat-value,.stat-icon{font-size:1.5rem}.daily-chart,.hourly-chart{height:120px}.activity-icon{font-size:1.25rem}}.converter-container{min-height:100vh;background:var(--bg-secondary);padding:var(--space-3xl) 0}.converter-header{text-align:center;margin-bottom:var(--space-3xl);width:100%;max-width:1000px;margin-left:auto;margin-right:auto;padding:0 var(--space-lg)}.converter-title{font-size:3rem;font-weight:700;margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.converter-description{font-size:1.25rem;color:var(--text-secondary);line-height:1.6;margin-bottom:0}.converter-content{width:100%;max-width:1000px;margin:0 auto;padding:0 var(--space-lg)}.file-upload-area{background:#fff!important;border:3px dashed #cbd5e0!important;border-radius:var(--radius-2xl)!important;padding:var(--space-3xl)!important;text-align:center!important;transition:all var(--transition-normal)!important;cursor:pointer!important;position:relative!important;overflow:visible!important;min-height:350px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;box-shadow:var(--shadow-lg)!important;width:100%!important;max-width:1000px!important;margin:0 auto!important}.file-upload-area:hover{border-color:var(--primary-blue);background:#f8f9ff;transform:translateY(-4px);box-shadow:var(--shadow-2xl);border-width:4px}.file-upload-area:hover .file-upload-text{color:#1a202c}.file-upload-area:hover .file-upload-subtext{color:#2d3748}.file-upload-area.dragover{border-color:var(--accent-purple);background:#faf5ff;transform:scale(1.05);border-width:4px;box-shadow:var(--shadow-2xl)}.file-upload-area.dragover .file-upload-text{color:#1a202c}.file-upload-area.dragover .file-upload-subtext{color:#2d3748}.file-upload-icon{font-size:6rem;margin-bottom:var(--space-xl);opacity:.8;transition:all var(--transition-normal);z-index:2;position:relative}.file-upload-area:hover .file-upload-icon{opacity:1;transform:scale(1.1)}.file-upload-text{font-size:1.5rem!important;font-weight:700!important;color:#2d3748!important;margin-bottom:var(--space-sm)!important;text-align:center!important;z-index:2!important;position:relative!important;display:block!important;visibility:visible!important;opacity:1!important}.file-upload-subtext{color:#4a5568!important;font-size:1.125rem!important;font-weight:600!important;text-align:center!important;z-index:2!important;position:relative!important;display:block!important;visibility:visible!important;opacity:1!important}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-preview{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-xl);margin-top:var(--space-xl);box-shadow:var(--shadow-md);border:1px solid #e2e8f0}.file-info{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.file-details h4{margin-bottom:var(--space-xs);color:var(--text-primary)}.file-details p{margin:0;color:var(--text-muted);font-size:.875rem}.image-preview{max-width:200px;max-height:200px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:var(--space-md) auto;display:block}.loading-container{text-align:center;padding:var(--space-3xl)}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-lg)}.loading-text{color:var(--text-secondary);font-size:1.125rem;font-weight:500}.convert-btn{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-purple) 100%);color:var(--text-white);border:none;border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-2xl);font-size:1.125rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);width:100%;margin-top:var(--space-lg)}.convert-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.convert-btn:active{transform:translateY(0)}.pdf-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);margin-top:var(--space-2xl);box-shadow:var(--shadow-lg);border:1px solid #e2e8f0}.pdf-preview{width:100%;height:500px;border:1px solid #e2e8f0;border-radius:var(--radius-lg);margin-bottom:var(--space-lg);background:#f8f9fa}.download-btn{display:inline-flex;align-items:center;gap:var(--space-sm);background:linear-gradient(135deg,var(--success-green) 0%,#2e7d32 100%);color:var(--text-white);padding:var(--space-lg) var(--space-2xl);border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-size:1.125rem;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.download-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);color:var(--text-white)}.success-message{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);border:1px solid var(--success-green);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-lg);text-align:center}.success-message h4{color:var(--success-green);margin-bottom:var(--space-sm)}.success-message p{color:var(--text-secondary);margin:0}.error-message{background:linear-gradient(135deg,#ffebee,#fce4ec);border:1px solid var(--error-red);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-lg);text-align:center}.error-message h4{color:var(--error-red);margin-bottom:var(--space-sm)}.error-message p{color:var(--text-secondary);margin:0}.text-to-pdf-container{display:flex;flex-direction:column;gap:var(--space-2xl);width:100%}.text-input-area{background:var(--bg-primary);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);border:1px solid #e2e8f0}.text-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid #f1f5f9}.text-input-header h3{font-size:1.5rem;font-weight:700;color:var(--primary-blue);margin:0}.text-stats{display:flex;gap:var(--space-lg)}.char-count,.word-count{font-size:.875rem;font-weight:600;color:var(--text-secondary);background:#f8f9fa;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md)}.text-to-pdf-textarea{width:100%;min-height:300px;padding:var(--space-lg);border:2px solid #e2e8f0;border-radius:var(--radius-lg);font-size:1rem;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);background:#fff;resize:vertical;transition:all var(--transition-normal);outline:none}.text-to-pdf-textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3949ab1a}.text-to-pdf-textarea::placeholder{color:var(--text-muted);font-style:italic}.text-input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid #f1f5f9}.format-options{display:flex;gap:var(--space-lg)}.format-option{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer}.format-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-blue)}.clear-text-btn{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.clear-text-btn:hover:not(:disabled){background:#ffebee;border-color:#f44336;color:#d32f2f}.clear-text-btn:disabled{opacity:.5;cursor:not-allowed}.convert-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.chip-btn{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.chip-btn.active,.chip-btn:hover{background:#dbeafe;border-color:#93c5fd}.convert-btn{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-purple) 100%);color:var(--text-white);border:none;border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-2xl);font-size:1.125rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--space-sm);min-width:200px;justify-content:center}.convert-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.convert-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon{font-size:1.25rem}.btn-text{font-weight:600}.download-section{text-align:center;background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);border:1px solid #e2e8f0;width:100%;max-width:500px;margin:0 auto}.success-message h4{color:var(--success-green);margin-bottom:var(--space-sm);font-size:1.25rem;font-weight:700}.success-message p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:1rem}[data-theme=dark] .text-input-area{background:var(--bg-primary);border-color:#4a5568}[data-theme=dark] .text-to-pdf-textarea{background:var(--bg-primary);border-color:#4a5568;color:var(--text-primary)}[data-theme=dark] .text-to-pdf-textarea:focus{border-color:var(--primary-blue)}[data-theme=dark] .char-count,[data-theme=dark] .word-count{background:#2d3748;color:var(--text-secondary)}[data-theme=dark] .clear-text-btn{background:#2d3748;border-color:#4a5568;color:var(--text-secondary)}[data-theme=dark] .download-section{background:var(--bg-primary);border-color:#4a5568}.file-list-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);margin-top:var(--space-2xl);box-shadow:var(--shadow-lg);border:1px solid #e2e8f0;width:100%;max-width:800px;margin-left:auto;margin-right:auto}.file-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid #f1f5f9}.file-list-header h3{font-size:1.5rem;font-weight:700;color:var(--primary-blue);margin:0}.clear-all-btn{background:#ffebee;border:1px solid #f44336;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:.875rem;font-weight:500;color:#d32f2f;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-xs)}.clear-all-btn:hover:not(:disabled){background:#f44336;color:#fff}.clear-all-btn:disabled{opacity:.5;cursor:not-allowed}.file-list{display:flex;flex-direction:column;gap:var(--space-md)}.file-item{display:flex;align-items:center;justify-content:space-between;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-fast)}.file-item:hover{background:#f1f5f9;border-color:var(--primary-blue);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.file-info{display:flex;align-items:center;gap:var(--space-md);flex:1}.file-icon{font-size:2rem;color:var(--primary-blue)}.file-details h4{margin:0 0 var(--space-xs) 0;color:var(--text-primary);font-size:1rem;font-weight:600;word-break:break-word}.file-details p{margin:0;color:var(--text-secondary);font-size:.875rem}.remove-file-btn{background:#ffebee;border:1px solid #f44336;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#d32f2f;cursor:pointer;transition:all var(--transition-fast);font-size:1rem;font-weight:700}.remove-file-btn:hover:not(:disabled){background:#f44336;color:#fff;transform:scale(1.1)}.remove-file-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .file-list-section{background:var(--bg-primary);border-color:#4a5568}[data-theme=dark] .file-item{background:#2d3748;border-color:#4a5568}[data-theme=dark] .file-item:hover{background:#374151;border-color:var(--primary-blue)}[data-theme=dark] .file-details h4{color:var(--text-primary)}[data-theme=dark] .file-details p{color:var(--text-secondary)}[data-theme=dark] .file-list-header{border-bottom-color:#4a5568}[data-theme=dark] .clear-all-btn{background:#2d3748;border-color:#4a5568;color:var(--text-secondary)}[data-theme=dark] .clear-all-btn:hover:not(:disabled){background:#f44336;color:#fff}@media (max-width: 768px){.converter-title{font-size:2.5rem}.converter-description{font-size:1.125rem}.file-upload-area{padding:var(--space-2xl);min-height:280px}.file-upload-icon{font-size:4rem;margin-bottom:var(--space-lg)}.file-upload-text{font-size:1.25rem}.file-upload-subtext{font-size:1rem}.converter-content{padding:0 var(--space-md)}}@media (max-width: 480px){.converter-container{padding:var(--space-xl) 0}.converter-title{font-size:2rem}.file-upload-area{padding:var(--space-xl);min-height:250px}.file-upload-icon{font-size:3.5rem;margin-bottom:var(--space-md)}.file-upload-text{font-size:1.125rem}.file-upload-subtext{font-size:.9rem}.file-info{flex-direction:column;text-align:center}.text-input-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.text-stats{gap:var(--space-md)}.text-input-footer{flex-direction:column;gap:var(--space-md);align-items:flex-start}.format-options{gap:var(--space-md)}.text-to-pdf-textarea{min-height:250px}.convert-btn{width:100%;min-width:auto}.file-list-section{padding:var(--space-lg);margin-top:var(--space-lg)}.file-list-header,.file-item{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.file-info{width:100%}.remove-file-btn{align-self:flex-end}}