  <style>
    :root {--header-height: 50px; --footer-height: 50px;}
    *{margin:0;padding:0;box-sizing:border-box;font-family:'Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;}
    body{color:#0bffd2;min-height:100vh;overflow-x:hidden;transition: all 0.8s ease;}
    body [title] {position: relative;cursor: help;text-transform: capitalize !important;}
    body.weekday-theme { background: linear-gradient(135deg, #001a00 0%, #000000 25%, #003366 50%, #000000 75%, #001a00 100%); }
    body.midweek-theme { background: linear-gradient(135deg, #000033 0%, #001a33 25%, #0f3c1f 50%, #001a33 75%, #000033 100%); 
    }
    body.weekend-theme { background: linear-gradient(145deg, #0a5732 0%, #094950 100%); }        
    body.christmas-theme { background: linear-gradient(135deg, #1a2a6c 0%, #1a2a6c 25%, #b21f1f 50%, #1a2a6c 75%, #1a2a6c 100%); 
    }
    #preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:6500;transition:opacity 0.8s ease-out,visibility 0.8s;}
    ::-webkit-scrollbar { width: 2px; height: 2px; } 
    ::-webkit-scrollbar-track { background: #3d175e; border-radius: 0 0 15px 15px; } 
    ::-webkit-scrollbar-thumb { background: #04fefc; border-radius: 15px; cursor: pointer;}
    ::-webkit-scrollbar-thumb:hover { background: #9cfe04; }
    #particles-js {position: fixed;top: 0;left: 0;width: 100%;height: 100%;
    z-index: 8000; pointer-events: none !important; opacity: 1;
    transition: opacity 0.5s ease;}
    .particlesOnLoad{ transition:opacity 0.8s ease-out,visibility 0.8s;}
    #preloader.hidden{opacity:0;visibility:hidden;}
    .jem-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;position:relative;z-index:2;}
    .logo-container {display: flex;justify-content: center; margin: 30px 0;}
    .logo {width: 120px;height: 120px;margin-bottom: 30px;position: relative;}
    .logo-inner {width: 100%;height: 100%;background:transparent;overflow: hidden;border-radius: 50%;display: flex;justify-content: center;align-items: center;animation: pulse 2s infinite alternate;}
    .logo-inner:hover {transform: scale(1.1);filter: brightness(1.1); } 
    .logo-img {width: 100px; height: 100px;object-fit:cover;background: linear-gradient(135deg, #001a00 0%, #000000 25%, #003366 50%, #000000 75%, #001a00 100%);background-size:contain;background-repeat: no-repeat; background-position: center; border-radius: 50%; }
    .progress-container{width:80%;max-width:500px;background:rgba(255,255,255,0.1);height:20px;border-radius:15px;overflow:hidden;margin:20px 0;box-shadow:0 0 10px rgba(0,180,219,0.3);position:relative;z-index:2;}
    .progress-bar{height:100%;width:0%;border-radius:15px;transition:width 0.5s ease-out;}
    .status-message{font-size:17px;margin:5px 0;text-align:center;min-height:30px;font-weight:500;position:relative;z-index:2;color:#ff4d4d;}
    .loading-dots:after{content:'';animation:dots 1.5s infinite;}
    .finishing-message{color:#47FF8E;font-weight:600;}
    .spinning-dots{position:relative;width:80px;height:80px;margin-bottom:15px;}
    .spinning-dots div{position:absolute;top:0;width:100%;height:100%;animation:spin 1.2s linear infinite;}
    .spinning-dots div:after{content:'';position:absolute;top:0;left:42px;width:8px;height:8px;border-radius:50%;background:#fff;animation:shrink 1.2s infinite ease-in-out both;}
    .spinning-dots div:nth-child(1){animation-delay:-1.1s;}
    .spinning-dots div:nth-child(2){animation-delay:-1.0s;}
    .spinning-dots div:nth-child(3){animation-delay:-0.9s;}
    .spinning-dots div:nth-child(4){animation-delay:-0.8s;}
    .spinning-dots div:nth-child(5){animation-delay:-0.7s;}
    .spinning-dots div:nth-child(6){animation-delay:-0.6s;}
    .spinning-dots div:nth-child(1):after{animation-delay:-1.1s;}
    .spinning-dots div:nth-child(2):after{animation-delay:-1.0s;}
    .spinning-dots div:nth-child(3):after{animation-delay:-0.9s;}
    .spinning-dots div:nth-child(4):after{animation-delay:-0.8s;}
    .spinning-dots div:nth-child(5):after{animation-delay:-0.7s;}
    .spinning-dots div:nth-child(6):after{animation-delay:-0.6s;}
    .wavy-text{font-size:1.8rem;font-weight:800;color:#F55B27;letter-spacing:0.05em;margin-bottom:5px;text-shadow:0 2px 10px rgba(0,0,0,0.3);position:relative;z-index:2; text-shadow: 0 0 10px red, 0 0 20px red, 2px 2px 4px rgba(0,0,0,.5); animation: glow 2s infinite alternate; }
    .wavy-text span{display:inline-block;animation:wave 2s infinite;animation-delay:calc(0.1s * var(--i));}
    .loading-status{font-size:1.1rem;color:rgba(255,255,255,0.9);font-weight:600;position:absolute;bottom:40px;}
    .loading-status:after{content:'';animation:dots 1.5s steps(5,end) infinite;}
    .progress-bar:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);z-index:1;background-size:30px 30px;animation:moveStripes 1s linear infinite;overflow:hidden;}
    .server-status-container{background: linear-gradient(135deg, #1a2a6c, #b21f1f, #1a2a6c); color: #0bffd2;backdrop-filter:blur(10px);border-radius:15px;padding:5px;max-width:600px;width:90%;box-shadow:0 10px 30px rgba(0,0,0,0.3);border:2px solid rgba(255,255,255,0.2);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;text-align:center; max-height: 75vh;}
    .contact-info{margin-top:20px;padding-top:10px;border-top:1px solid rgba(255,255,255,0.2);}
    .developer-panel{position:fixed;bottom:20px;right:20px;background:rgba(15,23,30,0.9);padding:15px;border-radius:15px;border:1px solid #00b4db;display:flex;flex-direction:column;gap:10px;z-index:4000;transition:opacity 0.5s ease,transform 0.5s ease;box-shadow:0 5px 15px rgba(0,0,0,0.3);}
    #panel-toggle {z-index: 4001;}
    .developer-panel.hidden{opacity:0;transform:translateY(20px);pointer-events:none;}
    .dev-btn{background:linear-gradient(45deg,#00b4db,#0083b0);border:none;color:white;padding:8px 15px;border-radius:5px;cursor:pointer;font-weight:500;transition:transform 0.2s,opacity 0.2s;}
    .dev-btn:hover{transform:translateY(-2px);opacity:0.9;}
    .dev-btn.toggle-panel{position:fixed;bottom:20px;right:20px;z-index:1001;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;}
    /* TOAST STYLES */
    .jemtstbg { background: linear-gradient(135deg, #1a2a6c, #b21f1f, #1a2a6c); color: #0bffd2; z-index: 10000 !important;}
    .jem-toast { box-shadow: 0 0 15px rgba(0,0,0,0.2); border: none; margin-bottom: 10px; max-width: min(400px, 95vw); overflow: hidden; position: relative; border-radius: 15px; margin-left: 10px;margin-right: 10px; z-index: 10000 !important; }
    .jem-toast-success { background-color: #0c6d27 !important; border-left: 4px solid #28a745 !important; color: #ccfff9 !important; z-index: 10000 !important;} 
    .jem-toast-danger { background-color: #f8d7da !important; border-left: 4px solid #dc3545 !important; color: #30094a !important; z-index: 10000 !important;}        
    .jem-toast-warning { background-color: #fff3cd !important; border-left: 4px solid #ffc107 !important; color: #30094a !important; z-index: 10000 !important;}        
    .jem-toast-info { background-color: #10878a !important; border-left: 4px solid #17a2b8 !important; color: #ccfff9 !important; z-index: 10000 !important;}
    .jem-progress-container { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background-color: rgba(0,0,0,0.1); } 
    .jem-progress-bar { height: 100%; width: 100%; transition: width 0.1s linear; }        
    .jem-toast-success .jem-progress-bar { background-color: #fef200; }        
    .jem-toast-danger .jem-progress-bar { background-color: #1f24a8; }        
    .jem-toast-warning .jem-progress-bar { background-color: #1f24a8; }        
    .jem-toast-info .jem-progress-bar { background-color: #fef200; }
    .jem-toast-top-center { top: calc(var(--header-height) + 5px); left: 50%; transform: translateX(-50%); }        
    .jem-toast-top-right { top: calc(var(--header-height) + 5px); right: clamp(2px, 0.5vw, 8px); }        
    .jem-toast-bottom-right { bottom: calc(var(--footer-height) + 1px); right: clamp(2px, 0.5vw, 8px); } 
    .jem-toast-animate-slide-right { animation: slideInRight 0.3s forwards; }   
    .jem-toast-animate-slide-left { animation: slideInLeft 0.3s forwards; } 
    .jem-toast-animate-slide-down { animation: slideInDown 0.3s forwards; }
    .jem-toast-animate-fade { animation: fadeIn 0.3s forwards; }
    .jem-toast-btn { font-weight: bold; min-width: clamp(60px, 15vw, 80px); }  
    .jem-policy-container { max-height: 70vh; overflow-y: auto; padding: clamp(5px, 2vh, 10px);}
    .text-warning { color: #ffdd00 !important; }   
    .xmas-particle{position:absolute;pointer-events:none;z-index:1;}
    .bubble{position:absolute;border-radius:50%;background:rgba(255,255,255,0.6);animation: floatBubble linear infinite;box-shadow:0 0 10px rgba(255,255,255,0.8);}
    .snowflake {position: absolute; color: #fff;user-select: none; z-index: 1;
        animation: fall linear infinite;
    } .dot {position: absolute; background: #ffffff;border-radius: 50%;
        animation: float linear infinite;
    } .glitter {position: absolute; width: 6px; height: 6px;background: gold;
        border-radius: 50%; animation: glitter 1.5s infinite alternate;
        box-shadow: 0 0 10px gold;
    }
    .jem-message-container.show::before { opacity: 1; } 
    .jem-message-container.show { animation: modalAppear 0.4s ease-out; }     
    .Jem-header{position:relative;max-height: 75vh; display:flex;flex-direction:column;align-items:center;overflow:hidden;margin-bottom:5px;padding-top:5px;}
    .Jem-device-ntwrk { position: absolute; right: 10px; top: 10px; }
    .Jem-logo-container{position:relative;z-index:15;width:150px;height:150px;display:flex;align-items:center;justify-content:center;margin:10px 0;}
    .Jem-logo{width:120px;height:120px;background:rgba(0,0,0,0.5);border-radius:50%;padding: 1px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 25px rgba(11,255,210,0.8);position:relative;z-index:1000;border:3px solid #0bffd2;animation:Jem-Flicker 2s infinite;caret-color:#0FFFE3;}
    .Jem-logo-curve { width: 150px;height: 70px; position: absolute; top: 50%;left: 50%; transform: translate(-50%, 10px); border-radius: 0 0 90px 90px; background: rgba(11, 255, 210, 0.15);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15), 0 0 30px rgba(11, 255, 210, 0.3), inset 0 0 15px rgba(11, 255, 210, 0.1); z-index: 200; filter: blur(0.7px);
        border: 1px solid rgba(11, 255, 210, 0.1); margin-bottom: 10px;
    }
    .jem-min-logo {width: 40px; height: 40px;object-fit:cover;background: linear-gradient(135deg, #001a00 0%, #000000 25%, #003366 50%, #000000 75%, #001a00 100%);background-size:contain;background-repeat: no-repeat; background-position: center; border-radius: 50%; }
    .Jem-beaming-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(11,255,210,0.4) 0%,transparent 70%);animation:Jem-beam 4s infinite alternate;z-index:5;
        border: 1px solid rgba(11, 255, 210, 0.1); filter: blur(0.7px);
    }
    .Jem-search-container{position:relative;z-index: 2025;
    pointer-events: auto !important; background:rgba(0,0,0,0.4);padding:8px 12px;border-radius:30px;backdrop-filter:blur(7px);border:1px solid rgba(11,255,210,0.3);box-shadow:0 5px 15px rgba(0,0,0,0.3);margin:5px 0;margin-top:40px;}
    .Jem-search-select{padding:8px 15px;background:rgba(0,0,0,0.5);border:1px solid rgba(11,255,210,0.3);border-radius:20px;color:#0bffd2;font-size:14px;outline:none;flex:1;min-width:170px; background-color: #054f46; text-align-last: center; cursor: pointer !important;}
    .form-select:focus { background-color:#054f46;border-color:#2ae8ff;
    box-shadow:0 0 0 0.2rem rgba(42, 232, 255, 0.25);cursor:pointer !important;}
    .Jem-search-select option {text-align: center; }
    .Jem-search-btn{padding:8px 20px;background:rgba(11,255,210,0.2);border:1px solid rgba(11,255,210,0.5);border-radius:20px;color:#0bffd2;cursor:pointer;transition:all 0.3s ease;}
    .Jem-search-btn:hover{background:rgba(11,255,210,0.4);transform:scale(1.05);}
    .Jem-date-time{position:relative;z-index:200;background:rgba(0,0,0,0.3);padding:8px 20px;border-radius:15px;backdrop-filter:blur(5px);border:1px solid rgba(11,255,210,0.2);margin-top:5px;text-align:center;}
    .Jem-Session{font-size:13px;font-weight:600;margin-bottom:3px;color:#B5F5E8;}
    .Jem-date{font-size:15px;font-weight:600;margin-bottom:3px;color:#FCC605;}
    .Jem-Sign{font-size:18px;font-weight:bold;margin-top:5px;color:#FCC605; animation: Jem-colorChange 5s infinite alternate; }
    .Jem-time{font-size:16px;font-weight:bold;color:#14FF66;text-shadow:0 0 5px rgba(11,255,210,0.7);}
    .Jem-year-count{font-size:10px;font-weight:bold;color:#8EF505;text-shadow:0 0 5px rgba(11,255,210,0.7);}
    /* ===== JEM SOCIAL MEDIA BAR ===== */
    .Jem-social-media{box-shadow:0 -2px 10px rgba(0,0,0,0.1);position:fixed;left:0;right:0;z-index:2025;bottom:0;pointer-events:auto!important;background:transparent;border-radius:15px 15px 0 0!important;display:flex;flex-direction:row;justify-content:space-between;align-items:center;transform:translateY(-50%);gap:10px;padding:0 15px;}
    .Jem-social-center{display:flex;justify-content:center;align-items:center;flex:1;gap:8px;padding:5px 0;overflow-x:visible;border-radius:15px; }
    .Jem-social-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.3);font-size:18px;transition:all 0.3s ease;box-shadow:0 0 10px rgba(11,255,210,0.5);flex-shrink:0;color:white;border:none;cursor:pointer;}
    .Jem-capture-btn,.Jem-chat-btn{flex-shrink:0;z-index:1;}
    .Jem-chat-btn.has-notification { animation: pulse-glow 2s infinite; }
    .Jem-chat-btn.has-notification .fa-comments { color: #ff6b6b; }
    /* Badge styles */
    .Jem-chat-btn .chat-badge { position: absolute; top: -5px; right: -5px;
        background: #ff4444;color: white; border-radius: 50%; width: 8px;
        height: 8px;font-size: 0; border: 2px solid white;
    }
    .Jem-chat-btn .chat-badge.with-count { width: 18px; height: 18px; font-size: 0.6rem; display: flex; align-items: center; justify-content: center; }
    .Jem-social-icon:hover{ transform: scale(1.2); background: rgba(11,255,210,0.2);box-shadow: 0 0 20px rgba(11,255,210,0.8); }
    .Jem-social-icon[data-platform="whatsapp"] { background: linear-gradient(135deg, #25D366, #128C7E); }
    .Jem-social-icon[data-platform="facebook"] { background: linear-gradient(135deg, #1877F2, #0D5FD7); }
    .Jem-social-icon[data-platform="instagram"] { background: linear-gradient(135deg, #E4405F, #833AB4, #405DE6); }
    .Jem-social-icon[data-platform="linkedin"] { background: linear-gradient(135deg, #0077B5, #005885); }
    .Jem-social-icon[data-platform="twitter"] { background: linear-gradient(135deg, #000000, #333333); }
    .Jem-social-icon[data-platform="youtube"] { background: linear-gradient(135deg, #BD081C, #9A0616); }
    .Jem-social-icon[data-platform="email"] { background: linear-gradient(135deg, #4facfe, #00f2fe); }
    .Jem-cards-container{position:fixed;left:0;width:100%;height:150px;overflow:hidden;z-index:2025;pointer-events:auto!important}
    .Jem-card{position:absolute;width:260px;height:100px;background:rgba(0,0,0,0.4);border-radius:15px;padding:2px;box-shadow:0 10px 20px rgba(0,0,0,0.3);display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(5px);border:1px solid rgba(11,255,210,0.2);transition:all 0.3s ease;cursor:pointer;opacity:0; animation-iteration-count: infinite; animation-fill-mode: both;}
    .Jem-modal-size { font-size: calc(1em * var(--scale-factor, 1.5)); line-height: 1.4; }
    .Jem-modal-overlay { cursor: pointer; }
    .Jem-enlarged-card { background:rgba(0,0,0,0.4);border-radius:15px; box-shadow:0 10px 20px rgba(0,0,0,0.3); overflow-y: auto; }
    .Jem-card-title{font-size:clamp(0.8rem,1.8vw,0.9rem);font-weight:bold;margin-bottom:5px;text-align:center}
    .Jem-card-description{font-size:clamp(0.5rem,1.3vw,0.6rem); line-height:1.2}
    .Jem-card-link{display:block;margin-top:5px;padding:5px 10px;background:rgba(11,255,210,0.2);border-radius:15px;color:#05FC7C;text-decoration:none;font-size:clamp(0.65rem,1.5vw,0.75rem);transition:all 0.3s ease;text-align:center;border:none}
    .Jem-card.Jem-visible{opacity:1;}
    .Jem-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.4);}
    .Jem-card.Jem-stopped{animation-play-state:paused !important;z-index:2040;}
    .Jem-card.Jem-highlighted {
        animation: none !important; transform: scale(1.2) !important;
        position: fixed !important; left: 50% !important;
        top: 50% !important;margin: 0 !important;
        transform: translate(-50%, -50%) scale(1.2) !important;
        z-index: 2050; box-shadow: 0 0 30px rgba(11,255,210,0.8);
        border: 2px solid #0bffd2; opacity: 1 !important;
    }
    .Jem-card-link:hover { background: rgba(11,255,210,0.3);
    transform: scale(1.05); box-shadow: 0 0 20px rgba(11,255,210,0.8); }
    .Jem-text-lines-container { position: absolute; left: 15px; top: 10px; 
        width: 300px; height: 95vh; overflow: hidden; z-index: 100; 
    }
    .Jem-text-line {position: absolute; width: 100%;padding: 15px 0; opacity: 0;
        font-size: clamp(0.65rem, 1.3vw, 0.7rem); font-weight: 600; 
        animation: Jem-floatUp 17s ease-in-out infinite;
        animation-delay: calc(var(--line-index) * 2.5s), 0s;
    }
    .jem-fade-outL {opacity: 0 !important; transform: translateY(20px) !important;}
    /* Chat Modal Content */
    .JemSysChat-modal-content { border-radius: 15px;box-shadow: 0 10px 30px rgba(0,0,0,0.3);border: 1px solid rgba(255,255,255,0.1);
        background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    }/* Header Styles */
    .JemSysChat-header {border-bottom: none; padding: 5px 10px; border-radius: 15px 15px 0 0 !important; background: linear-gradient(135deg, #001a00 0%, #000000 25%, #003366 50%, #000000 75%, #001a00 100%); font-weight: bold; 
        display: flex !important; justify-content: space-between; align-items: center; flex-wrap: nowrap;font-size: 0.9rem;min-height: 45px; gap: 10px;
    }/* Buttons - fixed size */
    .JemSysChat-clear-btn, .JemSysChat-close-btn { background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.3); color: white; border-radius: 6px; padding: 6px; font-size: 0.8rem;cursor: pointer;transition: all 0.3s ease;
        flex-shrink: 0;width: 32px;height: 32px;display: flex; align-items: center;
        justify-content: center;}
    .JemSysChat-clear-btn:hover,.JemSysChat-close-btn:hover {background: rgba(255,255,255,0.2);}
    /* Title - takes remaining space and truncates */
    .JemSysChat-title { margin: 0;text-align: center; white-space: nowrap;
        overflow: hidden;text-overflow: ellipsis; flex: 1; min-width: 0; font-size: 0.9rem;font-weight: bold; padding: 0 5px;
    }/* Messages Container */
    .JemSysChat-messages { height: 400px; overflow-y: auto; padding: 5px;
        background: rgba(255,255,255,0.05); font-size: 0.8rem;
    }/* Individual Messages */
    .JemSysChat-message { display: flex; align-items: flex-end;  padding: 5px; margin: 5px; border-radius: 15px;  max-width: 100%;
    }.JemSysChat-message.JemSysChat-bot {flex-direction: row;}
    .JemSysChat-message.JemSysChat-user { flex-direction: row-reverse;}
    /* Avatar */
    .JemSysChat-avatar {width: 35px;height: 35px; border-radius: 50%; display: flex; align-items: center;justify-content: center;margin: 0 8px;font-size: 0.8rem;
    }.JemSysChat-bot .JemSysChat-avatar { background: transparent;
    }.JemSysChat-user .JemSysChat-avatar { background: transparent;
    } .Jem-avatar-image {width: 100%;height: 100%; border-radius: 50%;
    background-size: cover; background-position: center;
    background-repeat: no-repeat; border: 2px solid white;}
    .Jem-avatar-image.has-image { background-size: cover; background-position: center;}
    .Jem-avatar-image.has-icon {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
    /* Chat Bubbles */
    .JemSysChat-bubble {max-width: 70%; padding: 10px 12px; border-radius: 18px;position: relative; word-wrap: break-word;}
    .JemSysChat-bot .JemSysChat-bubble { background-color: #f1f1f1;
        color: #333; border: 1px solid rgba(102, 126, 234, 0.3); border-bottom-left-radius: 5px;
    }.JemSysChat-user .JemSysChat-bubble { background-color: #006400;
        color: white; border: 1px solid rgba(245, 87, 108, 0.3);border-bottom-right-radius: 5px;}
    /* Message Time */
    .JemSysChat-time { font-size: 0.7rem; opacity: 0.7; margin-top: 5px;
        text-align: right;}
    /* Footer & Input */
    .JemSysChat-footer {background: rgba(255,255,255,0.05);
        border-top: 1px solid rgba(255,255,255,0.1);border-radius: 0 0 15px 15px; padding: 10px 12px;}.JemSysChat-input-group {
        background: rgba(255,255,255,0.1); border-radius: 25px;
        border: 1px solid rgba(255,255,255,0.2);overflow: hidden;}
    .JemSysChat-input { background: transparent;border: none; color: white;  padding: 10px 15px;}.JemSysChat-input::placeholder {color: rgba(255,255,255,0.7); font-size: 0.9rem; }
    .JemSysChat-input:focus { background: transparent;color: white; border: none;
        box-shadow: none; }
    .JemSysChat-send-btn { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; color: white; padding: 10px 15px; border-radius: 0 25px 25px 0; } .JemSysChat-send-btn:hover {background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);  color: white;
    }
    .jem-wait-card { width: 100%; max-width: 300px; position: relative; z-index: 3030; padding: 1rem; text-align: center; background: linear-gradient(135deg, #043e23 0%, #05334e 100%); border-radius: 30px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); margin: 0 auto; backdrop-filter: blur(5px); border: 1px solid rgba(75, 85, 99, 0.5);
    }
    .jem-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(5px);  z-index: 3000; display: none; animation: fadeIn 0.3s ease-out; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease 
    }
    .progress-containerChat { display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%; }    
    .spinner-container { 
        position: relative; width: 100px; height: 100px;margin: 0 auto 1rem; 
    }  
    .spinner-outer {position:absolute;width:100%;height:100%;border-radius:50%; 
        border: 4px solid transparent;border-top: 4px solid #4facfe; 
        border-right: 4px solid #00f2fe;animation:waitspin 1.5s linear infinite;
        box-sizing: border-box;-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .spinner-inner { position: absolute; top: 15px;left: 15px; width: 70px; 
        height: 70px; border-radius: 50%; border: 3px solid transparent; 
        border-bottom: 3px solid #38bdf8; border-left: 3px solid #4facfe;
        animation: waitspin-reverse 1s linear infinite;
        box-sizing: border-box; -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }    
    .spinner-center { position: absolute; top: 50%; left: 50%; 
        transform: translate(-50%, -50%); width: 20px; height: 20px;
        border-radius: 50%;background:linear-gradient(135deg, #4facfe, #00f2fe);
        box-shadow: 0 0 10px rgba(79, 172, 254, 0.7);
        -webkit-backface-visibility: hidden;backface-visibility: hidden;
    }    
    .spinner-pulse { 
        position: absolute; top: 50%;left: 50%;transform:translate(-50%, -50%); 
        width: 30px; height: 30px;border-radius: 50%; 
        background: rgba(79, 172, 254, 0.3); 
        animation: waitpulse 2s ease-out infinite;
        -webkit-backface-visibility: hidden;backface-visibility: hidden;
    }
    .jem-fade-in { animation: fadeIn 0.8s ease-in forwards; }    
    .jem-fade-out { animation: fadeOut 0.8s ease-out forwards; } 
    .modal-header { border-bottom: none; padding-top: 5px; gap: 0.5rem; 
        border-radius: 15px 15px 0 0 !important; background-color: #05334e; background: linear-gradient(135deg, #001a00 0%, #000000 25%, #003366 50%, #000000 75%, #001a00 100%); color: white; font-weight: bold; display: flex !important; justify-content: space-between !important; align-items: center !important; text-align: center; flex-wrap: nowrap; padding-bottom: 5px !important; font-size: 0.9rem; }
    .my-modal-buttons { display: flex; justify-content: space-between; align-items: center; padding: 0.875rem;
        border-radius: 0.25rem; gap: 0.2rem; flex-wrap: wrap; }    
    .my-modal-buttons .btn { white-space: nowrap; flex: 0 1 auto; min-width: max-content; border-radius: 15px; }        
    .modal { visibility: visible; } .modal-overlay.fading { pointer-events: none; }    
    .modal.hiding { visibility: hidden !important; display: block !important; animation: modalClose 0.3s forwards; }
    .modal-backdrop { display: none !important; }
    .modal-content { overflow: hidden; pointer-events: auto; backdrop-filter: blur(8px);background-color: #05334e;  
      background: linear-gradient(135deg, #05334e 0%, #043e23 100%); color: #bcfff8; border-radius: 15px !important; margin-top: 1rem !important; border: 1px solid #0d6efd !important; }   
    .modal.fade .modal-dialog { transition: transform 0.3s ease-out, opacity 0.3s ease; transform: none !important; }
    .photo-loading { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5);
        border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white;
        opacity: 0; transition: opacity 0.3s; z-index: 3; pointer-events: none; }
    .photo-loading.show { opacity: 1; }  
    .jem-Overlay-Drop { position: fixed; top: 0; left: 0; right: 0; 
        bottom: 0; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(5px); 
     display: flex;justify-content:center;align-items: center; transition: all 0.3s ease; opacity: 0;visibility:hidden; z-index: 6500;
    } .jem-Overlay-Drop.active { opacity: 1;visibility: visible; }
    .progress-bar-infinite {width:300px;height:6px;background:rgba(255, 255, 255, 0.2);border-radius:3px;overflow:hidden;}
    .progress-bar-infinite::before { content: ''; display: block; height: 100%; width: 100%; 
        background: linear-gradient(90deg, transparent 0%, #4facfe 25%, #00f2fe 50%, #4facfe 75%, transparent 100%);
        animation: waitshimmer 2s infinite linear; }
    .progress-containerChat { display: flex; flex-direction: column; align-items: center; gap: 20px; width:250px; }
    .progress-bar-infiniteChat { width:250px;height:4px;background:rgba(255, 255, 255, 0.2);border-radius: 2px;overflow: hidden; } 
    .progress-fillChat { height: 100%; width: 40%; background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
        animation: Chatslide 1.5s infinite cubic-bezier(0.65, 0, 0.35, 1); }
    .progress-containerCptch{margin:2px 0}
    .progress-barCptch{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}
    .progress-fill{height:100%;width:0%;background:linear-gradient(to right,#4a6ee0,#6a11cb);border-radius:15px;transition:width 0.5s ease}
    .countdown{text-align:center;font-size:12px;color:#E8FF00;margin-top:5px;font-weight:500}
    .verification-animation{display:flex;justify-content:center;align-items:center;height:60px;margin-bottom:3px}
    .dotCptch{width:12px;height:12px;background:#F5D627;border-radius:50%;margin:0 3px;animation:cptchapulse 1.5s infinite ease-in-out}.dotCptch:nth-child(2){animation-delay:0.3s; background:#27F5CF;} .dotCptch:nth-child(3){animation-delay:0.6s; background:#31F527;}
    .notification-icon { animation: popbounce 2s infinite; }
    .jem-usage-tips-section { transition: all 0.3s ease; }
    .jem-usage-tips-section:hover { background: #e9ecef !important;}
    .wifi-up{color:#4BFF12;animation:pulseUp 2s infinite}@keyframes pulseUp{0%{transform:scale(1);text-shadow:0 0 5px rgba(76,175,80,.5)}50%{transform:scale(1.1);text-shadow:0 0 20px rgba(76,175,80,.8)}100%{transform:scale(1);text-shadow:0 0 5px rgba(76,175,80,.5)}}
    .wifi-down{color:#FF0D5A;animation:pulseDown 1.5s infinite}@keyframes pulseDown{0%{transform:translateX(0);opacity:1}25%{transform:translateX(-5px)}50%{transform:translateX(5px);opacity:.7}75%{transform:translateX(-5px)}100%{transform:translateX(0);opacity:1}}
    .wifi-stable{color:#FBFF0D;animation:stableGlow 3s infinite}@keyframes stableGlow{0%,100%{text-shadow:0 0 10px #0DFFD7}50%{text-shadow:0 0 20px #0DFF31,0 0 30px #E3FF0D}}
    /* Animation keyframes */
    @keyframes pulseUp{0%{transform:scale(1);text-shadow:0 0 5px rgba(76,175,80,.5)}50%{transform:scale(1.1);text-shadow:0 0 20px rgba(76,175,80,.8)}100%{transform:scale(1);text-shadow:0 0 5px rgba(76,175,80,.5)}}
    @keyframes pulseDown{0%{transform:translateX(0);opacity:1}25%{transform:translateX(-5px)}50%{transform:translateX(5px);opacity:.7}75%{transform:translateX(-5px)}100%{transform:translateX(0);opacity:1}}
    @keyframes stableGlow{0%,100%{text-shadow:0 0 10px rgba(33,150,243,.7)}50%{text-shadow:0 0 20px #2196F3,0 0 30px rgba(33,150,243,.5)}}
    @keyframes pulse-glow { 0% { transform: scale(1); opacity: 1; }
        50% { transform: scale(1.1); opacity: 0.8; }
        100% { transform: scale(1); opacity: 1; }
    }
    @keyframes popbounce {
        0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
        40% { transform: translateY(-5px); }
        60% { transform: translateY(-3px); }
    }
    @keyframes cptchapulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.5); opacity: 0.7; } }
    @keyframes Chatslide { 0% { transform: translateX(-100%); }
        50% { transform: translateX(250%); } 100% { transform: translateX(-100%); } }
    @keyframes slideInRight { from { transform: translateX(100%); } to { transform: translateX(0); } }        
    @keyframes slideInLeft { from { transform: translateX(-100%); } to { transform: translateX(0); } }        
    @keyframes slideInDown { from { transform: translateY(-100%); } to { transform: translateY(0); } }        
    @keyframes toastfadeIn { from { opacity: 0; } to { opacity: 1; } }
    @keyframes waitshimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }   
    @keyframes waitspin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }    
    @keyframes waitspin-reverse { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } }    
    @keyframes waitpulse {
      0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.7; }
      50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.3; }
      100% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.7; }
    }    
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }    
    @keyframes fadeOut {
      from { opacity: 1; transform: translateY(0); }
      to { opacity: 0; transform: translateY(-20px); }
    }    
    @keyframes Jem-Flicker{0%{border-color:#ff0000;}25%{border-color:#00ff00;}50%{border-color:#0000ff;}75%{border-color:#ffff00;}100%{border-color:#ff00ff;}}
    @keyframes Jem-scrollText{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}
    @keyframes Jem-beam{0%{opacity:0.3;transform:translate(-50%,-50%) scale(0.8);}100%{opacity:0.7;transform:translate(-50%,-50%) scale(1.2);}}
    @keyframes Jem-floatUp {
        0% {transform: translateY(100vh) translateX(0); opacity: 0;}
        10% {opacity: 1;transform: translateY(90vh) translateX(10px);}
        25% {transform: translateY(75vh) translateX(-15px);}
        50% {transform: translateY(50vh) translateX(12px);}
        75% {transform: translateY(25vh) translateX(-10px);}
        90% {opacity: 0.8;transform: translateY(10vh) translateX(5px);}
        100% {transform: translateY(-100px) translateX(0);opacity: 0;}
    }
    @keyframes Jem-glow{from{text-shadow:0 0 10px #ffff00,0 0 20px #ffff00,2px 2px 4px rgba(0,0,0,.5);}to{text-shadow:0 0 15px #ffffff,0 0 30px #ffffff,2px 2px 8px rgba(0,0,0,.7);}}
    @keyframes glow {
        from { text-shadow: 0 0 10px red, 0 0 20px red, 2px 2px 4px rgba(0,0,0,.5); }
        to { text-shadow: 0 0 15px #ff4500, 0 0 30px #ff4500, 2px 2px 8px rgba(0,0,0,.7); }
    }
    @keyframes Jem-wave{0%,40%,100%{transform:translateY(0);}20%{transform:translateY(-20px);}}
    @keyframes wave { 0%, 100% {transform: translateY(0px); }
            50% { transform: translateY(-20px); } }
    @keyframes modalAppear {
        0% { transform: translate(-50%, -50%) scale(0.7); opacity: 0;
        } 50% { transform: translate(-50%, -50%) scale(1.05);
        } 100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
    }
    @keyframes float { to { transform: translateY(-100vh); }}
    @keyframes glitter {
        0% { opacity: .3; transform: scale(.8); }
        100% { opacity: 1; transform: scale(1.2); box-shadow: 0 0 20px gold; }
    }
    @keyframes fall{to{transform:translateY(105vh) rotate(360deg);}}
    @keyframes floatBubble{to{transform:translateY(-100vh);}}
    @keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,180,219,0.7);}70%{transform:scale(1.05);box-shadow:0 0 0 15px rgba(0,180,219,0);}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,180,219,0);}}
    @keyframes dots{0%,20%{content:'.';}40%{content:'..';}60%,100%{content:'...';}}
    @keyframes spin{100%{transform:rotate(360deg);}}
    @keyframes shrink{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(0.5);opacity:0.7;}}
    @keyframes moveStripes{0%{background-position:0 0;}100%{background-position:30px 30px;}}
    @keyframes Jem-colorChange{ 0%{color:#0bffd2;} 25%{color:#ffff00;}
        50%{color:#ffffff;} 75%{color:#ff7700;} 100%{color:#ff00ff;}
    }
    @media (max-width:767.9px){.Jem-search-container{padding:8px 10px;}.Jem-Session{font-size:12px;}.Jem-date, .Jem-Sign{font-size:15px;}.Jem-text-lines-container{left:15px;width:200px;}.Jem-text-line{font-size:clamp(0.6rem,1.3vw,0.7rem);padding:4px 0;} 
        .spinning-dots{width:60px;height:60px;margin-bottom:10px;}
        .spinning-dots div:after{left:32px;width:6px;height:6px;}
        .wavy-text{font-size:1.5rem;}
        .jem-Overlay-Drop{ backdrop-filter: blur(5px); }  
        .loading-status{font-size:1rem;bottom:30px;}
        .progress-container{width:240px;height:18px;}
        .spinning-dots div{animation:spin 1s linear infinite;}
        .spinning-dots div:after{animation:shrink 1s infinite ease-in-out both;}
        .server-status-container{padding:30px 20px;}
        .server-status-container h3{font-size:1.5rem;}
        .jem-toast-container { width: calc(100% - 20px) !important; } 
        .developer-panel{bottom:10px;right:10px;left:10px;flex-direction:row; flex-wrap:wrap;justify-content:center;}
        .dev-btn{padding:6px 12px;font-size:14px;} .modal-dialog { margin: 0.5rem auto; } .modal-header { flex-direction: column; gap: 0.5rem !important; }
        .my-modal-buttons { padding: 0; overflow-x: auto; gap: 0.05rem; margin: 0 -0.25rem; }    
        .my-modal-buttons .btn { padding: 0.25rem 0.5rem; margin: 0 0.25rem; } 
        .JemSysChat-bubble {max-width: 80%; }.JemSysChat-header {padding: 4px 8px;min-height: 40px;gap: 8px;} .JemSysChat-title { font-size: 0.85rem; } .JemSysChat-clear-btn, .JemSysChat-close-btn {
            width: 30px;height: 30px; padding: 5px; font-size: 0.75rem;
        } .JemSysChat-title i { margin-right: 3px; }
        .Jem-social-media{padding:0 15px;gap:10px;min-height:45px;}
        .Jem-social-center{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;gap:12px;padding:5px 10px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding:0 15px;margin:0 10px;}
        .Jem-social-center .Jem-social-icon{scroll-snap-align:center;}
        .Jem-social-icon{width:36px;height:36px;font-size:16px;}
        .Jem-social-center svg{width:18px;height:18px;}
        .Jem-cards-container{height:120px}
        .Jem-card{width:220px;height:85px;padding:4px;border-radius:12px}
        .Jem-card-title{font-size:clamp(0.7rem,2vw,0.8rem)!important;margin-bottom:3px}
        .Jem-card-description{font-size:clamp(0.5rem,1.5vw,0.6rem)!important;line-height:1.3}
        .Jem-card-link{font-size:clamp(0.55rem,1.6vw,0.65rem)!important;padding:4px 8px;margin-top:3px}
    }
    @media (max-width:480px){.Jem-search-container{padding:6px 8px;}.Jem-search-select{font-size:12px;}.Jem-search-btn{font-size:12px;}.Jem-Session{font-size:10px;}.Jem-date, .Jem-Sign{font-size:13px;}.Jem-text-lines-container{left:10px;width:150px;}.Jem-text-line{font-size:clamp(0.5rem,1.3vw,0.6rem);padding:3px 0;}.Jem-social-icon{width:30px;height:30px;font-size:14px;}.J-chat-input-container{padding:3px;}
        .spinning-dots{width:50px;height:50px;margin-bottom:8px;}
        .spinning-dots div:after{left:27px;width:5px;height:5px;}
        .wavy-text{font-size:1.3rem;}
        .loading-status{font-size:0.9rem;bottom:25px;}
        .progress-container{width:200px;height:16px;}
        .server-status-container{padding:25px 15px;}
        .server-status-container h3{font-size:1.2rem;}
        .developer-panel{padding:10px;}
        .JemSysChat-header {padding: 2px 4px;gap: 4px; } .JemSysChat-title {
        font-size: 0.75rem; } .JemSysChat-title i.me-1 {
        display: inline-block; margin-right: 2px; }
        .Jem-social-media{padding:0 12px;gap:8px;min-height:42px;}
        .Jem-social-center{gap:10px;padding:4px 8px;scroll-padding:0 12px;margin:0 8px;}
        .Jem-social-icon{width:32px;height:32px;font-size:14px;}
        .Jem-social-center svg{width:16px;height:16px;}
        .Jem-cards-container{height:100px}
        .Jem-card{width:180px;height:70px;padding:3px;border-radius:15px}
        .Jem-card-title{font-size:clamp(0.6rem,1.5vw,0.7rem)!important;margin-bottom:2px}
        .Jem-card-description{font-size:clamp(0.45rem,1.3vw,0.55rem)!important;line-height:1.2}
        .Jem-card-link{font-size:clamp(0.5rem,1.4vw,0.6rem)!important;padding:3px 6px;margin-top:2px}
    } 
    /* JEM DASHBOARD - ULTRA COMPRESSED */
    .btn{padding:1px 10px!important;font-size:.7rem!important;transition:all .2s ease!important}.btn-outline-primary,.btn-outline-info,.btn-outline-secondary,.btn-outline-warning,.btn-outline-danger{border-width:1px!important;font-weight:500!important}.btn-outline-primary{border-color:#00ff88!important;color:#00ff88!important}.btn-outline-primary:hover{background:#00ff88!important;color:#000!important}.btn-outline-info{border-color:#17a2b8!important;color:#17a2b8!important}.btn-outline-info:hover{background:#17a2b8!important;color:#fff!important}
    .mb-0{margin-bottom:0!important}.mb-1{margin-bottom:5px!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:12px!important}.mt-2{margin-top:8px!important}.me-1{margin-right:4px!important}.me-2{margin-right:8px!important}.ms-1{margin-left:4px!important}.ms-2{margin-left:8px!important}.text-white{color:#f0fff8!important}.text-success{color:#00ff88!important}.text-warning{color:#ffc107!important}.text-danger{color:#ff4d4d!important}.text-info{color:#17a2b8!important}.text-primary{color:#00ff88!important}.bg-success{background-color:#00a366!important}.bg-warning{background-color:#ff9800!important}.bg-danger{background-color:#ff3333!important}.bg-info{background-color:#17a2b8!important}
    #securityDashboard{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0c0e1a 0%,#151829 100%);color:#e0e0e0;overflow:hidden;font-family:'Segoe UI',sans-serif;display:flex;flex-direction:column}
    .jem-dashboard-container{display:flex;flex-direction:column;height:100%;min-height:0}
    .jem-dashboard-header{display:flex;justify-content:space-between;align-items:center;padding: 0 clamp(15px, 5vw, 25px);background-color: #05334e; border-radius: 0 0 15px 15px !important;background: linear-gradient(135deg, #05334e 0%, #043e23 100%);flex-shrink:0;min-height:60px}
    .jem-header-left,.jem-header-center,.jem-header-right{flex:1;min-width:0}
    .jem-header-center{text-align:center}
    .jem-header-right{display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap}
    .jem-logo-text h4{margin:0;font-size:1.1rem;font-weight:700;color:#0bffd2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation: Jem-colorChange 5s infinite alternate;}
    .jem-controls-subtitle{font-size:.7rem;color:#A0EBDF;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .jem-live-status, .jem-controls-section{display:flex;flex-direction:column;align-items:center;min-width:0}
    .jem-status-indicator{width:15px;height:15px;border-radius:50%;margin-bottom:2px;flex-shrink:0}
    .jem-status-indicator.active{background:#2ed573}
    .jem-status-text{font-size:.8rem;font-weight:600;color:#0bffd2;white-space:nowrap}
    .jem-status-subtext{font-size:.65rem;color:#FFDD00;white-space:nowrap}
    .jem-controls{display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
    .jem-btn-outline,.jem-btn-primary{padding:2px 10px!important;font-size:.7rem!important;border-radius:4px!important;white-space:nowrap;flex-shrink:0}
    .jem-btn-outline{border:1px solid rgba(11,255,210,.5);color:#0bf;background:transparent}
    .jem-btn-outline:hover{background:rgba(11,255,210,.1)}
    .jem-btn-primary{background:#0bf;color:#000;border:1px solid #0bf}
    .jem-btn-primary:hover{background:#0ce;border-color:#0ce}
    .jem-btn-icon{width:30px;height:30px;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:4px!important;flex-shrink:0}
    .jem-btn-sm{width:25px;height:25px;font-size:.6rem!important}
    .jem-dashboard-body{flex:1;overflow-y:auto;padding:5px;min-height:0}
    .jem-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin-bottom:12px;min-height:0}
    .jem-card{background:rgba(15,15,35,.9);border-radius:15px;border:1px solid;overflow:hidden;display:flex;flex-direction:column;min-height:0}
    .jem-card-header{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2);flex-shrink:0;display:flex;justify-content:space-between;align-items:center;min-height:50px}
    .jem-card-title{display:flex;align-items:center;gap:6px;color:#0bf;font-size:.85rem;font-weight:600;flex:1;min-width:0}
    .jem-card-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .jem-card-subtitle{color:#aaa;font-size:.7rem;margin-left:6px;white-space:nowrap;flex-shrink:0}
    .jem-card-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}
    .jem-card-body{padding:5px;flex:1;display:flex;flex-direction:column;min-height:0;overflow-y: auto;}
    .jem-session-card{border-color:rgba(0,255,144,.3)}
    .jem-session-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}
    .jem-session-item{display:flex;flex-direction:column;min-width:0}
    .jem-session-label{display:flex;align-items:center;gap:4px;color:#0f0!important;font-size:.8rem;margin-bottom:4px;font-weight:500;white-space:nowrap}
    .jem-session-label i{flex-shrink:0}
    .jem-session-label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .jem-session-value{font-family:'Courier New',monospace!important;color:#fff;font-size:.9rem;padding:6px 10px;background:rgba(0,0,0,.4);border-radius:6px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;min-height:40px;min-width:0}
    .jem-obfuscated-ip,.jem-obfuscated-hash{font-family:'Courier New',monospace!important;color:#fff;background:rgba(255,255,255,.05);padding:3px 6px;border-radius:4px;border:1px solid rgba(0,255,144,.3);font-weight:500;cursor:pointer;transition:all .2s;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .jem-obfuscated-ip:hover,.jem-obfuscated-hash:hover{background:rgba(255,255,255,.08);border-color:rgba(0,255,144,.5)}
    .jem-session-badge{padding:2px 6px;font-size:.65rem;border-radius:8px;flex-shrink:0;white-space:nowrap}
    .jem-badge-info{background:rgba(11,255,210,.2);color:#0bf;border:1px solid rgba(11,255,210,.3)}
    .jem-badge-primary{background:rgba(46,213,115,.2);color:#2d5;border:1px solid rgba(46,213,115,.3)}
    .jem-badge-success{background:rgba(46,213,115,.2);color:#2d5;border:1px solid rgba(46,213,115,.3)}
    .jem-session-progress{margin-top:12px;flex-shrink:0}
    .jem-progress-item{margin-bottom:8px} 
    .jem-progress-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;font-size:.8rem;color:#fff;white-space:nowrap}
    .jem-progress-count{font-weight:600;flex-shrink:0}
    .jem-progress{height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;flex-shrink:0}
    .jem-progress-bar{height:100%;border-radius:3px;transition:width .6s ease;position:relative}
    .jem-progress-safe{background:#2d5}
    .jem-progress-fill{height:100%;background:rgba(255,255,255,.2);width:0;transition:width .3s}
    .jem-progress-info{font-size:.65rem;color:#888;margin-top:2px;white-space:nowrap}
    .jem-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;border-radius:15px;padding:5px;transition:all .3s ease;border:1px solid rgba(0,255,144,.3)}
    .jem-stat-card{border-radius:15px;padding:5px;transition:all .3s ease;position:relative;overflow:hidden;height:110px;display:flex;flex-direction:column;min-width:0}
    .jem-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.3);border-width:1.5px}
    .jem-stat-primary{border-color:rgba(11,255,210,.3);background:linear-gradient(135deg,rgba(11,255,210,.1),rgba(0,206,201,.1))!important}
    .jem-stat-danger{border-color:rgba(255,71,87,.3);background:linear-gradient(135deg,rgba(255,71,87,.1),rgba(220,38,38,.1))!important}
    .jem-stat-warning{border-color:rgba(255,165,2,.3);background:linear-gradient(135deg,rgba(255,165,2,.1),rgba(202,138,4,.1))!important}
    .jem-stat-success{border-color:rgba(46,213,115,.3);background:linear-gradient(135deg,rgba(46,213,115,.1),rgba(5,150,105,.1))!important}
    .jem-stat-icon{position:absolute;top:12px;right:12px;font-size:1.4rem;opacity:.25;flex-shrink:0}
    .jem-stat-content{flex:1;min-width:0}
    .jem-stat-value{font-size:1.6rem;font-weight:800;line-height:1;margin-bottom:2px;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .jem-stat-label{font-size:.75rem;color:rgba(255,255,255,.7);margin-bottom:6px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .jem-stat-trend{font-size:.7rem;color:rgba(255,255,255,.7);display:flex;align-items:center;gap:4px;white-space:nowrap}
    .jem-stat-progress{margin-top:8px;flex-shrink:0}
    .jem-progress-bar-sm{height:5px;background:#FF00A2;border-radius:1.5px;overflow:hidden}
    .jem-progress-bar-sm div{height:100%;background:#0bf;transition:width .6s ease}
    .jem-stat-breakdown{margin-top:6px;display:flex;gap:4px;flex-wrap:wrap}
    .jem-badge{padding:2px 6px;font-size:.65rem;font-weight:600;border-radius:8px;white-space:nowrap;flex-shrink:0}
    .jem-badge-warning{background:rgba(255,165,2,.2);color:#fa0;border:1px solid rgba(255,165,2,.3)}
    .jem-badge-danger{background:rgba(255,71,87,.2);color:#f47;border:1px solid rgba(255,71,87,.3)}
    .jem-chart-card{height:270px;border-color:rgba(11,255,210,.3)}
    .jem-chart-controls{display:flex;gap:3px;flex-wrap:wrap}
    .jem-chart-btn{padding:2px;background:rgba(255,255,255,.08);border:1px solid rgba(11,255,210,.3);border-radius:3px;color:rgba(255,255,255,.7);font-size:.65rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:3px;font-weight:500;white-space:nowrap;flex-shrink:0}
    .jem-chart-btn:hover{background:rgba(11,255,210,.15);color:#0bf}
    .jem-chart-btn.active{background:#0bf;color:#000;border-color:#0bf}
    .jem-chart-container{flex:1;position:relative;min-height:150px;min-width:0}
    .jem-chart-container canvas{width:100%!important;height:100%!important;max-height:180px!important}
    .jem-chart-stats{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid rgba(255,255,255,.08);margin-top:6px;flex-shrink:0}
    .jem-chart-stat{text-align:center;flex:1;min-width:0}
    .jem-chart-stat-label{font-size:.65rem;color:rgba(255,255,255,.6);display:block;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .jem-chart-stat-value{font-size:.8rem;font-weight:600;color:#0bf;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .jem-threat-low{color:#2d5}
    .jem-legend{display:flex;gap:6px;font-size:.65rem;flex-wrap:wrap}
    .jem-legend-item{display:flex;align-items:center;gap:4px;color:rgba(255,255,255,.7);white-space:nowrap}
    .jem-legend-color{width:8px;height:8px;border-radius:1px;flex-shrink:0}
    .jem-activity-card,.jem-threats-card{height:270px;display:flex;flex-direction:column;min-height:0}
    .jem-activity-card{border-color:rgba(11,255,210,.3)}
    .jem-threats-card{border-color:rgba(255,71,87,.4)}
    .jem-activity-filters,.jem-threats-filters{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap;flex-shrink:0}
    .jem-filter-btn{padding:2px 8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:3px;color:rgba(255,255,255,.7);font-size:.65rem;cursor:pointer}
    .jem-filter-btn:hover{background:rgba(255,255,255,.12)}
    .jem-filter-btn.active{background:#0bf;color:#000;border-color:#0bf}
    .jem-activity-list,.jem-threats-list{flex:1;overflow-y:auto;min-height:0}
    .jem-activity-item,.jem-threat-item{padding:8px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.8rem;transition:background .2s;min-width:0}
    .jem-activity-item:hover,.jem-threat-item:hover{background:rgba(255,255,255,.03)}
    .jem-activity-info,.jem-threat-info{display:flex;flex-direction:column;gap:6px;min-width:0}
    .jem-activity-action .badge{font-size:.7rem;padding:2px 6px;font-weight:500;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
    .jem-activity-details{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.75rem;color:rgba(255,255,255,.8);min-width:0}
    .jem-activity-ip{font-family:'Courier New',monospace;display:flex;align-items:center;gap:4px;min-width:0}
    .jem-activity-ip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .jem-activity-stats{display:flex;gap:8px;color:rgba(255,255,255,.6);flex-wrap:wrap}
    .jem-activity-stats small{display:flex;align-items:center;gap:3px;white-space:nowrap}
    .jem-activity-time{color:rgba(255,255,255,.5);font-size:.7rem;white-space:nowrap;text-align:right;flex-shrink:0}
    .jem-threat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:8px;min-width:0}
    .jem-threat-ip{color:#fff;font-family:'Courier New',monospace!important;font-weight:600;font-size:.8rem;letter-spacing:.5px;min-width:0}
    .jem-threat-ip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .jem-threat-type .badge{font-size:.65rem;padding:2px 6px;font-weight:600;background:rgba(255,71,87,.15);border:1px solid rgba(255,71,87,.3);white-space:nowrap}
    .jem-threat-details{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:rgba(255,255,255,.6);gap:8px;min-width:0}
    .jem-threat-reason{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
    .jem-threat-stats{display:flex;gap:8px;font-size:.65rem;flex-wrap:wrap}
    .jem-threat-score{display:flex;flex-direction:column;align-items:center;min-width:45px;flex-shrink:0}
    .jem-score-circle{width:35px;height:35px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;border:2px solid currentColor}
    .jem-score-value{font-size:.8rem}
    .jem-score-label{font-size:.5rem;text-transform:uppercase;letter-spacing:.5px;margin-top:-2px;opacity:.8}
    .jem-activity-footer,.jem-threats-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 0 0;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0}
    .jem-btn-link{background:none;border:none;color:#0bf;font-size:.7rem;cursor:pointer;padding:0;display:flex;align-items:center;gap:4px;white-space:nowrap}
    .jem-threats-summary{display:flex;gap:12px;flex-wrap:wrap}
    .jem-threat-summary-item{display:flex;gap:4px;font-size:.7rem;color:#aaa;white-space:nowrap}
    .jem-performance-card .jem-card-body{padding:5px;display:flex;flex-direction:column;min-height:0;gap:12px}
    .jem-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:8px;flex-shrink:0}
    .jem-performance-chart{flex:1;display:flex;flex-direction:column;min-height:0;border-top:1px solid rgba(255,255,255,0.05);padding-top:8px;margin-top:8px}
    .jem-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-shrink:0}
    .jem-chart-title{font-size:.75rem;font-weight:600;color:#0bf}
    .jem-chart-subtitle{font-size:.65rem;color:rgba(255,255,255,0.6)}
    .jem-chart-container-sm{flex:1;min-height:60px;max-height:80px;position:relative;min-width:0}
    .jem-chart-container-sm canvas{width:100%!important;height:100%!important;min-height:60px!important}
    .jem-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:start}
    .jem-status-item,.jem-metric-item{display:flex;align-items:center;gap:8px;min-width:0}
    .jem-status-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:.9rem;flex-shrink:0}
    .jem-status-success{background:rgba(46,213,115,.2);color:#2d5}
    .jem-status-info{background:rgba(11,255,210,.2);color:#0bf}
    .jem-status-warning{background:rgba(255,165,2,.2);color:#fa0}
    .jem-status-danger{background:rgba(255,71,87,.2);color:#f47}
    .jem-status-primary{background:rgba(94,92,230,.2);color:#5e5ce6}
    .jem-status-secondary{background:rgba(142,142,147,.2);color:#8e8e93}
    .jem-status-content{flex:1;min-width:0}
    .jem-status-label{font-size:.7rem;color:rgba(255,255,255,.7);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .jem-status-value{font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .jem-metric-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}
    .jem-metric-content{flex:1;min-width:0}
    .jem-metric-label{font-size:.65rem;color:rgba(255,255,255,.7);margin-bottom:2px;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .jem-metric-value{font-size:.8rem;font-weight:600;color:#0bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .jem-status-details{display:flex;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0}
    .jem-detail-item{display:flex;gap:4px;font-size:.7rem;white-space:nowrap}
    .jem-detail-label{color:rgba(255,255,255,.7)}
    .jem-detail-value{color:#0bf;font-weight:600}
    .jem-health-score{color:#2d5}
    .jem-dashboard-footer{display:flex;justify-content:space-between;align-items:center;padding: clamp(5px, 2vh, 8px) clamp(15px, 5vw, 20px);box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);background: linear-gradient(135deg, #043e23 0%, #05334e 100%);border-radius: 15px 15px 0 0 !important;flex-shrink:0;font-size:.75rem}
    .jem-footer-left,.jem-footer-center,.jem-footer-right{flex:1;display:flex;align-items:center;gap:6px;min-width:0}
    .jem-footer-center{justify-content:center}
    .jem-footer-right{justify-content:flex-end}
    .jem-footer-info{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.7);flex-wrap:wrap}
    .jem-footer-separator{color:#00FFD9;}
    .jem-footer-stats{display:flex;gap:12px;flex-wrap:wrap}
    .jem-footer-stat{display:flex;flex-direction:column;align-items:center;color:rgba(255,255,255,.7);min-width:60px}
    .jem-footer-stat i{font-size:.9rem;margin-bottom:2px}
    .jem-footer-stat span{font-size:.9rem;font-weight:600}
    .jem-footer-stat small{font-size:.6rem;color:rgba(255,255,255,.5)}
    .jem-footer-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
    .jem-footer-btn{display:flex;align-items:center;gap:4px;font-size:.7rem;white-space:nowrap}
    .pulse{animation:pulse 1.5s infinite}
    .jem-slide-up{animation:jemSlideUp 0.5s ease-out}
    .jem-slide-down{animation:jemSlideDown 0.5s ease-out}
    .jem-pulse{animation:jemPulse 2s infinite}
    .jem-bounce-in{animation:jemBounceIn 0.6s cubic-bezier(0.68,-0.55,0.265,1.55)}
    .jem-shake{animation:jemShake 0.5s cubic-bezier(.36,.07,.19,.97)}
    .jem-glow{animation:jemGlow 2s ease-in-out infinite alternate}
    .jem-float{animation:jemFloat 3s ease-in-out infinite}
    .jem-spin{animation:jemSpin 1s linear infinite}
    .jem-card-hover{transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}
    .jem-card-hover:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(11,255,210,0.15)}
    .jem-stat-hover:hover{transform:scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,0.3)}
    .jem-help-tips{position:fixed;bottom:10px;right:10px;background:#0bffd2;color:#000;padding:6px 10px;border-radius:3px;z-index:9999;font-size:.65rem;box-shadow:0 2px 6px rgba(0,0,0,.3);animation:slideIn .2s}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
    @keyframes jemSlideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
    @keyframes jemSlideDown{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}
    @keyframes jemPulse{0%,100%{opacity:1}50%{opacity:0.6}}
    @keyframes jemBounceIn{0%{transform:scale(0.3);opacity:0}50%{transform:scale(1.05);opacity:1}70%{transform:scale(0.9)}100%{transform:scale(1)}}
    @keyframes jemShake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}
    @keyframes jemGlow{from{box-shadow:0 0 5px rgba(11,255,210,0.3)}to{box-shadow:0 0 15px rgba(11,255,210,0.6)}}
    @keyframes jemFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
    @keyframes jemSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
    .jem-loading-dots{display:inline-flex;align-items:center;gap:3px}
    .jem-loading-dots span{width:4px;height:4px;border-radius:50%;background:#0bffd2;animation:jemLoadingDots 1.4s infinite ease-in-out both}
    .jem-loading-dots span:nth-child(1){animation-delay:-0.32s}
    .jem-loading-dots span:nth-child(2){animation-delay:-0.16s}
    @keyframes jemLoadingDots{0%,80%,100%{transform:scale(0)}40%{transform:scale(1.0)}}
    .jem-progress-animated{animation:jemProgressFill 2s ease-out}
    @keyframes jemProgressFill{from{width:0}}
    .jem-ripple{position:relative;overflow:hidden}
    .jem-ripple:after{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255,255,255,0.5);opacity:0;border-radius:100%;transform:scale(1,1)translate(-50%);transform-origin:50% 50%}
    .jem-ripple:focus:not(:active)::after{animation:jemRipple 1s ease-out}
    @keyframes jemRipple{0%{transform:scale(0,0);opacity:0.5}20%{transform:scale(25,25);opacity:0.3}100%{transform:scale(40,40);opacity:0}}
    .jem-counter{transition:all 0.3s ease-out}
    .jem-counter.updating{animation:jemCounterUpdate 0.5s ease-out}
    @keyframes jemCounterUpdate{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}
    .jem-status-pulse{animation:jemStatusPulse 2s infinite}
    @keyframes jemStatusPulse{0%{box-shadow:0 0 0 0 rgba(46,213,115,0.7)}70%{box-shadow:0 0 0 10px rgba(46,213,115,0)}100%{box-shadow:0 0 0 0 rgba(46,213,115,0)}}
    .jem-status-blink{animation:jemStatusBlink 1s infinite}
    @keyframes jemStatusBlink{0%,100%{opacity:1}50%{opacity:0.3}}
    .jem-gradient-text{background:linear-gradient(90deg,#0bffd2,#2ed573,#0bffd2);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:jemGradientText 3s linear infinite}
    @keyframes jemGradientText{0%{background-position:0% center}100%{background-position:200% center}}
    /* RESPONSIVE MEDIA QUERIES */
    @media(max-width:1024px){
        .jem-stats-grid{grid-template-columns:repeat(2,1fr)}
        .jem-chart-card,.jem-activity-card,.jem-threats-card{height:250px}
        .jem-session-grid{grid-template-columns:1fr}
        .jem-status-grid,.jem-metrics-grid{grid-template-columns:repeat(2,1fr)}
        .jem-metrics-grid{grid-template-columns:repeat(2,1fr)}.jem-chart-container-sm{min-height:70px;max-height:90px}
    }
    @media(max-width:768px){
        .jem-row{grid-template-columns:1fr;gap:8px}
        .jem-dashboard-header{flex-direction:column;gap:8px;text-align:center;padding: 0 5px;min-height:auto}
        .jem-header-left,.jem-header-center,.jem-header-right{width:100%;justify-content:center}
        .jem-controls{justify-content:center}
        .jem-stats-grid{grid-template-columns:repeat(2,1fr)}
        .jem-chart-card,.jem-activity-card,.jem-threats-card{height:220px}
        .jem-status-card,.jem-performance-card{height:150px}
        .jem-dashboard-footer{flex-direction:column;gap:8px;text-align:center;padding:8px}
        .jem-footer-left,.jem-footer-center,.jem-footer-right{width:100%;justify-content:center}
        .jem-footer-info,.jem-footer-stats,.jem-footer-meta{justify-content:center}
        .jem-session-grid{grid-template-columns:1fr;gap:8px}
        .jem-status-grid,.jem-metrics-grid{grid-template-columns:repeat(2,1fr);gap:6px}
        .jem-chart-controls{flex-wrap:wrap;justify-content:center}
        .jem-activity-filters,.jem-threats-filters{flex-wrap:wrap;justify-content:center}
        .jem-metrics-grid{grid-template-columns:repeat(4,1fr);gap:8px}.jem-performance-chart{margin-top:12px}.jem-chart-container-sm{min-height:65px;max-height:85px}
    }
    @media(max-width:480px){
        .jem-stats-grid{grid-template-columns:1fr}
        .jem-chart-card,.jem-activity-card,.jem-threats-card{height:200px}
        .jem-status-card,.jem-performance-card{height:130px}
        .jem-session-grid{grid-template-columns:1fr;gap:6px}
        .jem-status-grid,.jem-metrics-grid{grid-template-columns:1fr;gap:6px}
        .jem-dashboard-body{padding:8px}
        .jem-card-header{padding:8px 10px;min-height:40px}
        .jem-card-body{padding:10px}
        .jem-card-title{font-size:.8rem}
        .jem-session-item{min-height:auto}
        .jem-session-value{min-height:35px;padding:4px 8px;font-size:.8rem}
        .jem-stat-card{height:95px;padding:8px}
        .jem-stat-value{font-size:1.4rem}
        .jem-stat-label{font-size:.7rem;margin-bottom:4px}
        .jem-chart-stats{gap:4px;padding:4px 0}
        .jem-chart-stat-value{font-size:.75rem}
        .jem-activity-item,.jem-threat-item{padding:6px;font-size:.75rem}
        .jem-activity-time{font-size:.65rem}
        .jem-threat-details{flex-direction:column;align-items:flex-start;gap:4px}
        .jem-threat-stats{flex-wrap:wrap;gap:6px}
        .jem-footer-stats{gap:8px}
        .jem-footer-stat{min-width:50px}
        .jem-footer-stat i{font-size:.8rem}
        .jem-footer-stat span{font-size:.8rem}
        .jem-footer-stat small{font-size:.55rem}
        .jem-btn-icon{width:26px;height:26px}
        .jem-btn-sm{width:22px;height:22px}
        .jem-btn-outline,.jem-btn-primary{padding:2px 8px!important;font-size:.65rem!important}
        .jem-metrics-grid{grid-template-columns:repeat(2,1fr);gap:6px}.jem-performance-chart{margin-top:10px}.jem-chart-container-sm{min-height:55px;max-height:75px}
    }
    @media(max-width:360px){
        .jem-stats-grid{grid-template-columns:1fr}
        .jem-stat-card{height:85px;padding:6px}
        .jem-stat-value{font-size:1.2rem}
        .jem-chart-card,.jem-activity-card,.jem-threats-card{height:180px}
        .jem-status-card,.jem-performance-card{height:120px}
        .jem-logo-text h4{font-size:1rem}
        .jem-controls-subtitle {font-size:.65rem}
        .jem-status-text{font-size:.75rem}
        .jem-status-subtext{font-size:.6rem}
        .jem-dashboard-footer{font-size:.7rem}
        .jem-metrics-grid{grid-template-columns:1fr;gap:6px}.jem-performance-chart{margin-top:8px}.jem-chart-container-sm{min-height:50px;max-height:70px}
    }
    /* TOUCH DEVICE OPTIMIZATIONS */
    @media(hover:none) and (pointer:coarse){
        .jem-card-hover:hover,.jem-stat-hover:hover{transform:none;box-shadow:none}
        .jem-btn-outline:hover,.jem-btn-primary:hover{background:transparent;border-color:rgba(11,255,210,.5)}
        .jem-btn-primary:hover{background:#0bf}
        .jem-filter-btn:hover{background:rgba(255,255,255,.08)}
        .jem-chart-btn:hover{background:rgba(255,255,255,.08)}
        .jem-obfuscated-ip:hover,.jem-obfuscated-hash:hover{background:rgba(255,255,255,.05)}
    }
  </style>