* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Tajawal', 'Arial', sans-serif; background-color: #1e1e2d; color: #ffffff; line-height: 1.6; transition: background-color 0.3s ease; } .dashboard-container { display: flex; flex-direction: column; min-height: auto; position: relative; } .sidebar { width: 280px; background-color: #1a1a27; color: #ffffff; padding: 20px; display: flex; flex-direction: column; transition: all 0.3s ease; } .logo-container { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; } .logo { width: 40px; height: 40px; margin-right: 10px; transition: transform 0.3s ease; } .logo:hover { transform: scale(1.1) rotate(360deg); } .nav-links { list-style-type: none; padding: 0; } .nav-links .category { margin-bottom: 20px; } .nav-links h3 { color: #3699ff; margin-bottom: 10px; } .nav-links ul { list-style-type: none; padding-right: 10px; } .nav-links li { margin-bottom: 10px; } .nav-links a { color: #ffffff; text-decoration: none; display: flex; align-items: center; font-size: 1em; transition: color 0.3s ease; padding: 10px; border-radius: 8px; } .nav-links a:hover, .nav-links a.active { color: #3699ff; background-color: rgba(54, 153, 255, 0.1); } .nav-links i { margin-left: 10px; width: 20px; font-size: 1.1em; display: inline-block; } .category { margin-bottom: 1.5rem; } .category h3 { color: #3699ff; font-size: 1.2rem; margin-bottom: 0.5rem; padding-left: 1rem; } .category ul { list-style-type: none; padding-left: 0; } .category ul li { margin-bottom: 0.5rem; } .category ul li a { display: flex; align-items: center; padding: 0.5rem 1rem; color: #ffffff; text-decoration: none; transition: background-color 0.3s ease, color 0.3s ease; } .category ul li a:hover, .category ul li a.active { background-color: rgba(54, 153, 255, 0.1); color: #3699ff; } .category ul li a i { margin-right: 0.5rem; display: inline-block; } /* Main content styles */ .main-content { flex: 1; padding: 20px; background-color: #1e1e2d; transition: all 0.3s ease; } header { display: flex; flex-direction: column; align-items: center; margin-bottom: 30px; position: relative; } .logout-btn { background-color: #3699ff; color: #ffffff; padding: 10px 20px; border-radius: 5px; text-decoration: none; font-weight: bold; transition: all 0.3s ease; margin-top: 15px; position: relative; overflow: hidden; } .logout-btn:hover { background-color: #1e7fe0; transform: translateY(-3px); } /* Dashboard sections */ .dashboard-section { background-color: #151521; border-radius: 12px; padding: 20px; margin-bottom: 30px; transition: all 0.3s ease; position: relative; overflow: hidden; } .dashboard-section:hover { transform: translateY(-5px); } .dashboard-section h2 { margin-bottom: 20px; color: #3699ff; font-size: 1.6em; text-align: center; position: relative; } /* Stats container */ .stats-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; } .stat-card { background-color: #1a1a27; color: #ffffff; padding: 15px; border-radius: 12px; text-align: center; transition: all 0.3s ease; position: relative; overflow: hidden; border: 1px solid rgba(54, 153, 255, 0.3); } .stat-card:hover { transform: translateY(-5px) scale(1.03); background-color: #1e1e2d; } .stat-number { font-size: 2em; font-weight: bold; margin-top: 10px; color: #3699ff; transition: all 0.3s ease; } .stat-card:hover .stat-number { transform: scale(1.1); } /* Services overview */ .services-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; } .service-card { background-color: #1a1a27; color: #ffffff; padding: 15px; border-radius: 12px; text-align: center; transition: all 0.3s ease; position: relative; overflow: hidden; border: 1px solid rgba(54, 153, 255, 0.3); } .service-card:hover { transform: translateY(-5px) scale(1.03); background-color: #1e1e2d; } .btn { padding: 10px 20px; border: none; border-radius: 8px; cursor: pointer; font-weight: bold; background-color: #3699ff; color: #ffffff; text-decoration: none; display: inline-block; margin-top: 10px; transition: all 0.3s ease; width: 100%; position: relative; overflow: hidden; } .btn:hover { background-color: #1e7fe0; transform: translateY(-3px); } /* Responsive design */ @media (min-width: 768px) { .dashboard-container { flex-direction: row; } .sidebar { width: 280px; height: 100vh; position: sticky; top: 0; } .nav-links { flex-direction: column; } .main-content { padding: 40px; } header { flex-direction: row; justify-content: space-between; } .logout-btn { margin-top: 0; } .stats-container, .services-container { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 25px; } } /* Animation for section headers */ @keyframes glowingText { 0% { text-shadow: 0 0 5px #3699ff, 0 0 10px #3699ff; } 50% { text-shadow: 0 0 20px #3699ff, 0 0 30px #3699ff; } 100% { text-shadow: 0 0 5px #3699ff, 0 0 10px #3699ff; } } .dashboard-section h2 { animation: glowingText 2s infinite; } /* Smooth scrolling */ html { scroll-behavior: smooth; } /* Custom scrollbar */ ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #1e1e2d; } ::-webkit-scrollbar-thumb { background: #3699ff; border-radius: 5px; } ::-webkit-scrollbar-thumb:hover { background: #1e7fe0; } /* Loading animation */ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading { border: 4px solid #1a1a27; border-top: 4px solid #3699ff; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 20px auto; } /* Tooltip styles */ [data-tooltip] { position: relative; cursor: pointer; } [data-tooltip]::after { content: attr(data-tooltip); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); padding: 5px 10px; background-color: #3699ff; color: #ffffff; border-radius: 4px; font-size: 0.8em; white-space: nowrap; opacity: 0; visibility: hidden; transition: all 0.3s ease; } [data-tooltip]:hover::after { opacity: 1; visibility: visible; bottom: calc(100% + 5px); } /* Dark mode toggle */ .dark-mode-toggle { position: fixed; bottom: 20px; right: 20px; background-color: #3699ff; color: #ffffff; border: none; border-radius: 50%; width: 50px; height: 50px; font-size: 24px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s ease; } .dark-mode-toggle:hover { background-color: #1e7fe0; transform: scale(1.1); } .dark-mode-toggle i { transition: transform 0.3s ease; } .dark-mode-toggle:hover i { transform: rotate(360deg); } footer { margin-top: 20px; padding: 20px; background-color: #151521; color: #ffffff; text-align: center; } footer nav { margin-bottom: 10px; } footer nav a { color: #3699ff; margin: 0 10px; text-decoration: none; } footer p { margin: 5px 0; } @media (max-width: 768px) { .dashboard-container { flex-direction: column; } .sidebar { width: 100%; position: fixed; top: 0; left: 0; z-index: 1000; transform: translateX(-100%); transition: transform 0.3s ease-in-out; } .sidebar.active { transform: translateX(0); height: -webkit-fill-available; background-color: #1a1a27; opacity: 96.5%; } .main-content { margin-left: 0; padding-top: 60px; } .stats-container, .services-container { flex-direction: column; } .stat-card, .service-card { width: 100%; margin-bottom: 15px; } .menu-toggle { display: block; position: fixed; top: 20px; right: 20px; z-index: 1001; background: linear-gradient(135deg, #1a1a27, #1e1e2d); border: 2px solid #3699ff; color: #3699ff; font-size: 18px; cursor: pointer; padding: 10px 15px; border-radius: 50px; box-shadow: 0 4px 6px rgba(54, 153, 255, 0.2); transition: all 0.3s ease; } .menu-toggle:hover { transform: scale(1.05); box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); } .menu-toggle:active { transform: scale(0.95); } } .menu-toggle { display: none; } @media (max-width: 768px) { .menu-toggle { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 40px; height: 40px; } .menu-toggle span { width: 25px; height: 3px; background-color: #ffffff; margin: 2px 0; transition: all 0.3s ease; } } .user-info { display: flex; align-items: center; justify-content: space-between; padding: 15px; background-color: #1e1e2d; border-radius: 12px; margin-top: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .user-info:hover { transform: translateY(-3px); box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); } .user-avatar-container { margin-right: 10px; } .user-avatar { width: 50px; height: 50px; border-radius: 50%; border: 2px solid #3699ff; } .user-details { flex-grow: 1; margin-left: 30px; } .username { font-weight: bold; color: #ffffff; font-size: 1.1em; display: block; margin-bottom: 5px; margin-left: 10px; } .user-status { display: flex; align-items: center; } .status-dot { width: 8px; height: 8px; border-radius: 50%; background-color: #2ecc71; margin-right: 5px; } .status-text { font-size: 0.9em; color: #2ecc71; } .user-actions { display: flex; gap: 10px; } .user-action-btn { color: #3699ff; font-size: 1.2em; transition: all 0.3s ease; } .user-action-btn:hover { color: #ffffff; transform: scale(1.1); } .icon-user { margin-right: 5px; } .icon-status { margin-right: 5px; } .icon-logout { display: inline-block; } .dashboard-header { display: flex; justify-content: space-between; align-items: center; padding: 20px; background-color: #1a1a27; border-radius: 12px; margin-bottom: 30px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .dashboard-header h1 { font-size: 1.8em; color: #3699ff; margin: 0; } .user-info { display: flex; align-items: center; } .user-avatar img { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; border: 2px solid #3699ff; } .user-details { margin-right: 15px; } .username { font-weight: bold; color: #ffffff; font-size: 1.1em; display: block; margin-bottom: 5px; } .user-status { display: flex; align-items: center; } .status-dot { width: 8px; height: 8px; border-radius: 50%; background-color: #2ecc71; margin-left: 5px; } .status-text { font-size: 0.9em; color: #2ecc71; } .user-actions { display: flex; gap: 10px; } .user-action-btn { color: #3699ff; font-size: 1.2em; transition: all 0.3s ease; } .user-action-btn:hover { color: #ffffff; transform: scale(1.1); } @media (max-width: 768px) { .dashboard-header { flex-direction: column; align-items: flex-start; } .user-info { margin-top: 15px; } .user-actions { margin-top: 15px; } } .fa-server { color: #3699ff; } .fa-tachometer-alt { color: #3699ff; } .fa-coins { color: #3699ff; } .fa-discord { color: #3699ff; } .fa-tasks { color: #3699ff; } .fa-cloud { color: #3699ff; } .fa-gift { color: #3699ff; } .fa-sliders-h { color: #3699ff; } .fa-headset { color: #3699ff; } .fa-user-shield { color: #3699ff; } .fa-ticket-alt { color: #3699ff; } .fa-sign-out-alt { color: #3699ff; } .fa-chart-line { color: #3699ff; } .fa-receipt { color: #3699ff; } .fa-robot { color: #3699ff; } .fa-project-diagram { color: #3699ff; } .fa-cogs { color: #3699ff; } .fa-wallet { color: #3699ff; } .fa-arrow-right { color: #3699ff; } /* إضافة أنماط للودنق */ .loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #1e1e2d; display: flex; justify-content: center; align-items: center; z-index: 9999; } .loading-spinner { width: 50px; height: 50px; border: 5px solid #3699ff; border-top: 5px solid transparent; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .category-items { max-height: none; overflow: visible; } .category-toggle { cursor: default; } .category-toggle .fas { transform: rotate(180deg); } .category-toggle.active .fas { transform: rotate(180deg); } [class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]:hover:before{width:18.75pc;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_bg-custom]{background-color:#1a1a27;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_box-bg],[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_bg-custom]{transition:all .3s ease;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]:before{content:"";}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_bg-custom]{box-shadow:0 4px 6px rgba(0,0,0,.1);}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_box-bg]{position:relative;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_box-bg],[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]{overflow:hidden;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_box-bg]{direction:ltr;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_box-bg]{border-radius:11.25pt;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_icon-bg]{font-size:4rem;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_icon-bg]{color:rgba(255,255,255,.1);}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_icon-bg]{opacity:.3;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_icon-bg],[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]:before{position:absolute;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]:before{top:50%;}.SNSSG_S8R_NETwork_Security_System_Guard_847392_icon-bg{transform:rotate(-36deg) translate(-45px,-68px);}body{font-family:"Tajawal",Arial,sans-serif;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_icon-bg]{z-index:1;}body{background-color:#1e1e2d;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_icon-bg]{transition:all .5s ease;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]{display:inline-flex;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]:before{left:50%;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]{align-items:center;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]{justify-content:center;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]{padding-left:1.5rem;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_bg-custom]:hover{transform:translateY(-2px);}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]{padding-bottom:.75rem;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]{padding-right:1.5rem;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]{padding-top:.75rem;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]:before{width:0;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]{border-radius:6pt;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]:before{height:0;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]{font-size:1rem;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]{line-height:1.5rem;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]{font-weight:600;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]{transition:all .3s ease;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]{position:relative;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_start]{background:linear-gradient(45deg,#3b6cde,#4a7dff);}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_stop],[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_start],body,[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_restart]{color:#fff;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_restart]{background:linear-gradient(45deg,#4e5c7e,#5d6b8e);}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]:hover:before{height:300px;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_stop]{background:linear-gradient(45deg,#dc2626,#ef4444);}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_shadow-lg]{border-radius:1.5rem;}body{line-height:1.6;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_shadow-lg]{padding-left:1.5rem !important;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_shadow-lg]{padding-bottom:1.5rem !important;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]:before{background:rgba(255,255,255,.1);}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_shadow-lg]{padding-right:1.5rem !important;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]:before{border-radius:50%;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_shadow-lg]{padding-top:1.5rem !important;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_bg-custom]:hover{box-shadow:0 .375pc .75pc rgba(0,0,0,.15);}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]:before{transform:translate(-50%,-50%);}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_shadow-lg]{box-shadow:0 .104166667in 11.25pt -.1875pc rgba(0,0,0,.1);}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392_button]:before{transition:width .6s ease,height .6s ease;}.SNSSG_S8R_NETwork_Security_System_Guard_847392_mt-4{margin-top:.2rem !important;}@media (min-width: 640px){[class~=sm]\:mt-10{margin-top:.3rem;}}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]{position:relative;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]{width:calc(32% - 10px);}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]{background:linear-gradient(135deg,#1a1a27,#1a3f5c);}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]{border-radius:.15625in;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]{height:130px;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]{overflow:hidden;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]{z-index:10;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]{margin-left:.104166667in;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]{margin-bottom:7.5pt;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]{margin-right:.625pc;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]{margin-top:.104166667in;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]{display:flex;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]{align-items:center;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]{transition:all .3s ease;}@media (max-width: 768px){[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]{width:calc(100% - 20px);}}textarea,select{outline:none;}textarea:focus{border-left-color:#3b6cde;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]:hover{transform:translateY(-5px);}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]:hover{box-shadow:0 6pt .166666667in rgba(0,0,0,.2);}textarea{border-left-width:1px;}textarea{border-bottom-width:.75pt;}textarea{border-right-width:1px;}[class~=text-xs]{font-size:.75rem;}textarea{border-top-width:.75pt;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT] [class~=content] p{font-weight:bold;}textarea{border-left-style:solid;}textarea{border-bottom-style:solid;}textarea{border-right-style:solid;}textarea{border-top-style:solid;}textarea{border-left-color:rgba(255,255,255,.1);}textarea{border-bottom-color:rgba(255,255,255,.1);}textarea{border-right-color:rgba(255,255,255,.1);}select:focus,textarea:focus{border-bottom-color:#3b6cde;}textarea{border-top-color:rgba(255,255,255,.1);}select:focus,textarea:focus{border-right-color:#3b6cde;}textarea{border-image:none;}select,textarea{background:rgba(255,255,255,.05);}select,textarea{border-radius:6pt;}textarea,select{padding-left:.125in;}select,textarea{padding-bottom:8px;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT] [class~=content] p{margin-left:0;}select,textarea{padding-right:12px;}textarea,select{padding-top:.5pc;}textarea,select{color:#fff;}select,textarea{transition:all .3s ease;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT] [class~=icon]{font-size:17em;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT] [class~=icon]{color:rgba(255,255,255,.05);}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT] [class~=icon]{opacity:.3;}select{border-left-width:.75pt;}textarea:focus,select:focus{border-top-color:#3b6cde;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT] [class~=icon]{transform:rotate(-36deg) translate(-45px,-68px);}select{border-bottom-width:1px;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT] [class~=icon]{position:absolute;}select{border-right-width:.010416667in;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT] [class~=icon]{z-index:-1;}[class~=text-xs]{line-height:1rem;}select{border-top-width:.010416667in;}select{border-left-style:solid;}select{border-bottom-style:solid;}select{border-right-style:solid;}select{border-top-style:solid;}select{border-left-color:rgba(255,255,255,.1);}select{border-bottom-color:rgba(255,255,255,.1);}select{border-right-color:rgba(255,255,255,.1);}select{border-top-color:rgba(255,255,255,.1);}select{border-image:none;}button,input{outline:none;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT] [class~=icon]{transition:all .5s ease;}input{border-left-width:1px;}input{border-bottom-width:.010416667in;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]:hover [class~=icon]{transform:rotate(-30deg) translate(-40px,-63px);}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT]:hover [class~=icon]{opacity:.4;}input{border-right-width:1px;}input{border-top-width:.010416667in;}input{border-left-style:solid;}input{border-bottom-style:solid;}input{border-right-style:solid;}input{border-top-style:solid;}input{border-left-color:rgba(255,255,255,.1);}input{border-bottom-color:rgba(255,255,255,.1);}input{border-right-color:rgba(255,255,255,.1);}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT] [class~=content]{max-width:2.083333333in;}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 .020833333in rgba(59,108,222,.2);}select:focus,input:focus{border-left-color:#3b6cde;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT] [class~=content]{width:100%;}input{border-top-color:rgba(255,255,255,.1);}input{border-image:none;}button,input{background:rgba(255,255,255,.05);}button,input{border-radius:6pt;}button,input{padding-left:.75pc;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT] [class~=content]{margin-left:auto;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT] [class~=content]{padding-left:19.999999968px;}button,input{padding-bottom:6pt;}[class~=mt-2]{margin-top:.5rem;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT] [class~=content] p{margin-bottom:0;}button,input{padding-right:.75pc;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT] [class~=content]{padding-bottom:1.249999998pc;}input,button{padding-top:.083333333in;}input:focus{border-bottom-color:#3b6cde;}button,input{color:#fff;}button,input{transition:all .3s ease;}button{border-left-width:.0625pc;}button{border-bottom-width:.010416667in;}button{border-right-width:.0625pc;}button{border-top-width:1px;}button{border-left-style:solid;}button{border-bottom-style:solid;}button{border-right-style:solid;}input:focus{border-right-color:#3b6cde;}button{border-top-style:solid;}button{border-left-color:rgba(255,255,255,.1);}button{border-bottom-color:rgba(255,255,255,.1);}button{border-right-color:rgba(255,255,255,.1);}button{border-top-color:rgba(255,255,255,.1);}button{border-image:none;}input:focus{border-top-color:#3b6cde;}.SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT .content{padding-right:1.249999998pc;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT] [class~=content]{padding-top:1.249999998pc;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT] [class~=content] p{margin-right:0;}[class~=SNSSG_S8R_NETwork_Security_System_Guard_847392-lmeixT] [class~=content] p{margin-top:0;}@keyframes glow{from{box-shadow:0 0 5px #3b6cde;}to{box-shadow:0 0 20px #3b6cde;}}[class~=glow-effect]{animation:glow 1s ease-in-out infinite alternate;}