.navbar[data-v-e91946b2]{position:fixed;left:0;top:0;width:280px;height:100vh;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:0;z-index:1000;display:flex;flex-direction:column;box-shadow:4px 0 20px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.navbar-collapsed[data-v-e91946b2]{width:70px}.navbar-toggle[data-v-e91946b2]{position:absolute;top:20px;right:-35px;width:30px;height:30px;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:2px 0 10px #0003;z-index:1001}.mobile-menu-toggle[data-v-e91946b2],.mobile-overlay[data-v-e91946b2]{display:none}.navbar-toggle[data-v-e91946b2]:hover{background:linear-gradient(135deg,#2980b9,#3498db);transform:scale(1.1)}.navbar-toggle i[data-v-e91946b2]{font-size:14px;transition:transform .3s ease}.navbar-brand[data-v-e91946b2]{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px;min-height:80px;display:flex;align-items:center}.brand-content[data-v-e91946b2]{display:flex;align-items:center;gap:15px;width:100%}.brand-icon[data-v-e91946b2]{font-size:2rem;background:linear-gradient(45deg,#3498db,#2980b9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:35px}.brand-text[data-v-e91946b2]{flex:1;opacity:1;transition:opacity .3s ease}.navbar-collapsed .brand-text[data-v-e91946b2]{opacity:0}.brand-text h2[data-v-e91946b2]{color:#fff;margin:0;font-size:1.4rem;font-weight:700;letter-spacing:-.5px}.brand-subtitle[data-v-e91946b2]{color:#ffffffb3;font-size:.85rem;margin-top:2px;display:block}.navbar-nav[data-v-e91946b2]{flex:1;list-style:none;padding:0;margin:0;overflow-y:auto}.nav-item[data-v-e91946b2]{margin:0}.nav-link[data-v-e91946b2]{display:flex;align-items:center;padding:15px 20px;color:#fffc;text-decoration:none;border-left:3px solid transparent;transition:all .3s ease;position:relative;gap:15px}.navbar-collapsed .nav-link[data-v-e91946b2]{justify-content:center;padding:15px 10px}.nav-icon[data-v-e91946b2]{font-size:1.4rem;min-width:25px;text-align:center}.nav-text[data-v-e91946b2]{font-weight:500;font-size:.95rem;opacity:1;transition:opacity .3s ease}.navbar-collapsed .nav-text[data-v-e91946b2]{opacity:0}.nav-indicator[data-v-e91946b2]{position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,#3498db,#2980b9);transition:height .3s ease;border-radius:3px 0 0 3px}.nav-link[data-v-e91946b2]:hover{background:#ffffff1a;color:#fff;border-left-color:#3498db}.nav-link:hover .nav-indicator[data-v-e91946b2]{height:60%}.nav-link.active[data-v-e91946b2]{background:#3498db26;color:#fff;border-left-color:#3498db}.nav-link.active .nav-indicator[data-v-e91946b2]{height:80%}.navbar-user[data-v-e91946b2]{padding:20px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;position:sticky;bottom:0;z-index:1001;background:linear-gradient(180deg,#fff0,#00000005);padding-bottom:calc(env(safe-area-inset-bottom,12px) + 12px)}.user-info[data-v-e91946b2]{display:flex;align-items:center;gap:12px;margin-bottom:15px;opacity:1;transition:opacity .3s ease}.user-info-collapsed[data-v-e91946b2]{display:flex;justify-content:center;margin-bottom:15px}.user-avatar[data-v-e91946b2]{width:40px;height:40px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff}.user-avatar-small[data-v-e91946b2]{width:35px;height:35px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#fff}.user-details[data-v-e91946b2]{flex:1}.user-name[data-v-e91946b2]{display:block;font-weight:600;margin-bottom:2px;font-size:.95rem}.user-role[data-v-e91946b2]{font-size:.8rem;color:#fff9;text-transform:capitalize}.btn-logout[data-v-e91946b2]{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;color:#fff;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px;width:100%;justify-content:center}.navbar-collapsed .btn-logout[data-v-e91946b2]{padding:10px;gap:0}.btn-logout[data-v-e91946b2]:hover{background:linear-gradient(135deg,#c0392b,#e74c3c);transform:translateY(-1px);box-shadow:0 4px 15px #e74c3c4d}.logout-icon[data-v-e91946b2]{font-size:1.1rem}.nav-text[data-v-e91946b2],.brand-text[data-v-e91946b2],.user-info[data-v-e91946b2]{transition:opacity .3s ease,transform .3s ease}.navbar-collapsed .nav-text[data-v-e91946b2],.navbar-collapsed .brand-text[data-v-e91946b2],.navbar-collapsed .user-info[data-v-e91946b2]{opacity:0;transform:translate(-10px)}.navbar-collapsed [title][data-v-e91946b2]{position:relative}.navbar-collapsed [title][data-v-e91946b2]:hover:after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:8px 12px;border-radius:6px;white-space:nowrap;font-size:.85rem;z-index:1002;margin-left:10px;animation:fadeIn-e91946b2 .2s ease-out}@keyframes fadeIn-e91946b2{0%{opacity:0;transform:translateY(-50%) translate(-5px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@media (max-width: 768px){.navbar[data-v-e91946b2]{width:80vw;max-width:320px;height:100vh;position:fixed;left:-80vw;transition:left .28s cubic-bezier(.4,0,.2,1);z-index:2000;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,20px);background-clip:padding-box}.navbar-mobile-open[data-v-e91946b2]{left:0}.navbar-collapsed[data-v-e91946b2]{width:80vw;max-width:320px;left:-80vw}.navbar-mobile-open.navbar-collapsed[data-v-e91946b2]{left:0}.mobile-menu-toggle[data-v-e91946b2]{display:flex;position:fixed;top:1rem;left:1rem;width:3rem;height:3rem;background:linear-gradient(135deg,#2c3e50,#34495e);border:none;border-radius:.5rem;color:#fff;align-items:center;justify-content:center;cursor:pointer;z-index:1999;box-shadow:0 2px 8px #0003;transition:all .2s ease;padding:.35rem}.mobile-menu-toggle[data-v-e91946b2]:hover{transform:scale(1.04)}.mobile-menu-toggle i[data-v-e91946b2]{font-size:1.15rem}.navbar-toggle[data-v-e91946b2]{display:none}.mobile-overlay[data-v-e91946b2]{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;z-index:1998;animation:fadeIn-e91946b2 .22s ease}.navbar-mobile-open .nav-text[data-v-e91946b2],.navbar-mobile-open .brand-text[data-v-e91946b2],.navbar-mobile-open .user-info[data-v-e91946b2]{opacity:1;transform:translate(0)}.navbar-mobile-open .user-info-collapsed[data-v-e91946b2]{display:none}.navbar-mobile-open .user-info[data-v-e91946b2]{display:flex}.navbar-brand[data-v-e91946b2]{padding:.9rem 1rem;min-height:64px}.brand-text h2[data-v-e91946b2]{font-size:1.1rem}.brand-subtitle[data-v-e91946b2]{font-size:.78rem}.nav-link[data-v-e91946b2]{padding:12px 16px}.nav-text[data-v-e91946b2]{font-size:.92rem}.navbar-user[data-v-e91946b2]{padding:16px 14px 28px}}@media (min-width: 769px){.mobile-menu-toggle[data-v-e91946b2],.mobile-overlay[data-v-e91946b2]{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;color:#333;overflow-x:hidden}#app{min-height:100vh;overflow-x:hidden}.main-content{min-height:100vh}.main-content.with-navbar{margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content.with-navbar-collapsed{margin-left:70px}@media (max-width: 768px){.main-content.with-navbar,.main-content.with-navbar-collapsed{margin-left:0;padding-top:0}}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px}.main-content .page-header{width:100%;padding-left:0;padding-right:0;margin-left:0;margin-right:0}.main-content .page-header>*{width:100%}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;display:inline-block;font-size:14px;transition:background-color .3s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1e7e34}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;font-weight:500}.form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.status-up{color:#28a745;font-weight:700}.status-down{color:#dc3545;font-weight:700}.status-unknown{color:#6c757d;font-weight:700}.loading{text-align:center;padding:40px;color:#6c757d}.error{background-color:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin-bottom:15px}.success{background-color:#d4edda;color:#155724;padding:10px;border-radius:4px;margin-bottom:15px}html[data-v-78f5c1fd],body[data-v-78f5c1fd],#app[data-v-78f5c1fd]{height:100%;width:100%;margin:0;padding:0}.login-container[data-v-78f5c1fd]{min-height:100vh;min-width:100vw;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.background-overlay[data-v-78f5c1fd]{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.1) 0%,transparent 50%);pointer-events:none}.login-content[data-v-78f5c1fd]{position:relative;z-index:1;width:100%;max-width:360px;animation:slideInUp-78f5c1fd .6s ease-out}html[data-v-78f5c1fd],body[data-v-78f5c1fd]{overflow-x:hidden}@media (min-width: 1200px){.login-content[data-v-78f5c1fd]{max-width:420px}}.login-card[data-v-78f5c1fd]{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 20px 50px #0000004d;overflow:hidden;position:relative;max-height:calc(100vh - 40px);box-sizing:border-box;overflow-y:auto}.login-header[data-v-78f5c1fd]{padding:28px 20px 20px;text-align:center;position:relative;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%)}.back-to-dashboard[data-v-78f5c1fd]{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:5px;color:#fff;text-decoration:none;font-weight:700;font-size:.75rem;padding:6px 10px;background:linear-gradient(135deg,#ffffff26,#ffffff14);border-radius:8px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1.5px solid rgba(255,255,255,.25);transition:all .4s cubic-bezier(.25,.8,.25,1);z-index:10;box-shadow:0 4px 15px #0000001a}.back-to-dashboard[data-v-78f5c1fd]:hover{background:linear-gradient(135deg,#ffffff40,#ffffff26);border-color:#fff6;transform:translate(-5px);box-shadow:0 6px 20px #0003}.back-to-dashboard i[data-v-78f5c1fd]{font-size:.75rem;transition:transform .3s ease}.back-to-dashboard:hover i[data-v-78f5c1fd]{transform:translate(-3px)}.login-footer[data-v-78f5c1fd]{padding:14px 20px 18px;border-top:1px solid rgba(255,255,255,.06)}.login-card[data-v-78f5c1fd]{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 20px 50px #0000004d;overflow:hidden;position:relative}.login-card[data-v-78f5c1fd]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.logo-icon[data-v-78f5c1fd]{width:90px;height:90px;padding:1.2rem;text-align:center;display:flex;padding:1.75rem 1.25rem 1.5rem;justify-content:center;margin:0 auto;border-radius:50%;animation:dotPulse-78f5c1fd 2s ease-in-out infinite}.logo-icon .login-body[data-v-78f5c1fd]{padding:0 1.25rem 1.75rem}.logo-icon .login-footer[data-v-78f5c1fd]{padding:1.25rem 1.25rem 1.75rem}.logo-icon .login-header h1[data-v-78f5c1fd]{font-size:1.6rem}.logo-icon .subtitle-wrapper p[data-v-78f5c1fd]{font-size:.9rem}.logo-icon .logo-icon[data-v-78f5c1fd]{width:72px;height:72px;margin-bottom:1.25rem}.logo-icon .logo-icon i[data-v-78f5c1fd]{font-size:1.6rem}.logo-icon .form-label[data-v-78f5c1fd]{font-size:.95rem}.logo-icon .form-control[data-v-78f5c1fd]{padding:.9rem 1rem;font-size:.95rem;border-radius:12px}.logo-icon .btn-primary[data-v-78f5c1fd]{padding:1rem 1.25rem;font-size:1rem;min-height:52px;border-radius:14px}.logo-icon .form-group[data-v-78f5c1fd]{margin-bottom:1rem}.logo-icon .login-card[data-v-78f5c1fd]{margin:8px}.login-header[data-v-78f5c1fd]{padding:50px 35px 40px;text-align:center;position:relative;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%)}.logo-section[data-v-78f5c1fd]{animation:fadeIn-78f5c1fd 1.2s ease-out .3s both}.logo-container[data-v-78f5c1fd]{position:relative;display:inline-block;margin-bottom:30px}.logo-icon[data-v-78f5c1fd]{width:90px;height:90px;background:linear-gradient(135deg,#74b9ff,#0984e3);border-radius:25px;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 20px 40px #74b9ff66,0 0 0 1px #ffffff1a,inset 0 1px #fff3;animation:logoFloat-78f5c1fd 4s ease-in-out infinite;position:relative;overflow:hidden}.logo-icon[data-v-78f5c1fd]:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#74b9ff,#00cec9,#fd79a8,#fdcb6e);border-radius:27px;z-index:-1;animation:borderRotate-78f5c1fd 3s linear infinite}.logo-icon i[data-v-78f5c1fd]{font-size:2.5rem;color:#fff;animation:iconPulse-78f5c1fd 2.5s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.logo-dots[data-v-78f5c1fd]{position:absolute;top:-15px;right:-15px;display:flex;gap:4px}.dot[data-v-78f5c1fd]{width:8px;height:8px;border-radius:50%;animation:dotPulse-78f5c1fd 2s ease-in-out infinite}.dot-1[data-v-78f5c1fd]{background:#00b894;animation-delay:0s}.dot-2[data-v-78f5c1fd]{background:#fdcb6e;animation-delay:.3s}.dot-3[data-v-78f5c1fd]{background:#e17055;animation-delay:.6s}.title-container[data-v-78f5c1fd]{position:relative}.login-header h1[data-v-78f5c1fd]{margin:0 0 20px;color:#fff;font-size:2.4rem;font-weight:800;text-shadow:0 4px 20px rgba(0,0,0,.3);letter-spacing:-1px;line-height:1.1;background:linear-gradient(135deg,#fff,#e8f4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle-wrapper[data-v-78f5c1fd]{display:flex;align-items:center;justify-content:center;gap:15px;margin:0}.subtitle-line[data-v-78f5c1fd]{width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:lineGlow-78f5c1fd 2s ease-in-out infinite alternate}.subtitle-wrapper p[data-v-78f5c1fd]{margin:0;color:#ffffffd9;font-size:1rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;font-family:Inter,sans-serif}.login-body[data-v-78f5c1fd]{padding:0 30px 28px}.error-message[data-v-78f5c1fd]{background:linear-gradient(135deg,#e74c3c1a,#c0392b0d);border:1px solid rgba(231,76,60,.3);color:#e74c3c;padding:15px 20px;border-radius:12px;margin-bottom:25px;display:flex;align-items:center;gap:10px;font-size:.9rem;animation:shake-78f5c1fd .5s ease-in-out}.error-message i[data-v-78f5c1fd]{font-size:1.1rem}.login-form[data-v-78f5c1fd]{display:flex;flex-direction:column;gap:2px}.form-group[data-v-78f5c1fd]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-78f5c1fd]{color:#ffffffe6;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:8px}.form-label i[data-v-78f5c1fd]{font-size:.9rem;opacity:.8}.input-wrapper[data-v-78f5c1fd]{position:relative}.input-wrapper .form-control[data-v-78f5c1fd]{padding-right:56px}.password-toggle[data-v-78f5c1fd]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#fffffff2;font-size:1rem;padding:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.password-toggle[data-v-78f5c1fd]:focus{outline:none;box-shadow:0 0 0 4px #74b9ff1f;border-radius:6px}.form-control[data-v-78f5c1fd]{background:linear-gradient(135deg,#ffffff14,#ffffff08);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1.5px solid rgba(255,255,255,.15);color:#fff;padding:18px 24px;border-radius:14px;font-size:1rem;transition:all .4s cubic-bezier(.25,.8,.25,1);width:100%;box-sizing:border-box;font-weight:400}.form-control[data-v-78f5c1fd]:focus{outline:none;border-color:#74b9ff;box-shadow:0 0 0 4px #74b9ff26,0 8px 25px #74b9ff33;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);transform:translateY(-2px)}.form-control[data-v-78f5c1fd]::placeholder{color:#ffffff80;font-weight:400}.btn-primary[data-v-78f5c1fd]{background:linear-gradient(135deg,#74b9ff,#0984e3);border:none;color:#fff;padding:clamp(10px,1.2vw,16px) clamp(12px,2vw,24px);border-radius:12px;font-size:clamp(.95rem,1.2vw,1.05rem);min-height:44px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 8px 25px #74b9ff66}.btn-primary[data-v-78f5c1fd]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary[data-v-78f5c1fd]:hover{background:linear-gradient(135deg,#0984e3,#74b9ff);transform:translateY(-3px);box-shadow:0 12px 35px #74b9ff99}.btn-primary[data-v-78f5c1fd]:hover:before{left:100%}.btn-primary[data-v-78f5c1fd]:active{transform:translateY(-1px)}.btn-primary[data-v-78f5c1fd]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary[data-v-78f5c1fd]:disabled:hover{transform:none;box-shadow:0 8px 25px #74b9ff66}.error-message[data-v-78f5c1fd]{background:linear-gradient(135deg,#e74c3c26,#c0392b14);border:1.5px solid rgba(231,76,60,.4);color:#ff6b6b;padding:16px 22px;border-radius:14px;margin-bottom:25px;display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:500;animation:errorSlideIn-78f5c1fd .5s cubic-bezier(.25,.8,.25,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #e74c3c33}.error-message i[data-v-78f5c1fd]{font-size:1.1rem;color:#e74c3c}.btn-content[data-v-78f5c1fd]{display:flex;align-items:center;justify-content:center;width:100%;gap:12px;font-weight:600}.btn-full[data-v-78f5c1fd]{width:100%;margin-top:20px}@keyframes errorSlideIn-78f5c1fd{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-footer[data-v-78f5c1fd]{padding:25px 35px 35px;border-top:1px solid rgba(255,255,255,.08)}.divider[data-v-78f5c1fd]{text-align:center;margin-bottom:25px;position:relative}.divider[data-v-78f5c1fd]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.divider span[data-v-78f5c1fd]{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#ffffffd9;padding:10px 20px;border-radius:25px;font-size:.9rem;font-weight:600;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);letter-spacing:.3px}.test-accounts[data-v-78f5c1fd]{display:flex;flex-direction:column;gap:15px}.account-item[data-v-78f5c1fd]{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1.5px solid rgba(255,255,255,.12);border-radius:14px;padding:18px 22px;cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.account-item[data-v-78f5c1fd]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(116,185,255,.1),transparent);transition:left .6s ease}.account-item[data-v-78f5c1fd]:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:#74b9ff66;transform:translateY(-3px);box-shadow:0 8px 25px #74b9ff26}.account-item[data-v-78f5c1fd]:hover:before{left:100%}.account-role[data-v-78f5c1fd]{display:flex;align-items:center;gap:12px;color:#fff;font-weight:700;font-size:.95rem}.account-role i[data-v-78f5c1fd]{font-size:1.1rem;opacity:.9;color:#74b9ff}.account-credentials[data-v-78f5c1fd]{color:#ffffffb3;font-size:.85rem;font-family:JetBrains Mono,monospace;font-weight:500}@keyframes logoFloat-78f5c1fd{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(1deg)}50%{transform:translateY(-12px) rotate(0)}75%{transform:translateY(-6px) rotate(-1deg)}}@keyframes borderRotate-78f5c1fd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iconPulse-78f5c1fd{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes dotPulse-78f5c1fd{0%,to{opacity:.6;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes lineGlow-78f5c1fd{0%{opacity:.4;transform:scaleX(.8)}to{opacity:.8;transform:scaleX(1.2)}}@keyframes slideInUp-78f5c1fd{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn-78f5c1fd{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float-78f5c1fd{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-78f5c1fd{0%,to{opacity:1}50%{opacity:.8}}@keyframes shake-78f5c1fd{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 1024px){.login-content[data-v-78f5c1fd]{max-width:500px}}@media (max-width: 768px){.login-container[data-v-78f5c1fd]{padding:1rem}.login-content[data-v-78f5c1fd]{max-width:100%}.login-card[data-v-78f5c1fd]{box-shadow:0 4px 12px #0000001a}.login-header[data-v-78f5c1fd]{padding:2rem 1.5rem 1.5rem}.back-to-dashboard[data-v-78f5c1fd]{top:15px;left:15px;padding:5px 8px;font-size:.7rem}.back-to-dashboard i[data-v-78f5c1fd]{font-size:.7rem}.login-body[data-v-78f5c1fd]{padding:0 1.5rem 1.75rem}.login-footer[data-v-78f5c1fd]{padding:1.25rem 1.5rem 2rem}.login-header h1[data-v-78f5c1fd]{font-size:1.875rem}.subtitle-wrapper p[data-v-78f5c1fd]{font-size:.9rem}.logo-icon[data-v-78f5c1fd]{width:70px;height:70px}.logo-icon i[data-v-78f5c1fd]{font-size:1.75rem}.form-group[data-v-78f5c1fd]{margin-bottom:1.25rem}.account-item[data-v-78f5c1fd]{padding:.875rem}.test-accounts[data-v-78f5c1fd]{gap:.75rem}}@media (max-width: 480px){.login-container[data-v-78f5c1fd]{padding:.75rem}.login-header[data-v-78f5c1fd]{padding:1.5rem 1.25rem 1.25rem}.back-to-dashboard[data-v-78f5c1fd]{top:12px;left:12px;padding:5px 8px;font-size:.65rem;gap:4px}.back-to-dashboard i[data-v-78f5c1fd]{font-size:.65rem}.login-body[data-v-78f5c1fd]{padding:0 1.25rem 1.25rem}.login-footer[data-v-78f5c1fd]{padding:1rem 1.25rem 1.5rem}.login-header h1[data-v-78f5c1fd]{font-size:1.5rem}.subtitle-wrapper p[data-v-78f5c1fd]{font-size:.8rem}.logo-icon[data-v-78f5c1fd]{width:60px;height:60px;margin-bottom:1rem}.logo-icon i[data-v-78f5c1fd]{font-size:1.5rem}.form-label[data-v-78f5c1fd]{font-size:.875rem}.form-control[data-v-78f5c1fd]{padding:.625rem .875rem;font-size:.875rem}.btn-primary[data-v-78f5c1fd]{padding:.85rem 1.25rem;font-size:.95rem;min-height:48px}.account-item[data-v-78f5c1fd]{flex-direction:column;align-items:flex-start;gap:.5rem;text-align:left;padding:.75rem}.account-role[data-v-78f5c1fd]{font-size:.85rem}.account-credentials[data-v-78f5c1fd]{word-break:break-all;font-size:.75rem}.divider span[data-v-78f5c1fd]{font-size:.8rem;padding:0 .75rem}}.dashboard[data-v-f51898a2]{padding:2rem;max-width:1400px;margin:0 auto}.dashboard-header[data-v-f51898a2]{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 24px #667eea40;color:#fff}.header-main[data-v-f51898a2]{flex:1;min-width:250px}.header-main h1[data-v-f51898a2]{margin:0 0 .5rem;color:#fff;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.2)}.header-main p[data-v-f51898a2]{margin:0;color:#fffffff2;font-size:clamp(.95rem,3vw,1.1rem);line-height:1.5}.header-status[data-v-f51898a2]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.user-info[data-v-f51898a2]{display:flex;align-items:center;gap:.75rem;background:#fff3;padding:.75rem 1.5rem;border-radius:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.user-info[data-v-f51898a2]:hover{background:#ffffff4d;transform:translateY(-2px)}.welcome-text[data-v-f51898a2]{font-weight:700;color:#fff;font-size:1rem;text-transform:capitalize;letter-spacing:.5px}.btn-login[data-v-f51898a2]{padding:.75rem 1.5rem;background:#fff;color:#667eea;text-decoration:none;border-radius:2rem;font-weight:700;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:.5rem}.btn-login[data-v-f51898a2]:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.public-monitors-section[data-v-f51898a2]{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014}.section-header[data-v-f51898a2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:3px solid #667eea}.section-header h2[data-v-f51898a2]{margin:0;color:#2c3e50;font-size:1.75rem;font-weight:700}.view-all-link[data-v-f51898a2]{color:#667eea;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s}.view-all-link[data-v-f51898a2]:hover{color:#764ba2;transform:translate(4px)}.loading-state[data-v-f51898a2],.empty-state[data-v-f51898a2]{text-align:center;padding:4rem 2rem;color:#6c757d}.empty-state p[data-v-f51898a2]{margin-bottom:1.5rem;font-size:1.1rem}.btn[data-v-f51898a2]{padding:12px 28px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 4px 12px #0000001a}.btn-primary[data-v-f51898a2]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-f51898a2]:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.monitors-grid[data-v-f51898a2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.monitor-card[data-v-f51898a2]{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;padding:1.5rem;border:2px solid #e8eaed;transition:all .3s ease;box-shadow:0 2px 8px #0000000f}.monitor-card[data-v-f51898a2]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#667eea}.monitor-card.status-up[data-v-f51898a2]{border-left:5px solid #66bb6a}.monitor-card.status-down[data-v-f51898a2]{border-left:5px solid #ef5350}.monitor-header[data-v-f51898a2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.monitor-status[data-v-f51898a2]{display:flex;align-items:center;gap:.5rem}.status-dot[data-v-f51898a2]{width:12px;height:12px;border-radius:50%;animation:pulse-f51898a2 2s infinite}.status-dot.status-up[data-v-f51898a2]{background:#66bb6a;box-shadow:0 0 0 3px #66bb6a33}.status-dot.status-down[data-v-f51898a2]{background:#ef5350;box-shadow:0 0 0 3px #ef535033}@keyframes pulse-f51898a2{0%,to{opacity:1}50%{opacity:.6}}.status-text[data-v-f51898a2]{font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.monitor-card.status-up .status-text[data-v-f51898a2]{color:#43a047}.monitor-card.status-down .status-text[data-v-f51898a2]{color:#e53935}.monitor-type[data-v-f51898a2]{font-size:.75rem;padding:.35rem .75rem;background:#667eea;color:#fff;border-radius:12px;font-weight:700;letter-spacing:.5px}.monitor-name[data-v-f51898a2]{margin:0 0 .5rem;color:#2c3e50;font-size:1.25rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-target[data-v-f51898a2]{margin:0 0 1rem;color:#6c757d;font-size:.9rem;font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-stats[data-v-f51898a2]{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #e8eaed}.stat-item[data-v-f51898a2]{flex:1;display:flex;flex-direction:column;gap:.25rem}.stat-label[data-v-f51898a2]{font-size:.75rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value[data-v-f51898a2]{font-size:1.1rem;color:#2c3e50;font-weight:700}@media (max-width: 768px){.dashboard[data-v-f51898a2]{padding:1rem}.dashboard-header[data-v-f51898a2]{flex-direction:column;align-items:stretch;gap:1rem;padding:1.5rem}.header-main h1[data-v-f51898a2]{margin-bottom:.375rem}.header-status[data-v-f51898a2]{justify-content:center}.monitors-grid[data-v-f51898a2]{grid-template-columns:1fr}.public-monitors-section[data-v-f51898a2]{padding:1.5rem}}@media (max-width: 480px){.dashboard[data-v-f51898a2]{padding:.75rem}.dashboard-header[data-v-f51898a2]{padding:1.25rem}.section-header[data-v-f51898a2]{flex-direction:column;align-items:flex-start;gap:.75rem}.public-monitors-section[data-v-f51898a2]{padding:1rem}.monitor-card[data-v-f51898a2]{padding:1.25rem}}.monitors[data-v-8a2feb0f]{padding:20px;min-height:calc(100vh - 80px);background-color:transparent;color:#121212}.page-header[data-v-8a2feb0f]{margin:0 0 18px;padding:0;width:100%;background:transparent}.header-content[data-v-8a2feb0f]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.page-header .header-content[data-v-8a2feb0f]{max-width:1280px;margin:0 auto;padding:18px 20px;box-sizing:border-box;align-items:center}.header-main h1[data-v-8a2feb0f]{margin:0 0 5px;color:var(--color-text);font-size:2em}.header-main p[data-v-8a2feb0f]{margin:0;color:var(--color-muted);font-size:1.1em}.header-actions[data-v-8a2feb0f]{display:flex;gap:15px;align-items:center}.form-container[data-v-8a2feb0f]{background:var(--color-surface);border-radius:12px;box-shadow:var(--shadow-1);overflow:hidden;margin-bottom:32px;padding:24px;border:1px solid rgba(15,23,42,.04)}.monitors-grid-view[data-v-8a2feb0f]{grid-template-columns:repeat(3,1fr);gap:1.2rem;padding:1.2rem .5rem}@media (max-width: 1024px){.monitors-grid-view[data-v-8a2feb0f]{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem .25rem}}@media (max-width: 768px){.monitors-grid-view[data-v-8a2feb0f]{grid-template-columns:1fr;gap:.5rem;padding:.5rem .05rem}.monitor-card-grid[data-v-8a2feb0f]{min-width:0;padding:10px 2px}}@media (max-width: 480px){.monitors-grid-view[data-v-8a2feb0f]{grid-template-columns:1fr!important;gap:.25rem;padding:.25rem 0}.monitor-card-grid[data-v-8a2feb0f]{padding:4px 0}}.stats-cards[data-v-8a2feb0f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,160px));gap:14px;margin-bottom:24px;justify-content:center;justify-items:center}.stat-card[data-v-8a2feb0f]{background:#fff;color:#111827;border-radius:12px;padding:14px 12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e6e6e6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;max-width:160px;transition:transform .18s ease,box-shadow .18s ease,background .15s ease,color .15s ease;animation:fadeInUp-8a2feb0f .5s ease forwards;opacity:0;transform:translateY(20px);position:relative;overflow:visible;box-sizing:border-box;z-index:1}.stat-card[data-v-8a2feb0f]:hover{transform:translateY(-4px);box-shadow:0 14px 36px #0000001f;border-color:#d1d5db;z-index:10}.stat-card[data-v-8a2feb0f],.stat-card[data-v-8a2feb0f]:active,.stat-card[data-v-8a2feb0f]:focus{-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-color:inherit!important;color:inherit!important}.stat-icon[data-v-8a2feb0f]{font-size:1.6em;line-height:1;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#00000008;flex-shrink:0;box-sizing:border-box}.stat-content h3[data-v-8a2feb0f]{margin:0;font-size:1.4em;font-weight:700;color:#111827;line-height:1.2;text-align:center}.stat-card:hover .stat-icon[data-v-8a2feb0f]{background:#0000000a}.stat-content p[data-v-8a2feb0f]{margin:5px 0 0;color:#7f8c8d;font-weight:500;font-size:.85rem}.stat-content[data-v-8a2feb0f]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1 1 auto}@media (max-width: 640px){.stats-cards[data-v-8a2feb0f]{grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;grid-auto-rows:1fr;align-items:stretch;justify-items:center}.stat-card[data-v-8a2feb0f]{flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;gap:8px;height:100%;max-width:140px;box-sizing:border-box}.stat-icon[data-v-8a2feb0f]{width:36px;height:36px;border-radius:8px;font-size:1em;margin-bottom:6px;box-sizing:border-box}.stat-content[data-v-8a2feb0f]{align-items:center;justify-content:center}.stat-content h3[data-v-8a2feb0f]{font-size:1.05em;margin:0 0 4px;line-height:1.05;word-break:keep-all}.stat-content p[data-v-8a2feb0f]{font-size:.72rem;margin:0;line-height:1.05;text-align:center;word-break:break-word}}.stat-card.services[data-v-8a2feb0f]{background:#fff;color:#fff}.stat-card.health.health-excellent[data-v-8a2feb0f],.stat-card.health.health-good[data-v-8a2feb0f],.stat-card.health.health-warning[data-v-8a2feb0f],.stat-card.health.health-critical[data-v-8a2feb0f]{color:#fff}.filters[data-v-8a2feb0f]{background:var(--color-bg);padding:24px;border:1px solid rgba(15,23,42,.04);border-radius:12px;margin-bottom:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;align-items:end}.view-mode-toggle[data-v-8a2feb0f]{display:flex;gap:5px;border-radius:8px;background:#f8f9fa;padding:4px}.toggle-btn[data-v-8a2feb0f]{background:transparent;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:1.2em}.toggle-btn[data-v-8a2feb0f]:hover{background:#e9ecef}.toggle-btn.active[data-v-8a2feb0f]{background:var(--color-accent);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-1)}.monitors-grid-view[data-v-8a2feb0f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:28px;margin-top:22px;align-items:start;justify-content:center}.monitor-card-grid[data-v-8a2feb0f]{--card-accent: rgba(102,126,234,.08);background:linear-gradient(180deg,var(--color-surface),rgba(250,252,255,.95));border-radius:16px;padding:32px 30px;min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:14px;position:relative;overflow:hidden;box-shadow:var(--shadow-2);border:1px solid var(--card-accent);transition:transform .28s cubic-bezier(.22,.9,.36,1),box-shadow .28s ease,border-color .28s ease;animation:fadeInUp-8a2feb0f .5s ease forwards;opacity:0;transform:translateY(10px);align-items:center}.monitor-card-grid[data-v-8a2feb0f]:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:8px;border-radius:8px 0 0 8px;background:linear-gradient(180deg,var(--color-accent),var(--color-accent-2));box-shadow:0 6px 18px #1d294a0f;transform-origin:left center;transition:transform .28s ease,opacity .28s ease}.monitor-card-grid[data-v-8a2feb0f]:after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;background:radial-gradient(circle at 30% 30%,rgba(102,126,234,.12),rgba(102,126,234,.03) 40%,transparent 60%);filter:blur(18px);pointer-events:none}.monitor-card-grid.clickable[data-v-8a2feb0f]{cursor:pointer}.monitor-card-grid.clickable[data-v-8a2feb0f]:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 34px 90px #1d294a24;border-color:#667eea38}.monitor-card-grid.clickable[data-v-8a2feb0f]:hover:before{transform:scaleY(1.06);opacity:.98}.monitor-header-grid[data-v-8a2feb0f]{display:flex;align-items:center;gap:15px;margin-bottom:15px}.monitor-card-grid .monitor-header-grid[data-v-8a2feb0f]{flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:12px}.monitor-icon-wrapper[data-v-8a2feb0f]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;margin-bottom:4px}.monitor-icon[data-v-8a2feb0f]{width:32px;height:32px;object-fit:contain;border-radius:6px;background:#fff;padding:2px}.monitor-type-icon[data-v-8a2feb0f]{font-size:28px;filter:brightness(1.8)}.status-indicator-large[data-v-8a2feb0f]{width:28px;height:28px;border-radius:50%;position:relative;display:inline-block}.status-indicator-large.status-up[data-v-8a2feb0f]{background-color:#28a745;box-shadow:0 0 0 3px #28a74533}.status-indicator-large.status-down[data-v-8a2feb0f]{background-color:#dc3545;box-shadow:0 0 0 3px #dc354533}.status-indicator-large.status-unknown[data-v-8a2feb0f]{background-color:#6c757d;box-shadow:0 0 0 3px #6c757d33}.monitor-info-grid h4[data-v-8a2feb0f]{margin:0 0 5px;color:var(--color-text);font-size:1.35em;font-weight:600}.monitor-card-grid .status-accent[data-v-8a2feb0f]{position:absolute;top:18px;right:18px;width:56px;height:56px;border-radius:12px;background:linear-gradient(180deg,#fff9,#ffffff26);box-shadow:0 6px 18px #1d294a0f inset;display:flex;align-items:center;justify-content:center}.monitor-card-grid .status-indicator-large[data-v-8a2feb0f]{width:34px;height:34px;box-shadow:0 6px 18px #1d294a0f}.monitor-card-grid .status-indicator-large.status-up[data-v-8a2feb0f]{background:linear-gradient(180deg,#dff6e6,#bff3c9);border:2px solid #34b36b}.monitor-card-grid .status-indicator-large.status-down[data-v-8a2feb0f]{background:linear-gradient(180deg,#ffd6d6,#ffbdbd);border:2px solid #e55a56}.monitor-card-grid .status-indicator-large.status-unknown[data-v-8a2feb0f]{background:linear-gradient(180deg,#f0f0f2,#e6e6e9);border:2px solid #9aa0a6}.monitor-card-grid .monitor-info-grid h4[data-v-8a2feb0f]{position:relative}.monitor-card-grid .monitor-info-grid h4[data-v-8a2feb0f]:after{content:"";display:block;height:4px;width:48px;border-radius:3px;margin:8px auto 0;background:linear-gradient(90deg,#667eeaf2,#667eea73);opacity:.9}.monitor-card-grid .monitor-info-grid h4[data-v-8a2feb0f]{font-size:1.5rem;letter-spacing:.2px}.monitor-card-grid .monitor-info-grid[data-v-8a2feb0f]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.monitor-card-grid .monitor-stats-grid[data-v-8a2feb0f]{width:100%;padding:14px 18px;background:#fff9;border-radius:10px;border:1px solid rgba(102,126,234,.04)}.monitor-card-grid .monitor-actions-grid .btn[data-v-8a2feb0f]{padding:8px 12px;font-size:.95rem}.monitor-target-grid[data-v-8a2feb0f]{margin:0 0 8px;color:var(--color-muted);font-size:.95em;word-break:break-word;display:none}.monitor-group-badge[data-v-8a2feb0f]{background:#0f172a08;color:var(--color-muted);font-size:.8em;padding:3px 8px;border-radius:4px;font-weight:500}.monitor-stats-grid[data-v-8a2feb0f]{display:flex;justify-content:space-between;margin-bottom:15px;padding:10px;background:var(--color-bg);border-radius:6px}.stat-item[data-v-8a2feb0f]{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-label[data-v-8a2feb0f]{font-size:.75em;color:var(--color-muted);text-transform:uppercase;font-weight:500}.stat-value[data-v-8a2feb0f]{font-size:.85em;font-weight:600;color:var(--color-text)}.monitor-actions-grid[data-v-8a2feb0f]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.monitor-card-grid .status-badge[data-v-8a2feb0f]{padding:8px 12px;border-radius:12px;font-size:.95rem;font-weight:700}.monitors-grid[data-v-8a2feb0f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:20px;align-items:start}.monitor-card[data-v-8a2feb0f]{background:linear-gradient(180deg,#fff,#fcfdff);border-radius:14px;padding:22px;box-shadow:0 8px 28px #0f1e3c0f;border:1px solid rgba(102,126,234,.04);transition:transform .22s cubic-bezier(.22,.9,.36,1),box-shadow .22s ease;margin-bottom:18px}.monitor-card.clickable[data-v-8a2feb0f]{cursor:pointer}.monitor-card.clickable[data-v-8a2feb0f]:hover{transform:translateY(-6px);box-shadow:0 14px 40px #22386417;border-color:#667eea1f}.monitors[data-v-8a2feb0f]{max-width:1280px;margin-left:auto;margin-right:auto}.monitor-actions[data-v-8a2feb0f]{display:flex;gap:12px;justify-content:flex-start;flex-wrap:wrap;margin-top:16px}.monitor-actions.compact[data-v-8a2feb0f]{gap:10px;justify-content:center;margin-top:12px}.grouped-view[data-v-8a2feb0f]{margin-top:20px}.group-section[data-v-8a2feb0f]{margin-bottom:16px}.group-header-wrapper[data-v-8a2feb0f]{position:relative}.btn-edit-group[data-v-8a2feb0f]{position:absolute;top:20px;right:20px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);color:#667eea;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5}.btn-edit-group[data-v-8a2feb0f]:hover{background:#667eea26;border-color:#667eea4d;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.btn-edit-group[data-v-8a2feb0f]:active{transform:translateY(0)}.group-header[data-v-8a2feb0f]{background:linear-gradient(135deg,#f8f9ff,#f0f3ff);color:#2c3e50;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e3e8f5;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:12px;padding:16px 20px;position:relative;overflow:hidden;min-height:80px}.clickable-header[data-v-8a2feb0f]{cursor:pointer}.clickable-header[data-v-8a2feb0f]:focus{outline:none;box-shadow:0 0 0 6px #74b9ff1a;border-radius:12px}.group-title.clickable-group[data-v-8a2feb0f]{cursor:pointer;text-decoration:underline dotted rgba(0,0,0,.12)}.group-title.clickable-group[data-v-8a2feb0f]:focus{outline:none;box-shadow:0 0 0 4px #74b9ff1f;border-radius:6px}.group-title-section[data-v-8a2feb0f]{flex:1 1 auto;min-width:0;max-width:100%}.group-title-section h2[data-v-8a2feb0f]{margin:0 0 5px;font-size:1.3em;font-weight:600;display:flex;align-items:center;gap:8px;color:#2c3e50;flex-wrap:wrap;word-break:break-word;overflow-wrap:break-word;line-height:1.4;white-space:nowrap;flex-shrink:0}.group-icon[data-v-8a2feb0f]{flex-shrink:0}.monitor-count[data-v-8a2feb0f]{background:#2c3e501a;color:#2c3e50;padding:3px 8px;border-radius:10px;font-size:.75em;font-weight:500;margin-left:6px}.group-description[data-v-8a2feb0f]{margin:0;color:#6c757d;word-break:break-word;overflow-wrap:break-word;max-width:100%;line-height:1.5;font-style:italic;font-size:.9em}.group-stats-enhanced[data-v-8a2feb0f]{display:flex;gap:16px;align-items:center;flex-wrap:wrap;flex-shrink:0}.group-stats-enhanced .stat-item[data-v-8a2feb0f]{text-align:center;min-width:60px;flex-shrink:0}.stat-number[data-v-8a2feb0f]{display:block;font-size:1.5em;font-weight:700;margin-bottom:2px;white-space:nowrap}.stat-number.up[data-v-8a2feb0f]{color:#28a745}.stat-number.down[data-v-8a2feb0f]{color:#dc3545}.health-badge[data-v-8a2feb0f]{background:#2c3e5014;color:#2c3e50;padding:3px 8px;border-radius:6px;font-size:.9em;font-weight:600}.health-badge.health-excellent[data-v-8a2feb0f]{background:#28a7451a;color:#28a745}.health-badge.health-good[data-v-8a2feb0f]{background:#ffc1071a;color:#ffc107}.health-badge.health-warning[data-v-8a2feb0f]{background:#ff57221a;color:#ff5722}.health-badge.health-critical[data-v-8a2feb0f]{background:#f443361a;color:#f44336}.group-search[data-v-8a2feb0f]{margin-bottom:16px;padding:0 4px}.group-search-input[data-v-8a2feb0f]{width:100%;padding:10px 16px;border:2px solid #e3e8f5;border-radius:8px;font-size:.95em;transition:all .3s ease;background:#fff;color:#2c3e50}.group-search-input[data-v-8a2feb0f]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.group-search-input[data-v-8a2feb0f]::placeholder{color:#9ca3af;font-style:italic}.groups-controls[data-v-8a2feb0f]{display:inline-flex;gap:6px;align-items:center;justify-content:flex-end;margin:6px 0 10px;font-size:.9rem}.groups-perpage-label[data-v-8a2feb0f]{font-weight:500;color:#495057;font-size:.85rem}.groups-perpage-select[data-v-8a2feb0f]{width:72px;padding:4px 8px;border-radius:6px;font-size:.85rem}.groups-perpage-select option[data-v-8a2feb0f]{font-size:.85rem}.group-monitors[data-v-8a2feb0f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.monitor-card.compact[data-v-8a2feb0f]{padding:18px 16px;border-radius:10px;box-shadow:0 2px 8px #13233e0f;border:1px solid rgba(102,126,234,.06);background:linear-gradient(180deg,#fff,#fbfdff);transition:transform .18s cubic-bezier(.22,.9,.36,1),box-shadow .18s ease;margin-bottom:10px}.monitor-card.compact[data-v-8a2feb0f]{display:none!important}.monitor-card.compact.clickable[data-v-8a2feb0f]{cursor:pointer}.monitor-card.compact.clickable[data-v-8a2feb0f]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:#667eea}.monitor-card.compact .monitor-header[data-v-8a2feb0f]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}.monitor-card.compact .monitor-info h4[data-v-8a2feb0f]{margin:0;font-size:1.05rem;line-height:1.2}.monitor-card.compact .monitor-status[data-v-8a2feb0f]{margin-top:4px}.status-badge[data-v-8a2feb0f]{padding:4px 8px;border-radius:4px;font-size:.8em;font-weight:700;text-transform:uppercase}.status-badge.status-up[data-v-8a2feb0f]{background-color:#d4edda;color:#155724}.status-badge.status-down[data-v-8a2feb0f]{background-color:#f8d7da;color:#721c24}.status-badge.status-unknown[data-v-8a2feb0f]{background-color:#e9ecef;color:#495057}.btn[data-v-8a2feb0f]{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:5px;font-weight:500;transition:all .2s ease}.btn-sm[data-v-8a2feb0f]{padding:4px 8px;font-size:.85em}.btn-primary[data-v-8a2feb0f]{background-color:#007bff;color:#fff}.btn-secondary[data-v-8a2feb0f]{background-color:#6c757d;color:#fff}.btn-warning[data-v-8a2feb0f]{background-color:#ffc107;color:#212529}.btn-danger[data-v-8a2feb0f]{background-color:#dc3545;color:#fff}.btn-success[data-v-8a2feb0f]{background-color:#28a745;color:#fff}.btn-info[data-v-8a2feb0f]{background-color:#17a2b8;color:#fff}.form-control[data-v-8a2feb0f]{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.9em}.form-control[data-v-8a2feb0f]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-label[data-v-8a2feb0f]{display:block;margin-bottom:5px;font-weight:500;color:#495057}.edit-group-modal[data-v-8a2feb0f]{max-width:500px}.edit-group-modal .modal-body[data-v-8a2feb0f]{padding:24px}.edit-group-modal .form-group[data-v-8a2feb0f]{margin-bottom:20px}.edit-group-modal textarea.form-control[data-v-8a2feb0f]{resize:vertical;min-height:80px}.form-info[data-v-8a2feb0f]{background:#f0f7ff;border-left:4px solid #667eea;padding:12px 16px;border-radius:6px;margin-top:16px}.info-text[data-v-8a2feb0f]{margin:0;font-size:.9em;color:#495057;line-height:1.5}.modal-footer button[data-v-8a2feb0f]:disabled{opacity:.6;cursor:not-allowed}.empty-state[data-v-8a2feb0f]{text-align:center;padding:40px 20px;color:#7f8c8d}.empty-icon[data-v-8a2feb0f]{font-size:4em;margin-bottom:20px}.empty-actions[data-v-8a2feb0f]{margin-top:20px}@keyframes fadeInUp-8a2feb0f{to{opacity:1;transform:translateY(0)}}.modal-overlay[data-v-8a2feb0f]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-8a2feb0f]{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-8a2feb0f]{padding:20px 25px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.modal-body[data-v-8a2feb0f]{padding:25px}.modal-footer[data-v-8a2feb0f]{padding:15px 25px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:10px}@media (max-width: 1024px){.stats-cards[data-v-8a2feb0f]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.monitors[data-v-8a2feb0f]{padding:5rem 1rem 1rem}.page-header .header-content[data-v-8a2feb0f]{padding:12px 10px;gap:8px;flex-direction:column;align-items:stretch}.page-header[data-v-8a2feb0f]{margin-bottom:12px}.header-content[data-v-8a2feb0f]{flex-direction:column;align-items:stretch;gap:1rem}.header-main[data-v-8a2feb0f]{text-align:center}.header-actions[data-v-8a2feb0f]{flex-direction:row;justify-content:stretch}.header-actions .btn[data-v-8a2feb0f]{flex:1}.stats-cards[data-v-8a2feb0f]{grid-template-columns:repeat(3,1fr);gap:.5rem}.filters[data-v-8a2feb0f]{grid-template-columns:1fr;padding:1rem}.monitors-grid[data-v-8a2feb0f]{grid-template-columns:1fr;gap:1rem}.monitor-card[data-v-8a2feb0f]{padding:1.25rem}.monitor-actions[data-v-8a2feb0f]{flex-wrap:wrap;gap:.5rem}.monitor-actions .btn[data-v-8a2feb0f]{flex:1 1 calc(50% - .25rem);justify-content:center;font-size:.875rem}.group-header[data-v-8a2feb0f]{flex-direction:column;text-align:center;padding:1.25rem;gap:1rem}.group-stats-enhanced[data-v-8a2feb0f]{justify-content:center;flex-wrap:wrap}.modal[data-v-8a2feb0f]{width:95%;margin:1rem}}@media (max-width: 480px){.monitors[data-v-8a2feb0f]{padding:.75rem}.page-header[data-v-8a2feb0f]{padding:1rem}.header-actions[data-v-8a2feb0f]{flex-direction:column;width:100%}.header-actions .btn[data-v-8a2feb0f]{width:100%}.stats-cards[data-v-8a2feb0f]{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-card[data-v-8a2feb0f]{padding:1rem}.stat-card[data-v-8a2feb0f]{padding:.5rem}.monitor-card[data-v-8a2feb0f]{padding:1rem}.monitor-header[data-v-8a2feb0f]{flex-direction:column;gap:.75rem}.monitor-info h4[data-v-8a2feb0f]{font-size:1rem}.monitor-stats[data-v-8a2feb0f]{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-item[data-v-8a2feb0f]{padding:.625rem}.monitor-actions .btn[data-v-8a2feb0f]{flex:1 1 100%;padding:.5rem}.group-header h2[data-v-8a2feb0f]{font-size:1.25rem}.modal-header[data-v-8a2feb0f],.modal-body[data-v-8a2feb0f],.modal-footer[data-v-8a2feb0f]{padding:1rem}}.monitor-target[data-v-8a2feb0f],.monitor-target-grid[data-v-8a2feb0f]{display:none!important}.status-badge[data-v-8a2feb0f]{padding:6px 10px;border-radius:999px;font-weight:700;font-size:.75rem;display:inline-block;cursor:default;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 1px 2px #0000000a}.status-badge.status-up[data-v-8a2feb0f]{background:#e6faf0;color:#156a3a;border:1px solid #bfe9c9}.status-badge.status-down[data-v-8a2feb0f]{background:#fff0f0;color:#8a1f1f;border:1px solid #f3bcbc}.status-badge.status-invalid[data-v-8a2feb0f],.status-badge.status-unknown[data-v-8a2feb0f]{background:#f7f7f8;color:#333;border:1px solid #e6e6e6}.status-badge[data-v-8a2feb0f]:hover{transform:translateY(-3px);box-shadow:0 6px 18px #00000014}.status-indicator-large[data-v-8a2feb0f]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;transition:transform .12s ease,box-shadow .12s ease}.status-indicator-large.status-up[data-v-8a2feb0f]{background:linear-gradient(180deg,#dff6e6,#bff3c9);border:1px solid #9fe0a7}.status-indicator-large.status-down[data-v-8a2feb0f]{background:linear-gradient(180deg,#ffd6d6,#ffbdbd);border:1px solid #f2b3b3}.status-indicator-large .status-pulse[data-v-8a2feb0f]{width:8px;height:8px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 0 4px #00000005 inset}.tooltip[data-v-8a2feb0f]{position:fixed;z-index:1400;background:#141414f2;color:#fff;padding:8px 10px;border-radius:6px;font-size:13px;box-shadow:0 8px 28px #0000002e;pointer-events:none;opacity:0;transform:translateY(-6px);transition:opacity .12s ease,transform .12s ease;max-width:360px;word-break:break-word}.tooltip.show[data-v-8a2feb0f]{opacity:1;transform:translateY(0)}.tooltip .tooltip-text[data-v-8a2feb0f]{display:block;line-height:1.35}.pagination-bar[data-v-8a2feb0f]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.pagination-controls[data-v-8a2feb0f]{display:flex;align-items:center;gap:8px}.pagination-info[data-v-8a2feb0f]{color:#6c757d;font-size:.95rem;flex:1 1 auto;text-align:center}.page-size-select[data-v-8a2feb0f]{padding:6px 8px;border-radius:6px;border:1px solid #e6e9ef;background:#fff}.active-page[data-v-8a2feb0f]{background:#007bff;color:#fff}.group-pagination[data-v-8a2feb0f]{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:10px}.group-page-info[data-v-8a2feb0f]{font-weight:600;color:#495057}.groups-pagination[data-v-8a2feb0f]{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:16px}.groups-pagination[data-v-8a2feb0f]{margin-top:20px}@media (max-width: 768px){.group-header[data-v-8a2feb0f]{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.group-title-section[data-v-8a2feb0f]{width:100%}.group-title-section h2[data-v-8a2feb0f]{font-size:1.1em}.group-stats-enhanced[data-v-8a2feb0f]{width:100%;justify-content:space-between;gap:12px}.group-stats-enhanced .stat-item[data-v-8a2feb0f]{flex:1;min-width:0}.stat-number[data-v-8a2feb0f]{font-size:1.3em}.stat-label[data-v-8a2feb0f]{font-size:.8em}}@media (max-width: 480px){.stats-cards[data-v-8a2feb0f]{grid-template-columns:repeat(3,1fr);gap:10px}.stat-card[data-v-8a2feb0f]{padding:16px;border-radius:10px;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.stat-icon[data-v-8a2feb0f]{width:52px;height:52px;font-size:1.6em;margin-bottom:8px}.stat-content h3[data-v-8a2feb0f]{font-size:1.5em;margin:0;line-height:1.1}.stat-content p[data-v-8a2feb0f]{font-size:.95em;margin:6px 0 0}.header-actions[data-v-8a2feb0f]{width:100%;display:flex;flex-direction:column;gap:10px}.header-actions .btn[data-v-8a2feb0f]{width:100%}.header-main h1[data-v-8a2feb0f]{font-size:1.6rem}}.monitor-detail[data-v-55882ce0]{min-height:100vh;background:linear-gradient(135deg,#f8f9ff,#f0f3ff);position:relative;padding:0;margin:0}.monitor-detail[data-v-55882ce0]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.06) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,184,148,.04) 0%,transparent 50%);pointer-events:none}.monitor-detail-content[data-v-55882ce0]{padding:20px 16px;position:relative;z-index:1}.detail-header[data-v-55882ce0]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:24px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0000001a}.header-content[data-v-55882ce0]{flex:1}.monitor-title h1[data-v-55882ce0]{margin:0 0 10px;font-size:2rem;font-weight:600;color:#080808;display:flex;align-items:center;gap:12px}.monitor-title[data-v-55882ce0]{flex:1 1 auto;max-width:560px;min-width:0;padding-right:8px;box-sizing:border-box}.monitor-title h1[data-v-55882ce0]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(1.2rem,1.6vw + .6rem,1.6rem)}.header-actions[data-v-55882ce0]{flex:0 0 auto}@media (max-width: 768px){.monitor-title[data-v-55882ce0]{max-width:100%;padding-right:0}.monitor-title h1[data-v-55882ce0]{white-space:normal;font-size:1.2rem}}.live-badge[data-v-55882ce0]{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:linear-gradient(135deg,#00b894,#00d2a0);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #00b8944d;animation:pulse-badge-55882ce0 2s ease-in-out infinite}.live-dot[data-v-55882ce0]{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse-dot-55882ce0 1.5s ease-in-out infinite}@keyframes pulse-badge-55882ce0{0%,to{box-shadow:0 2px 8px #00b8944d}50%{box-shadow:0 2px 16px #00b89480}}@keyframes pulse-dot-55882ce0{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.monitor-url[data-v-55882ce0]{display:flex;align-items:center;gap:10px;margin-bottom:15px}.url-text[data-v-55882ce0]{color:#2c3fce;font-family:monospace;font-size:1.1rem;word-break:break-all;max-width:300px}.visit-btn[data-v-55882ce0]{background:#00b894;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.visit-btn[data-v-55882ce0]:hover:not(:disabled){background:#00a085}.visit-btn[data-v-55882ce0]:disabled{background:#636e72;cursor:not-allowed}.monitor-meta[data-v-55882ce0]{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.monitor-type-badge[data-v-55882ce0]{background:#0984e3;color:#fff;padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.monitor-interval[data-v-55882ce0],.monitor-group[data-v-55882ce0]{color:#b2bec3;font-size:.85rem;background:#ffffff1a;padding:3px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.15)}.monitor-creator[data-v-55882ce0]{color:#74b9ff;font-size:.85rem;background:#74b9ff26;padding:3px 8px;border-radius:4px;border:1px solid rgba(116,185,255,.3);font-weight:500}.monitor-created[data-v-55882ce0]{color:#a29bfe;font-size:.85rem;background:#a29bfe26;padding:3px 8px;border-radius:4px;border:1px solid rgba(162,155,254,.3);cursor:help}.monitor-status-section[data-v-55882ce0]{display:flex;flex-direction:row;align-items:center;gap:12px;text-align:left}.current-status[data-v-55882ce0]{font-size:1rem;font-weight:700;padding:8px 14px;border-radius:8px;margin-bottom:8px;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 8px #00000026;border:1px solid rgba(255,255,255,.2);min-width:0;text-align:center;max-width:420px;width:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-status.status-up[data-v-55882ce0]{background:#00b894;color:#fff}.current-status.status-up[data-v-55882ce0],.current-status.status-down[data-v-55882ce0],.current-status.status-invalid[data-v-55882ce0],.current-status.status-validating[data-v-55882ce0],.current-status.status-unknown[data-v-55882ce0]{padding:6px 10px;min-width:0;width:auto}.current-status.status-down[data-v-55882ce0]{background:#e17055;color:#fff}.current-status.status-invalid[data-v-55882ce0]{background:#fdcb6e;color:#2d3436}.current-status.status-validating[data-v-55882ce0]{background:#74b9ff;color:#fff}.current-status.status-unknown[data-v-55882ce0]{background:#636e72;color:#fff}.status-info[data-v-55882ce0]{color:#b2bec3;font-size:.9rem}.header-actions[data-v-55882ce0]{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.stats-grid[data-v-55882ce0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card[data-v-55882ce0]{position:relative;overflow:hidden;box-shadow:0 4px 10px #0000000f;display:flex;flex-direction:column;justify-content:space-between;min-height:120px}.stat-card[data-v-55882ce0],.stat-card[data-v-55882ce0]:active,.stat-card[data-v-55882ce0]:focus{-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-color:inherit!important;color:inherit!important}.stat-card[data-v-55882ce0]:hover{transform:translateY(-4px);box-shadow:0 14px 36px #0000001f;background:#000;color:#fff}.stat-header[data-v-55882ce0]{font-size:.85rem;color:#7b8794;margin-bottom:4px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-subheader[data-v-55882ce0]{font-size:1.48rem;color:#7b8794;margin-bottom:12px;font-weight:700}.stat-value[data-v-55882ce0]{font-size:2rem;font-weight:700;color:#111827;margin:8px 0;line-height:1.2;transition:all .3s ease}.stat-value.uptime-value[data-v-55882ce0]{color:#00b894}.stat-card:hover .stat-value[data-v-55882ce0],.stat-card:active .stat-value[data-v-55882ce0],.stat-card:focus .stat-value[data-v-55882ce0],.stat-card:hover .stat-subheader[data-v-55882ce0],.stat-card:active .stat-subheader[data-v-55882ce0],.stat-card:focus .stat-subheader[data-v-55882ce0],.stat-card:hover .stat-header[data-v-55882ce0],.stat-card:active .stat-header[data-v-55882ce0],.stat-card:focus .stat-header[data-v-55882ce0]{color:inherit!important}.stat-value.response-value[data-v-55882ce0]{color:#74b9ff}.stat-value.cert-value[data-v-55882ce0]{color:#00b894}.stat-loading[data-v-55882ce0]{animation:pulse-55882ce0 1.5s infinite;margin-top:8px;font-size:.8rem}.stat-trend[data-v-55882ce0]{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding-top:8px;font-size:.8rem;border-top:1px solid rgba(0,0,0,.04)}.trend-icon[data-v-55882ce0]{font-size:1rem;animation:bounce-55882ce0 2s infinite}.trend-icon.up[data-v-55882ce0]{color:#2fb07b}.trend-icon.down[data-v-55882ce0]{color:#d67b63}.trend-text[data-v-55882ce0]{color:#94a3b8;font-weight:500}.skeleton-card[data-v-55882ce0]{background:#2d3436;border-radius:12px;padding:20px;animation:fadeIn-55882ce0 .5s ease-out}.skeleton-line[data-v-55882ce0]{background:linear-gradient(90deg,#636e72 25%,#74828a,#636e72 75%);background-size:200% 100%;animation:shimmer-55882ce0 1.5s infinite;border-radius:4px;margin-bottom:10px}.skeleton-line.short[data-v-55882ce0]{height:16px;width:60%}.skeleton-line.mini[data-v-55882ce0]{height:12px;width:40%}.skeleton-line.medium[data-v-55882ce0]{height:20px;width:80%}.skeleton-line.long[data-v-55882ce0]{height:24px;width:90%}.chart-section[data-v-55882ce0]{background:linear-gradient(135deg,#2d3436e6,#636e72cc);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 8px 32px #00000026;transition:all .3s ease}.chart-controls[data-v-55882ce0]{display:flex;align-items:center;gap:15px}.chart-container[data-v-55882ce0]{position:relative;height:320px;background:#1a1a1ae6;border-radius:12px;padding:20px;transition:all .3s ease}.chart-container.loading[data-v-55882ce0]{pointer-events:none}.chart-loading[data-v-55882ce0]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:15px;z-index:10;color:#b2bec3}.chart-spinner[data-v-55882ce0]{width:30px;height:30px;border:3px solid #636e72;border-top:3px solid #00b894;border-radius:50%;animation:spin-55882ce0 1s linear infinite}.no-chart-data[data-v-55882ce0]{display:flex;align-items:center;justify-content:center;height:100%;color:#b2bec3;font-size:1rem}.chart-header[data-v-55882ce0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h2[data-v-55882ce0]{margin:0;color:#fff;font-size:1.5rem}.chart-period[data-v-55882ce0]{display:flex;gap:8px}.period-btn[data-v-55882ce0]{background:transparent;color:#b2bec3;border:1px solid #636e72;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.period-btn[data-v-55882ce0]:hover{border-color:#00b894;color:#00b894;background:#00b8940d}.period-btn.active[data-v-55882ce0]{background:#00b894;color:#fff;border-color:#00b894;box-shadow:0 2px 8px #00b8944d}.refresh-chart-btn[data-v-55882ce0]{background:transparent;border:1px solid #636e72;color:#b2bec3;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.refresh-chart-btn[data-v-55882ce0]:hover:not(:disabled){border-color:#00b894;color:#00b894;background:#00b8940d}.refresh-chart-btn[data-v-55882ce0]:disabled{opacity:.5;cursor:not-allowed}.refresh-icon[data-v-55882ce0]{display:inline-block;transition:transform .3s ease}.refresh-icon.spinning[data-v-55882ce0]{animation:spin-55882ce0 1s linear infinite}.btn-spinner[data-v-55882ce0]{width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-55882ce0 .8s linear infinite;margin-right:5px}.status-history[data-v-55882ce0]{background:linear-gradient(135deg,#2d3436e6,#636e72cc);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;box-shadow:0 8px 32px #00000026}.history-header[data-v-55882ce0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.history-title-section[data-v-55882ce0]{display:flex;align-items:center;gap:15px}.history-header h2[data-v-55882ce0]{margin:0;color:#fff;font-size:1.5rem}.realtime-indicator[data-v-55882ce0]{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;background:#636e724d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#636e72;font-size:.8rem;font-weight:500;transition:all .3s ease}.realtime-indicator.active[data-v-55882ce0]{background:#00b89433;border-color:#00b8944d;color:#00b894}.realtime-indicator.active[data-v-55882ce0]:before{content:"";width:6px;height:6px;background:#00b894;border-radius:50%;animation:pulse-55882ce0 2s infinite}.history-table-container[data-v-55882ce0]{overflow-x:auto}.history-table[data-v-55882ce0]{width:100%;border-collapse:collapse;background:#1a1a1acc;border-radius:8px;overflow:hidden}.history-table th[data-v-55882ce0]{background:#636e72;color:#fff;padding:12px;text-align:left;font-weight:600}.history-table td[data-v-55882ce0]{padding:12px;border-bottom:1px solid #2d3436}.history-row[data-v-55882ce0]{transition:all .2s ease}.history-row[data-v-55882ce0]:hover{background:#2d3436cc}.status-badge-small[data-v-55882ce0]{padding:2px 6px;border-radius:3px;font-size:.7rem;font-weight:700;text-transform:uppercase;transition:all .2s ease}.status-badge-small[data-v-55882ce0]:hover{transform:scale(1.05)}.status-badge-small.status-up[data-v-55882ce0]{background:#00b894;color:#fff}.status-badge-small.status-down[data-v-55882ce0]{background:#e17055;color:#fff}.status-badge-small.status-invalid[data-v-55882ce0]{background:#fdcb6e;color:#2d3436}.status-badge-small.status-validating[data-v-55882ce0]{background:#74b9ff;color:#fff}.status-badge-small.status-unknown[data-v-55882ce0]{background:#636e72;color:#fff}.datetime-cell[data-v-55882ce0]{color:#b2bec3;font-family:monospace;font-size:.9rem}.message-cell[data-v-55882ce0]{font-size:.9rem}.success-message[data-v-55882ce0]{color:#00b894}.error-message[data-v-55882ce0]{color:#e17055}.neutral-message[data-v-55882ce0]{color:#b2bec3}.pagination[data-v-55882ce0]{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid #636e72}.page-btn[data-v-55882ce0]{background:#0984e3;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background .2s}.page-btn[data-v-55882ce0]:hover:not(:disabled){background:#0770c4}.page-btn[data-v-55882ce0]:disabled{background:#636e72;cursor:not-allowed}.page-info[data-v-55882ce0]{color:#b2bec3;font-size:.9rem}.btn[data-v-55882ce0]{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease;font-size:.9rem;min-width:100px;box-shadow:0 2px 8px #00000026;border:1px solid transparent}.btn-primary[data-v-55882ce0]{background:#0984e3;color:#fff}.btn-primary[data-v-55882ce0]:hover{background:#0770c4}.btn-success[data-v-55882ce0]{background:#00b894;color:#fff}.btn-success[data-v-55882ce0]:hover{background:#00a085}.btn-warning[data-v-55882ce0]{background:#fdcb6e;color:#2d3436}.btn-warning[data-v-55882ce0]:hover{background:#fcb942}.btn-danger[data-v-55882ce0]{background:#e17055;color:#fff}.btn-danger[data-v-55882ce0]:hover{background:#d85a3e}.btn-info[data-v-55882ce0]{background:#0984e3;color:#fff}.btn-info[data-v-55882ce0]:hover{background:#0770cd}.btn-outline[data-v-55882ce0]{background:transparent;color:#b2bec3;border:1px solid #636e72}.btn-outline[data-v-55882ce0]:hover{background:#636e72;color:#fff}.btn-sm[data-v-55882ce0]{padding:5px 10px;font-size:.8rem}.loading-overlay[data-v-55882ce0]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;z-index:1000}.loading-spinner[data-v-55882ce0]{width:40px;height:40px;border:4px solid #636e72;border-top:4px solid #00b894;border-radius:50%;animation:spin-55882ce0 1s linear infinite}.notification-popup[data-v-55882ce0]{position:fixed;bottom:20px;right:20px;z-index:9999;min-width:350px;max-width:500px;border-radius:12px;box-shadow:0 12px 40px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-content[data-v-55882ce0]{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px}.notification-icon[data-v-55882ce0]{font-size:1.5rem;flex-shrink:0}.notification-message[data-v-55882ce0]{flex:1;font-size:.95rem;font-weight:500;line-height:1.4}.notification-close[data-v-55882ce0]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-close[data-v-55882ce0]:hover{opacity:1}.notification-success .notification-content[data-v-55882ce0]{background:linear-gradient(135deg,#00b894,#00d2a0);color:#fff}.notification-error .notification-content[data-v-55882ce0]{background:linear-gradient(135deg,#e17055,#d85a3e);color:#fff}.notification-warning .notification-content[data-v-55882ce0]{background:linear-gradient(135deg,#fdcb6e,#fcb942);color:#2d3436}.notification-info .notification-content[data-v-55882ce0]{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff}.notification-slide-enter-active[data-v-55882ce0],.notification-slide-leave-active[data-v-55882ce0]{transition:all .4s ease}.notification-slide-enter-from[data-v-55882ce0],.notification-slide-leave-to[data-v-55882ce0]{transform:translateY(20px);opacity:0}@media (max-width: 768px){.notification-popup[data-v-55882ce0]{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);min-width:90%;max-width:90%}.notification-slide-enter-from[data-v-55882ce0],.notification-slide-leave-to[data-v-55882ce0]{transform:translate(-50%,-50%) scale(.9);opacity:0}}.confirmation-dialog[data-v-55882ce0]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;min-width:400px;max-width:500px;border-radius:16px;box-shadow:0 12px 40px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confirmation-content[data-v-55882ce0]{background:linear-gradient(135deg,#fff,#f8f9fa);padding:32px 28px;border-radius:16px;text-align:center}.confirmation-icon[data-v-55882ce0]{font-size:3rem;margin-bottom:16px}.confirmation-message[data-v-55882ce0]{color:#2d3436;font-size:1.1rem;font-weight:600;line-height:1.5;margin-bottom:24px}.confirmation-actions[data-v-55882ce0]{display:flex;gap:12px;justify-content:center}.confirm-btn[data-v-55882ce0]{padding:12px 24px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px}.cancel-btn[data-v-55882ce0]{background:#dfe6e9;color:#2d3436}.cancel-btn[data-v-55882ce0]:hover{background:#b2bec3}.yes-btn[data-v-55882ce0]{background:linear-gradient(135deg,#e17055,#d85a3e);color:#fff;box-shadow:0 4px 12px #e170554d}.yes-btn[data-v-55882ce0]:hover{box-shadow:0 6px 16px #e1705566;transform:translateY(-1px)}@media (max-width: 768px){.confirmation-dialog[data-v-55882ce0]{min-width:90%;max-width:90%}.confirmation-actions[data-v-55882ce0]{flex-direction:column}.confirm-btn[data-v-55882ce0]{width:100%}}@keyframes spin-55882ce0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn-55882ce0{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp-55882ce0{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer-55882ce0{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-55882ce0{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce-55882ce0{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-3px,0)}70%{transform:translate3d(0,-2px,0)}90%{transform:translate3d(0,-1px,0)}}.error-state[data-v-55882ce0]{text-align:center;padding:60px 20px;background:#2d3436;border-radius:12px}.error-state h3[data-v-55882ce0]{color:#e17055;margin-bottom:15px}.error-state p[data-v-55882ce0]{color:#b2bec3;margin-bottom:20px}@media (max-width: 768px){.monitor-detail-content[data-v-55882ce0]{padding:16px 12px}.detail-header[data-v-55882ce0]{flex-direction:column;gap:20px;padding:16px 20px}.monitor-title h1[data-v-55882ce0]{font-size:1.5rem}.monitor-url[data-v-55882ce0]{flex-direction:column;align-items:flex-start;gap:8px}.url-text[data-v-55882ce0]{font-size:.9rem;max-width:100%}.visit-btn[data-v-55882ce0]{align-self:flex-start;font-size:.8rem;padding:4px 8px}.monitor-status-section[data-v-55882ce0]{display:flex;flex-direction:row;align-items:center;gap:10px;text-align:left;width:100%}.current-status[data-v-55882ce0]{font-size:1rem;padding:6px 10px;min-width:auto;max-width:220px;width:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-grid[data-v-55882ce0]{grid-template-columns:repeat(2,1fr);gap:12px}.chart-header[data-v-55882ce0]{flex-direction:column;align-items:flex-start;gap:15px}.header-actions[data-v-55882ce0]{width:100%;flex-wrap:wrap;gap:8px}.header-actions .btn[data-v-55882ce0]{flex:1;min-width:120px;font-size:.85rem;padding:6px 12px}}@media (max-width: 480px){.monitor-detail-content[data-v-55882ce0]{padding:12px 8px}.detail-header[data-v-55882ce0]{padding:12px 16px}.monitor-title h1[data-v-55882ce0]{font-size:1.25rem}.stats-grid[data-v-55882ce0]{grid-template-columns:1fr;gap:10px}.header-actions .btn[data-v-55882ce0]{min-width:100px;font-size:.8rem;padding:5px 8px}.history-table[data-v-55882ce0]{font-size:.75rem}.current-status[data-v-55882ce0]{font-size:1.1rem;padding:6px 12px}}@media (max-width: 768px){.detail-header[data-v-55882ce0]{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.monitor-title h1[data-v-55882ce0]{font-size:1.4rem;line-height:1.2}.chart-container[data-v-55882ce0]{height:320px;padding:12px}.chart-container canvas[data-v-55882ce0]{max-height:320px;height:100%!important}.stat-card[data-v-55882ce0]{min-height:auto;padding:14px}.stat-header[data-v-55882ce0]{font-size:.9rem;color:#c7d0d4}.stat-value[data-v-55882ce0]{font-size:1.6rem}.chart-header[data-v-55882ce0]{flex-direction:column;align-items:flex-start;gap:8px}.chart-period[data-v-55882ce0]{flex-wrap:wrap;gap:8px}.period-btn[data-v-55882ce0]{padding:6px 8px;font-size:.85rem}.monitor-url .url-text[data-v-55882ce0]{max-width:100%;font-size:1rem;word-break:break-word}.current-status[data-v-55882ce0]{text-align:center;align-self:center;min-width:auto}.history-table th[data-v-55882ce0],.history-table td[data-v-55882ce0]{font-size:.95rem}}@media (max-width: 480px){.detail-header[data-v-55882ce0]{padding:10px}.monitor-title h1[data-v-55882ce0]{font-size:1.1rem}.chart-container[data-v-55882ce0]{height:280px}.chart-container canvas[data-v-55882ce0]{height:100%!important}.stat-card[data-v-55882ce0]{padding:12px}.stat-subheader[data-v-55882ce0]{font-size:1.2rem}.stat-value[data-v-55882ce0]{font-size:1.4rem}.period-btn[data-v-55882ce0]{padding:6px 8px;font-size:.8rem}.history-table th[data-v-55882ce0],.history-table td[data-v-55882ce0]{font-size:.85rem;padding:8px}.chart-container[data-v-55882ce0]{padding:8px}}.monitor-detail .chart-container[data-v-55882ce0]{background:#0b1113!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 12px 36px #000000b3!important}.monitor-detail .chart-container canvas[data-v-55882ce0]{background:#07090a!important;border-radius:6px;box-shadow:inset 0 0 0 6px #0009}.monitor-detail .chart-header h2[data-v-55882ce0],.monitor-detail .stat-header[data-v-55882ce0],.monitor-detail .trend-text[data-v-55882ce0],.monitor-detail .history-table th[data-v-55882ce0],.monitor-detail .history-table td[data-v-55882ce0],.monitor-detail .status-info[data-v-55882ce0]{color:#c7d0d4!important}.monitor-detail .monitor-title h1[data-v-55882ce0]{color:#000!important}.monitor-detail .period-btn[data-v-55882ce0]{color:#fff!important;background:#ffffff08!important;border-color:#ffffff1f!important}.monitor-detail .period-btn.active[data-v-55882ce0]{background:#00b894!important;color:#012214!important}@media (max-width: 768px){.monitor-detail .chart-container[data-v-55882ce0]{background:#071014!important}.monitor-detail .chart-container canvas[data-v-55882ce0]{box-shadow:none!important}.monitor-detail .stat-card[data-v-55882ce0]{background:#fff!important;color:#111827!important;border-left-color:#00b894!important}.monitor-detail .history-table[data-v-55882ce0]{background:#0b0f11!important}.monitor-detail .history-table th[data-v-55882ce0]{background:#1b1f22!important;color:#eef6f7!important}.monitor-detail .history-table td[data-v-55882ce0]{color:#ddeff0!important}.monitor-detail .monitor-detail-content[data-v-55882ce0]{padding-top:80px!important}.monitor-detail .detail-header[data-v-55882ce0]{padding:14px 16px!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}}@media (max-width: 480px){.monitor-detail .stats-grid[data-v-55882ce0]{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-bottom:12px!important}.monitor-detail .stat-card[data-v-55882ce0]{padding:10px!important;min-height:86px!important;border-radius:10px!important;box-shadow:0 6px 18px #0000000f!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important}.monitor-detail .stat-header[data-v-55882ce0]{font-size:.72rem!important;margin-bottom:6px!important;text-transform:uppercase!important;letter-spacing:.4px!important}.monitor-detail .stat-subheader[data-v-55882ce0]{font-size:.96rem!important;margin-bottom:6px!important;color:#6b7280!important;font-weight:600!important}.monitor-detail .stat-card .stat-header[data-v-55882ce0]{color:#7b8794!important}.monitor-detail .stat-card .stat-subheader[data-v-55882ce0]{color:#6b7280!important}.monitor-detail .stat-value[data-v-55882ce0]{font-size:1.2rem!important;font-weight:700!important;margin:4px 0!important;line-height:1.1!important}.monitor-detail .stat-trend[data-v-55882ce0]{border-top:1px solid rgba(0,0,0,.04)!important;margin-top:6px!important;padding-top:6px!important;font-size:.7rem!important}.monitor-detail .trend-icon[data-v-55882ce0]{font-size:.85rem!important}.monitor-detail .current-status[data-v-55882ce0]{display:block!important;width:100%!important;padding:10px 12px!important;font-size:1.02rem!important;border-radius:8px!important;box-shadow:none!important;margin:0 0 8px!important}}.create-monitor[data-v-d3113af7]{--bg: #f6f9fc;--card: #ffffff;--muted: #6b7a86;--accent: #2563eb;--accent-2: #7c3aed;--border: #e6eef7;--danger: #e04545;padding:26px;max-width:1100px;margin:28px auto 0;box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:transparent}.page-header[data-v-d3113af7]{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:8px 6px;position:relative}.header-content[data-v-d3113af7]{display:flex;gap:12px;align-items:center;margin:0;padding:0}.header-main[data-v-d3113af7]{padding:8px 16px}.header-actions[data-v-d3113af7]{display:flex;align-items:center;position:absolute;right:12px;top:12px}.header-main h1[data-v-d3113af7]{margin:0 0 4px;color:#0f1724;font-size:1.45rem}.header-main p[data-v-d3113af7]{margin:0;color:var(--muted);font-size:.95rem}.progress-indicator[data-v-d3113af7]{display:flex;gap:12px;align-items:center;margin-left:auto;padding:0 6px}.progress-step[data-v-d3113af7]{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:70px}.step-number[data-v-d3113af7]{width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent);background:#2563eb14}.progress-step.active .step-number[data-v-d3113af7]{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 20px #2563eb1f}.step-label[data-v-d3113af7]{font-size:.78rem;color:var(--muted);text-align:center}.progress-step[data-v-d3113af7]{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:60px}.step-number[data-v-d3113af7]{width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent);background:#2563eb14;font-size:.92rem}.progress-line[data-v-d3113af7]{flex:1;height:6px;background:var(--border);border-radius:6px}.progress-line.active[data-v-d3113af7]{background:linear-gradient(90deg,var(--accent),var(--accent-2))}.form-container[data-v-d3113af7]{background:var(--card);border-radius:14px;margin-top:18px;box-shadow:0 14px 40px #0f172414;border:1px solid var(--border);padding:22px;transition:none}.form-container[data-v-d3113af7]:before{content:"";display:block;height:6px;border-radius:8px;background:linear-gradient(90deg,#2563eb1f,#7c3aed1f);margin:-18px 22px 12px}.form-section[data-v-d3113af7]{margin-bottom:16px;padding:16px;background:#fbfdff;border-radius:10px;border:1px solid rgba(230,238,247,.9);box-shadow:0 6px 18px #0f172408}.form-section+.form-section[data-v-d3113af7]{margin-top:12px}.form-section h3[data-v-d3113af7]{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:1.03rem;color:#07122a}.form-section .form-row[data-v-d3113af7]{margin-top:8px}.form-group[data-v-d3113af7]{margin-bottom:10px}.channel-option[data-v-d3113af7]{border:1px solid var(--border);border-radius:12px;padding:14px;background:#fff;transition:none;display:flex;gap:12px;align-items:flex-start}.channel-option[data-v-d3113af7]:hover{box-shadow:0 10px 30px #0f17240f}.checkbox-label[data-v-d3113af7]{display:flex;gap:12px;align-items:flex-start;width:100%;cursor:pointer}.form-checkbox[data-v-d3113af7]{margin-top:6px;width:18px;height:18px}.channel-info[data-v-d3113af7]{flex:1}.form-row[data-v-d3113af7]{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-label[data-v-d3113af7]{display:block;margin-bottom:6px;color:#234;font-weight:600}.form-control[data-v-d3113af7]{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:#fbfdff;transition:box-shadow .12s ease,border-color .12s ease;font-size:.95rem;color:#0f1724}.form-control[data-v-d3113af7]::placeholder{color:#9aa6b2}.form-control[data-v-d3113af7]:focus{outline:none;border-color:#2563ebe6;box-shadow:0 6px 20px #2563eb0f}select.form-control[data-v-d3113af7]{position:relative;z-index:60;-webkit-appearance:menulist-button;-moz-appearance:auto;appearance:auto}select.form-control[data-v-d3113af7]:focus{z-index:80}.form-text[data-v-d3113af7],.form-help[data-v-d3113af7]{color:var(--muted);font-size:.86rem;margin-top:6px}.form-actions[data-v-d3113af7]{display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.btn[data-v-d3113af7]{font-weight:700;border-radius:10px;padding:9px 14px;cursor:pointer;border:1px solid transparent}.btn[data-v-d3113af7]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-d3113af7]{background:transparent;color:#334155;border:1px solid #dbe7f5}.btn-secondary[data-v-d3113af7]:hover{background:#f8fafc}.btn-success[data-v-d3113af7]{color:#fff;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 8px 20px #7c3aed1f;border:none}.error-message[data-v-d3113af7]{background:#fff5f5;color:var(--danger);padding:10px 12px;border-radius:8px;border:1px solid rgba(224,69,69,.12);margin-bottom:12px}.group-input-container[data-v-d3113af7]{display:flex;flex-direction:column;gap:8px}.group-selector[data-v-d3113af7]{margin-bottom:0;min-width:140px;max-width:220px;flex:0 0 200px}.group-input-container>.form-control[data-v-d3113af7]:not(.group-selector){flex:1 1 auto}@media (min-width: 900px){.group-input-container[data-v-d3113af7]{flex-direction:row;align-items:center;gap:12px}}.existing-group-options[data-v-d3113af7]{max-height:220px;overflow:auto;border-radius:8px}.group-info[data-v-d3113af7]{margin-top:6px;color:var(--muted);font-size:.92rem}.group-search-wrapper[data-v-d3113af7]{position:relative;width:100%;flex:1 1 auto;min-width:0;max-width:none}.group-search[data-v-d3113af7]{padding:10px 12px;width:100%;box-sizing:border-box}.group-dropdown[data-v-d3113af7]{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid rgba(226,234,247,.9);box-shadow:0 8px 28px #0f17240f,0 2px 6px #0f172405 inset;max-height:320px;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:2000;border-radius:8px;margin-top:8px;box-sizing:border-box;min-width:420px;max-width:min(720px,calc(100vw - 160px));transition:transform .18s cubic-bezier(.2,.9,.2,1),opacity .16s ease;transform:translateY(6px) scale(.997);opacity:0}.group-search-wrapper:focus-within .group-dropdown[data-v-d3113af7]{transform:translateY(0) scale(1);opacity:1}.group-dropdown-inner[data-v-d3113af7]{display:flex;gap:12px;align-items:stretch}.group-list[data-v-d3113af7]{width:320px;max-height:320px;overflow-y:auto;border-right:1px solid var(--border);border-radius:6px 0 0 6px;background:#fff}.group-list-item[data-v-d3113af7]{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;min-height:48px;border-bottom:1px solid rgba(230,238,247,.9);position:relative;transition:transform .16s ease,box-shadow .16s ease,background .12s ease}.group-list-item[data-v-d3113af7]:hover{transform:scale(1.02);box-shadow:0 8px 18px #0f17240a}.group-list-item.highlighted[data-v-d3113af7],.group-list-item[data-v-d3113af7]:active{background:linear-gradient(90deg,#667eea0f,#667eea08)}.group-list-item[data-v-d3113af7]:before{content:"";position:absolute;left:10px;top:12px;bottom:12px;width:0;border-radius:6px;transition:width .16s ease,background .16s ease}.group-list-item.highlighted[data-v-d3113af7]:before,.group-list-item[data-v-d3113af7]:hover:before{width:6px;background:linear-gradient(180deg,#4f46e5,#06b6d4)}.group-list-item .group-name[data-v-d3113af7]{padding-left:6px}.group-icon[data-v-d3113af7]{font-size:18px}.group-name[data-v-d3113af7]{font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-count[data-v-d3113af7]{color:var(--muted);font-size:.9rem;margin-left:8px}.group-details[data-v-d3113af7]{flex:1;padding:14px;display:flex;flex-direction:column;gap:8px;justify-content:flex-start}.details-title[data-v-d3113af7]{margin:0;font-size:1rem}.details-stats[data-v-d3113af7]{display:flex;gap:12px;align-items:center}.details-stats .stat[data-v-d3113af7]{font-size:.95rem;color:var(--muted);display:flex;gap:6px;align-items:center}.dot[data-v-d3113af7]{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.up[data-v-d3113af7]{background:#28a745}.dot.down[data-v-d3113af7]{background:#dc3545}.details-desc[data-v-d3113af7]{margin:0;color:var(--muted);font-size:.95rem}.group-details .btn[data-v-d3113af7]{align-self:flex-start;padding:8px 12px;border-radius:10px;background:#0f1724;color:#fff;border:none;box-shadow:0 6px 18px #0f172414;transform-origin:center;transition:transform .16s ease,box-shadow .16s ease,opacity .12s ease}.group-details .btn[data-v-d3113af7]:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 26px #0f17241f;opacity:.98}.group-list-item[data-v-d3113af7]:focus{outline:3px solid rgba(37,99,235,.12);outline-offset:2px}.group-search[data-v-d3113af7]:focus{outline:none;box-shadow:0 6px 24px #2563eb0f}.group-dropdown[data-v-d3113af7]{border-top-left-radius:8px;border-top-right-radius:8px}.group-dropdown[data-v-d3113af7]::-webkit-scrollbar{width:10px}.group-dropdown[data-v-d3113af7]::-webkit-scrollbar-thumb{background:#0f172a14;border-radius:8px}.group-dropdown[data-v-d3113af7]::-webkit-scrollbar-track{background:transparent}@media (max-width: 600px){.group-search-wrapper[data-v-d3113af7]{max-width:100%}.group-dropdown[data-v-d3113af7]{position:fixed;left:8px;right:8px;bottom:12px;top:auto;max-height:60vh;margin-top:0;border-radius:12px;box-shadow:0 20px 50px #0a14282e}.group-dropdown-inner[data-v-d3113af7]{flex-direction:column}.group-list[data-v-d3113af7]{width:100%;max-height:45vh;overflow-y:auto}.group-list-item[data-v-d3113af7]{padding:14px 16px;font-size:1rem}.group-details[data-v-d3113af7]{display:block;width:100%;padding:12px;border-top:1px solid rgba(230,238,247,.9);background:#fff;max-height:30vh;overflow-y:auto;box-sizing:border-box}.group-details .details-title[data-v-d3113af7]{font-size:1rem}.group-dropdown[data-v-d3113af7]{min-width:unset;max-width:calc(100% - 16px);padding-bottom:8px}.group-selector[data-v-d3113af7]{flex:1 1 auto;min-width:0;max-width:100%}.group-search-wrapper[data-v-d3113af7]{z-index:2200}}.channel-option[data-v-d3113af7]{border:1px solid var(--border);border-radius:10px;padding:12px;background:transparent}.channel-header[data-v-d3113af7]{display:flex;gap:8px;align-items:center}.channel-badge[data-v-d3113af7]{padding:3px 8px;border-radius:8px;font-size:.72rem;font-weight:700}.badge-telegram[data-v-d3113af7]{background:#eaf6ff;color:#0b79d0}.badge-discord[data-v-d3113af7]{background:#f5eefb;color:#6d28d9}.badge-slack[data-v-d3113af7]{background:#eefaf1;color:#0f9d58}.badge-webhook[data-v-d3113af7]{background:#fff8eb;color:#c76b00}.channel-badge[data-v-d3113af7]{text-transform:uppercase;letter-spacing:.4px;padding:4px 10px;font-size:.7rem;font-weight:800}.form-control[data-v-d3113af7]:focus-visible{outline:3px solid rgba(37,99,235,.12);outline-offset:2px}.form-control[data-v-d3113af7]:focus{box-shadow:0 10px 30px #2563eb14}.btn-secondary[data-v-d3113af7]{padding:8px 12px;border-radius:10px;font-size:.95rem}.btn-success[data-v-d3113af7]{padding:10px 18px;border-radius:12px}.form-section[data-v-d3113af7]{transition:none;overflow:visible}@media (hover: hover) and (min-width: 900px){.form-section[data-v-d3113af7]:hover{box-shadow:0 18px 40px #0f17240f}.channel-option[data-v-d3113af7]{transition:none}.channel-option[data-v-d3113af7]:hover{box-shadow:0 18px 40px #0f17240f}}@media (max-width: 899px){.channel-option[data-v-d3113af7]:hover{box-shadow:0 10px 24px #0f17240a}}.form-checkbox[data-v-d3113af7]{accent-color:var(--accent)}.progress-step .step-label[data-v-d3113af7]{color:#5b6b75}.progress-step.active .step-label[data-v-d3113af7]{color:var(--accent-2)}@media (max-width: 900px){.form-row[data-v-d3113af7]{grid-template-columns:1fr}.progress-indicator[data-v-d3113af7]{display:none}.create-monitor[data-v-d3113af7]{padding:18px}.page-header[data-v-d3113af7]{padding:12px 8px}.form-container[data-v-d3113af7]{padding:18px}}@media (max-width: 480px){.page-header[data-v-d3113af7]{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}.header-actions[data-v-d3113af7]{position:static;margin-top:6px;width:100%;display:flex;justify-content:flex-end}.header-main h1[data-v-d3113af7]{font-size:1.18rem}.create-monitor[data-v-d3113af7]{padding:12px}.form-container[data-v-d3113af7]{padding:14px 14px 28px;margin-top:8px;min-height:calc(100vh - 160px)}.form-section[data-v-d3113af7]{padding:12px}.form-row[data-v-d3113af7]{gap:10px}.form-control[data-v-d3113af7]{padding:10px}.btn[data-v-d3113af7]{width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center}.form-actions[data-v-d3113af7]{flex-direction:column-reverse}}.no-channels-state[data-v-d3113af7]{display:flex;align-items:center;justify-content:space-between;gap:16px}.no-channels-left[data-v-d3113af7]{display:flex;align-items:center;gap:12px;flex:1}.no-channels-emoji[data-v-d3113af7]{font-size:1.18rem}.no-channels-text[data-v-d3113af7]{color:var(--muted);font-size:.95rem}.manage-notifications-btn[data-v-d3113af7]{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none;box-shadow:0 8px 20px #2563eb1f;border:none;font-weight:700}.manage-notifications-btn[data-v-d3113af7]:hover{opacity:.95}@media (max-width: 600px){.no-channels-state[data-v-d3113af7]{flex-direction:column;align-items:flex-start}.manage-notifications-btn[data-v-d3113af7]{width:100%;display:inline-flex;justify-content:center}}.edit-monitor[data-v-1fbb4d9b]{padding:20px;max-width:800px;margin:0 auto}.edit-monitor h1[data-v-1fbb4d9b]{margin-bottom:30px;color:#2c3e50}.monitor-form[data-v-1fbb4d9b]{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-section[data-v-1fbb4d9b]{padding:30px;border-bottom:1px solid #ecf0f1}.form-section[data-v-1fbb4d9b]:last-of-type{border-bottom:none}.form-section h2[data-v-1fbb4d9b]{margin:0 0 20px;color:#34495e;font-size:1.2em}.form-group[data-v-1fbb4d9b]{margin-bottom:20px}.form-group label[data-v-1fbb4d9b]{display:block;margin-bottom:5px;font-weight:500;color:#2c3e50}.form-control[data-v-1fbb4d9b]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-control[data-v-1fbb4d9b]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.form-hint[data-v-1fbb4d9b]{display:block;margin-top:5px;font-size:.8em;color:#7f8c8d}.form-help[data-v-1fbb4d9b]{color:#6c757d;font-size:.75em;margin-top:5px;display:block;font-style:italic}.channel-list[data-v-1fbb4d9b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.channel-item[data-v-1fbb4d9b]{border:1px solid #ecf0f1;border-radius:4px;padding:15px;transition:all .2s ease}.channel-item.channel-bound[data-v-1fbb4d9b]{background-color:#e8f5e9;border-color:#66bb6a}.channel-label[data-v-1fbb4d9b]{display:flex;align-items:center;gap:10px;cursor:pointer}.channel-label input[type=checkbox][data-v-1fbb4d9b]{margin:0}.channel-label input[type=checkbox][data-v-1fbb4d9b]:disabled{cursor:not-allowed;opacity:.7}.channel-info[data-v-1fbb4d9b]{display:flex;flex-direction:column;gap:5px;flex:1}.channel-type[data-v-1fbb4d9b]{font-size:.8em;color:#7f8c8d;text-transform:uppercase}.channel-badge[data-v-1fbb4d9b]{display:inline-block;padding:2px 8px;background-color:#66bb6a;color:#fff;border-radius:12px;font-size:.75em;font-weight:600;margin-top:4px}.no-channels[data-v-1fbb4d9b]{text-align:center;padding:40px;color:#7f8c8d}.no-channels p[data-v-1fbb4d9b]{margin-bottom:15px}.form-actions[data-v-1fbb4d9b]{padding:30px;display:flex;gap:15px;justify-content:flex-end;background-color:#f8f9fa;border-radius:0 0 8px 8px}.btn[data-v-1fbb4d9b]{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn[data-v-1fbb4d9b]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-1fbb4d9b]{background-color:#3498db;color:#fff}.btn-primary[data-v-1fbb4d9b]:hover:not(:disabled){background-color:#2980b9}.btn-secondary[data-v-1fbb4d9b]{background-color:#95a5a6;color:#fff}.btn-secondary[data-v-1fbb4d9b]:hover{background-color:#7f8c8d}.btn-danger[data-v-1fbb4d9b]{background-color:#e74c3c;color:#fff}.btn-danger[data-v-1fbb4d9b]:hover:not(:disabled){background-color:#c0392b}@media (max-width: 768px){.edit-monitor[data-v-1fbb4d9b]{padding:10px}.form-section[data-v-1fbb4d9b]{padding:20px}.form-actions[data-v-1fbb4d9b]{flex-direction:column;gap:10px}.channel-list[data-v-1fbb4d9b]{grid-template-columns:1fr}}.notification-channels[data-v-2970c4e1]{padding:20px 0}.notification-popup[data-v-2970c4e1]{position:fixed;top:24px;right:24px;min-width:320px;max-width:500px;z-index:9999;animation:slideInRight-2970c4e1 .3s ease-out}.notification-popup.notification-center[data-v-2970c4e1]{left:50%;right:auto;transform:translate(-50%);animation:slideInDown-2970c4e1 .3s ease-out}.notification-content[data-v-2970c4e1]{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;box-shadow:0 8px 32px #0000001f;background:#fff;border-left:4px solid}.notification-success .notification-content[data-v-2970c4e1]{border-left-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.notification-error .notification-content[data-v-2970c4e1]{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.notification-info .notification-content[data-v-2970c4e1]{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.notification-icon[data-v-2970c4e1]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.notification-success .notification-icon[data-v-2970c4e1]{background:#10b981;color:#fff}.notification-error .notification-icon[data-v-2970c4e1]{background:#ef4444;color:#fff}.notification-info .notification-icon[data-v-2970c4e1]{background:#3b82f6;color:#fff}.notification-message[data-v-2970c4e1]{flex:1;font-size:.95rem;font-weight:500;color:#1f2937;line-height:1.4}.notification-close[data-v-2970c4e1]{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.notification-close[data-v-2970c4e1]:hover{background:#0000000d;color:#1f2937}.notification-slide-enter-active[data-v-2970c4e1],.notification-slide-leave-active[data-v-2970c4e1]{transition:all .3s ease}.notification-slide-enter-from[data-v-2970c4e1],.notification-slide-leave-to[data-v-2970c4e1]{opacity:0;transform:translate(100%)}.notification-center.notification-slide-enter-from[data-v-2970c4e1],.notification-center.notification-slide-leave-to[data-v-2970c4e1]{opacity:0;transform:translate(-50%) translateY(-100%)}@keyframes slideInRight-2970c4e1{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown-2970c4e1{0%{opacity:0;transform:translate(-50%) translateY(-100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 640px){.notification-popup[data-v-2970c4e1]{top:16px;right:16px;left:auto;min-width:auto;max-width:calc(100% - 32px)}.notification-popup.notification-center[data-v-2970c4e1]{left:50%;right:auto;transform:translate(-50%);width:calc(100% - 32px);max-width:calc(100% - 32px)}}.telegram-info-modal[data-v-2970c4e1]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.telegram-info-modal.show[data-v-2970c4e1]{opacity:1}.telegram-info-modal.hide[data-v-2970c4e1]{opacity:0}.telegram-info-modal.hide .telegram-info-content[data-v-2970c4e1]{animation:modalSlideOut-2970c4e1 .4s cubic-bezier(.4,0,.2,1) forwards}.telegram-info-overlay[data-v-2970c4e1]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.telegram-info-content[data-v-2970c4e1]{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn-2970c4e1 .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn-2970c4e1{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideOut-2970c4e1{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(20px)}}.telegram-info-close[data-v-2970c4e1]{position:absolute;top:16px;right:16px;background:#0000000d;border:none;width:32px;height:32px;border-radius:50%;font-size:24px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}.telegram-info-close[data-v-2970c4e1]:hover{background:#0000001a;color:#1f2937;transform:rotate(90deg)}.telegram-info-header[data-v-2970c4e1]{padding:32px 32px 24px;text-align:center;border-bottom:1px solid rgba(0,0,0,.05)}.telegram-info-icon[data-v-2970c4e1]{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 8px 24px #10b9814d;animation:pulse-2970c4e1 2s ease-in-out infinite}@keyframes pulse-2970c4e1{0%,to{box-shadow:0 8px 24px #10b9814d}50%{box-shadow:0 8px 32px #10b98180}}.telegram-info-header h2[data-v-2970c4e1]{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.telegram-info-body[data-v-2970c4e1]{padding:24px 32px 32px}.telegram-info-section[data-v-2970c4e1]{margin-bottom:24px}.telegram-info-section[data-v-2970c4e1]:last-child{margin-bottom:0}.telegram-info-section h3[data-v-2970c4e1]{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.telegram-info-grid[data-v-2970c4e1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.telegram-info-item[data-v-2970c4e1]{background:#fff;padding:12px 16px;border-radius:8px;border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:4px}.telegram-info-item .label[data-v-2970c4e1]{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.telegram-info-item .value[data-v-2970c4e1]{font-size:.95rem;font-weight:600;color:#1f2937}.telegram-info-item .value.success[data-v-2970c4e1]{color:#10b981}.telegram-info-item .value.error[data-v-2970c4e1]{color:#ef4444}.telegram-commands-list[data-v-2970c4e1]{display:flex;flex-direction:column;gap:8px}.telegram-command[data-v-2970c4e1]{background:#fff;padding:12px 16px;border-radius:8px;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;gap:12px;transition:all .2s}.telegram-command[data-v-2970c4e1]:hover{border-color:#667eea4d;background:linear-gradient(135deg,#f9fafb,#f3f4f6);transform:translate(4px)}.telegram-command code[data-v-2970c4e1]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:6px;font-size:.875rem;font-weight:600;font-family:Courier New,monospace;min-width:100px;text-align:center}.telegram-command span[data-v-2970c4e1]{flex:1;font-size:.9rem;color:#6b7280}.telegram-info-footer[data-v-2970c4e1]{padding:0 32px 32px;display:flex;justify-content:center}.telegram-info-btn[data-v-2970c4e1]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.telegram-info-btn[data-v-2970c4e1]:hover{background:linear-gradient(135deg,#5568d3,#64398a);box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.telegram-info-btn[data-v-2970c4e1]:active{transform:translateY(0)}@media (max-width: 640px){.telegram-info-content[data-v-2970c4e1]{border-radius:12px;max-height:85vh}.telegram-info-header[data-v-2970c4e1]{padding:24px 20px 16px}.telegram-info-icon[data-v-2970c4e1]{width:56px;height:56px;font-size:28px}.telegram-info-header h2[data-v-2970c4e1]{font-size:1.25rem}.telegram-info-body[data-v-2970c4e1]{padding:16px 20px 24px}.telegram-info-grid[data-v-2970c4e1]{grid-template-columns:1fr}.telegram-command code[data-v-2970c4e1]{min-width:90px;font-size:.8rem}.telegram-info-footer[data-v-2970c4e1]{padding:0 20px 24px}}.action-sheet-backdrop[data-v-2970c4e1]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000005c;display:flex;align-items:center;justify-content:center;z-index:2000}.action-sheet[data-v-2970c4e1]{width:calc(100% - 40px);max-width:540px;background:linear-gradient(180deg,#fff,#fbfdff);border-radius:14px;padding:18px;box-shadow:0 12px 40px #0206172e;transform:translateY(0) scale(1);opacity:1;transition:transform .22s ease,opacity .22s ease;max-height:80vh;overflow:auto}.action-sheet.enter[data-v-2970c4e1]{transform:translateY(8px) scale(.98);opacity:0}.action-sheet-title[data-v-2970c4e1]{margin:0 0 8px;font-weight:600}.action-sheet-actions[data-v-2970c4e1]{display:flex;flex-direction:column;gap:10px}.btn-block[data-v-2970c4e1]{display:block;width:100%}@media (max-width: 768px){.channel-actions[data-v-2970c4e1]{display:flex;align-items:center;gap:8px}.channel-actions>.btn[data-v-2970c4e1]:not(:first-child){display:none!important}.channel-card[data-v-2970c4e1]{cursor:pointer}}.page-header[data-v-2970c4e1]{display:block;padding:12px 0;margin:0 0 32px;width:100%;position:relative;border-radius:10px;background:#fffffffa;box-shadow:0 6px 20px #0c11170f}.page-header h1[data-v-2970c4e1]{margin:0;color:#2c3e50;font-size:clamp(1.25rem,2vw,1.6rem);font-weight:600}.channel-form-container[data-v-2970c4e1]{background:var(--color-surface);border-radius:12px;box-shadow:var(--shadow-1);margin:24px auto 30px;max-width:980px;border:1px solid rgba(15,23,42,.04)}.channel-form[data-v-2970c4e1]{padding:20px;display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}@media (max-width: 640px){.channel-form-container[data-v-2970c4e1]{margin:12px auto 18px;padding:8px;max-width:calc(100% - 24px);border-radius:10px}.channel-form[data-v-2970c4e1]{grid-template-columns:1fr;gap:12px;padding:12px}.channel-form h2[data-v-2970c4e1]{grid-column:1 / -1;text-align:left;font-size:1.05rem}.form-section[data-v-2970c4e1]{grid-column:1 / -1;padding:12px}.form-actions[data-v-2970c4e1]{justify-content:stretch;flex-direction:column-reverse;gap:10px;align-items:stretch}.form-actions .btn[data-v-2970c4e1]{width:100%}.channel-card[data-v-2970c4e1]{padding:12px}}.channel-form[data-v-2970c4e1],.channel-form[data-v-2970c4e1] *{box-sizing:border-box}.channel-form[data-v-2970c4e1]>*{min-width:0}.form-control[data-v-2970c4e1]{max-width:100%;box-sizing:border-box;word-break:break-word}.channel-form h2[data-v-2970c4e1]{grid-column:1 / -1;margin:0 0 12px;color:var(--color-text);font-size:1.25rem}.channel-form h2[data-v-2970c4e1]{margin:0 0 8px;color:var(--color-text);font-size:1.25rem}.form-section[data-v-2970c4e1]{margin:0;padding:14px;background-color:var(--color-bg);border-radius:8px;grid-column:1 / -1}.form-section h3[data-v-2970c4e1]{margin:0 0 20px;color:#34495e;font-size:1.1em}.form-group[data-v-2970c4e1]{margin-bottom:16px}.form-group label[data-v-2970c4e1]{display:block;margin-bottom:6px;font-weight:600;color:var(--color-text)}.form-control[data-v-2970c4e1]{width:100%;padding:12px 14px;border:1px solid rgba(15,23,42,.06);border-radius:10px;font-size:.95rem;background:#fff;color:var(--color-text);transition:box-shadow .14s ease,border-color .14s ease}.form-control[data-v-2970c4e1]:focus{outline:none;border-color:var(--color-accent);box-shadow:0 6px 20px #2563eb1a}select.form-control[data-v-2970c4e1],textarea.form-control[data-v-2970c4e1]{color:var(--color-text)}.form-control option[data-v-2970c4e1]{color:var(--color-text);background:var(--color-surface)}.form-control[data-v-2970c4e1]::placeholder{color:#0f172a73}.form-hint[data-v-2970c4e1]{display:block;margin-top:6px;font-size:.85rem;color:var(--color-muted)}.telegram-help[data-v-2970c4e1],.discord-help[data-v-2970c4e1],.slack-help[data-v-2970c4e1]{margin-top:12px;padding:14px;background-color:#2563eb0f;border-left:4px solid var(--color-accent);border-radius:8px}.telegram-help h4[data-v-2970c4e1],.discord-help h4[data-v-2970c4e1],.slack-help h4[data-v-2970c4e1]{margin:0 0 8px;color:var(--color-accent-2);font-size:.95rem}.telegram-help ol[data-v-2970c4e1],.discord-help ol[data-v-2970c4e1],.slack-help ol[data-v-2970c4e1]{margin:0;padding-left:20px}.telegram-help li[data-v-2970c4e1],.discord-help li[data-v-2970c4e1],.slack-help li[data-v-2970c4e1]{margin-bottom:5px;font-size:.8em;color:#34495e}.form-actions[data-v-2970c4e1]{display:flex;gap:12px;padding-top:14px;border-top:1px solid rgba(15,23,42,.04);margin-top:14px;align-items:center;grid-column:1 / -1;justify-content:flex-end}.channels-grid[data-v-2970c4e1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:12px;width:100%;box-sizing:border-box}.btn-primary-sm[data-v-2970c4e1]{--btn-padding-y: 8px;--btn-padding-x: 12px;padding:var(--btn-padding-y) var(--btn-padding-x);font-size:.95rem;line-height:1;min-height:40px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.btn-primary-sm.full-width-mobile[data-v-2970c4e1]{width:auto}@media (max-width: 640px){.btn-primary-sm.full-width-mobile[data-v-2970c4e1]{width:100%}}.channel-card[data-v-2970c4e1]{background:var(--color-surface);border-radius:10px;box-shadow:var(--shadow-1);padding:clamp(12px,1.2vw,20px);border:1px solid rgba(15,23,42,.03);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;display:flex;flex-direction:column;justify-content:flex-start;min-height:150px}.channel-card[data-v-2970c4e1]:hover{border-color:#2563eb24;transform:translateY(-6px);box-shadow:var(--shadow-2)}.channel-card.channel-disabled[data-v-2970c4e1]{opacity:.7;background-color:#f8f9fa;border:2px solid #e0e0e0}.channel-card.channel-disabled[data-v-2970c4e1]:hover{border-color:#bdc3c7}.channel-header[data-v-2970c4e1]{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.channel-header-right[data-v-2970c4e1]{display:flex;align-items:center;gap:8px;margin-left:auto}.channel-type-badge[data-v-2970c4e1]{padding:4px 8px;border-radius:4px;font-size:.7em;font-weight:700;text-transform:uppercase}.channel-type-badge.type-telegram[data-v-2970c4e1]{background-color:#2563eb14;color:var(--color-accent-2)}.channel-type-badge.type-discord[data-v-2970c4e1]{background-color:#7d6aff0f;color:#5e35b1}.channel-type-badge.type-slack[data-v-2970c4e1]{background-color:#10b9810f;color:#10b981}.channel-type-badge.type-webhook[data-v-2970c4e1]{background-color:#f57c000f;color:#f57c00}.status-indicator[data-v-2970c4e1]{width:12px;height:12px;border-radius:50%;background-color:#0f172a14;display:block}.status-indicator.status-enabled[data-v-2970c4e1]{background-color:var(--color-success);box-shadow:0 0 10px #0596692e}.status-indicator.status-disabled[data-v-2970c4e1]{background-color:var(--color-danger)}.channel-name[data-v-2970c4e1]{margin:0 0 12px;color:var(--color-text);font-size:clamp(1rem,1.1vw,1.1em);display:flex;align-items:center;gap:8px}.disabled-badge[data-v-2970c4e1]{font-size:.6em;padding:3px 6px;background-color:#e74c3c;color:#fff;border-radius:3px;font-weight:700}.channel-details[data-v-2970c4e1]{margin-bottom:16px;font-size:clamp(.88rem,.9vw,.95rem);color:var(--color-muted);line-height:1.45;min-height:44px}.channel-details strong[data-v-2970c4e1]{color:#2c3e50}.channel-actions[data-v-2970c4e1]{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.channel-actions .btn[data-v-2970c4e1]{padding:4px 8px;font-size:.85rem;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;flex:1 1 0%;min-width:0}.channel-actions .btn-sm[data-v-2970c4e1]{padding:4px 8px;font-size:.85rem;min-width:60px;height:32px}.channel-actions .btn+.btn[data-v-2970c4e1]{margin-left:6px}.no-channels[data-v-2970c4e1]{text-align:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.no-channels h2[data-v-2970c4e1]{margin:0 0 15px;color:#2c3e50}.no-channels p[data-v-2970c4e1]{color:#7f8c8d;max-width:500px;margin:0 auto 30px}.btn[data-v-2970c4e1]{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn[data-v-2970c4e1]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-2970c4e1]{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));color:#fff;box-shadow:0 8px 24px #2563eb1f}.btn-primary[data-v-2970c4e1]:hover:not(:disabled){filter:brightness(.98)}.page-header[data-v-2970c4e1]{padding:12px 16px;background:#fffffffa;border-radius:10px}.content-inner[data-v-2970c4e1]{width:100%;max-width:1280px;margin:0 auto 24px;padding:18px 20px;box-sizing:border-box}.page-header-inner[data-v-2970c4e1]{width:100%;margin:0;display:flex;flex-direction:column;gap:12px;align-items:stretch;padding:0}.page-header-inner h1[data-v-2970c4e1]{margin:0 0 6px;color:#2c3e50}.page-header-inner .btn[data-v-2970c4e1]{width:auto;max-width:360px;justify-content:center;align-self:flex-start;padding:8px 12px;font-size:.95rem;height:36px}.page-header .btn[data-v-2970c4e1],.page-header .btn[data-v-2970c4e1]:hover,.page-header .btn[data-v-2970c4e1]:active{transition:none!important;transform:none!important;box-shadow:none!important}.btn-secondary[data-v-2970c4e1]{background-color:#95a5a6;color:#fff}.btn-secondary[data-v-2970c4e1]:hover{background-color:#7f8c8d}.btn-info[data-v-2970c4e1]{background-color:#17a2b8;color:#fff}.btn-info[data-v-2970c4e1]:hover:not(:disabled){background-color:#138496}.btn-danger[data-v-2970c4e1]{background-color:#e74c3c;color:#fff}.btn-danger[data-v-2970c4e1]:hover:not(:disabled){background-color:#c0392b}.btn-sm[data-v-2970c4e1]{padding:5px 10px;font-size:.8em;min-height:34px}.btn-xs[data-v-2970c4e1]{padding:6px 12px;font-size:.75em;min-height:30px;white-space:nowrap;border-radius:6px;letter-spacing:.3px}.btn-lg[data-v-2970c4e1]{padding:12px 24px;font-size:1.1em}.btn-connect[data-v-2970c4e1]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #667eea40;position:relative;overflow:hidden}.btn-connect[data-v-2970c4e1]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-connect[data-v-2970c4e1]:hover:not(:disabled):before{left:100%}.btn-connect[data-v-2970c4e1]:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#64398a);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px) scale(1.02)}.btn-connect[data-v-2970c4e1]:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 1px 4px #667eea4d}.btn-connect[data-v-2970c4e1]:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:none;cursor:not-allowed;opacity:.5}.checkbox-label[data-v-2970c4e1]{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.form-checkbox[data-v-2970c4e1]{width:18px;height:18px;cursor:pointer}@media (max-width: 1024px){.channels-grid[data-v-2970c4e1]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.notification-channels[data-v-2970c4e1]{padding:0;padding-top:2.5rem}.page-header-inner[data-v-2970c4e1]{padding-left:56px}.content-inner[data-v-2970c4e1]{padding-left:0;padding-right:0;max-width:none;width:100%;margin-left:0;margin-right:0}.page-header[data-v-2970c4e1]{padding:12px;flex-direction:column;gap:12px;align-items:stretch}.page-header h1[data-v-2970c4e1]{text-align:center;margin-bottom:0}.page-header[data-v-2970c4e1]{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));color:#fff;box-shadow:0 6px 20px #0c111714}.page-header h1[data-v-2970c4e1],.page-header-inner h1[data-v-2970c4e1]{color:#fff;font-weight:700}.page-header-inner[data-v-2970c4e1]{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.page-header-inner .btn[data-v-2970c4e1]{background:#fff;color:var(--color-accent-2);border:none;box-shadow:0 6px 18px #2563eb1f;padding:8px 12px;border-radius:10px;max-width:180px;width:auto;align-self:center}.page-header .btn[data-v-2970c4e1],.page-header-inner .btn[data-v-2970c4e1]{position:static;width:auto;justify-content:center;padding:10px 16px;align-self:stretch}.channel-form-container[data-v-2970c4e1]{padding:2px 4px;margin:0;max-width:none;width:100%;border-radius:6px}.channel-form[data-v-2970c4e1]{padding:.5rem;grid-template-columns:1fr;gap:8px;align-items:stretch}.checkbox-label[data-v-2970c4e1]{gap:12px;align-items:center}.form-hint[data-v-2970c4e1]{margin-top:10px;display:block;font-size:.95rem;line-height:1.35}.form-checkbox[data-v-2970c4e1]{margin-right:6px;flex:0 0 auto}.channel-form[data-v-2970c4e1]>:not(.form-section){width:100%;max-width:100%}.form-section[data-v-2970c4e1],.telegram-help[data-v-2970c4e1],.discord-help[data-v-2970c4e1],.slack-help[data-v-2970c4e1],.webhook-help[data-v-2970c4e1]{width:100%;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}.channel-form h2[data-v-2970c4e1]{font-size:1.18rem}.channels-grid[data-v-2970c4e1]{grid-template-columns:1fr;gap:.4rem;padding-left:0;padding-right:0;margin-left:0;margin-right:0}.channel-card[data-v-2970c4e1]{padding:8px}.channel-header[data-v-2970c4e1]{flex-direction:row;gap:.5rem;gap:.75rem}.form-actions[data-v-2970c4e1]{flex-direction:column-reverse;gap:.75rem}.channel-actions>.btn[data-v-2970c4e1]:not(:first-child){display:none!important}.telegram-help[data-v-2970c4e1],.discord-help[data-v-2970c4e1],.slack-help[data-v-2970c4e1],.webhook-help[data-v-2970c4e1]{padding:1rem}.telegram-help ol[data-v-2970c4e1],.discord-help ol[data-v-2970c4e1],.slack-help ol[data-v-2970c4e1]{padding-left:1.25rem}}@media (max-width: 480px){.notification-channels[data-v-2970c4e1]{padding:0}.page-header-inner[data-v-2970c4e1]{padding-left:48px}.content-inner[data-v-2970c4e1]{padding-left:0;padding-right:0;width:100%;max-width:none;margin-left:0;margin-right:0}.page-header[data-v-2970c4e1]{padding:8px 10px}.page-header h1[data-v-2970c4e1]{font-size:1.25rem}.page-header-inner[data-v-2970c4e1]{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.page-header-inner .btn[data-v-2970c4e1]{max-width:140px;padding:7px 10px;font-size:.95rem}.channel-form-container[data-v-2970c4e1]{padding:4px;margin:0;max-width:100%;width:100%;border-radius:6px}.channel-form[data-v-2970c4e1]{padding:.75rem}.channel-form h2[data-v-2970c4e1]{margin-bottom:8px}.form-group[data-v-2970c4e1]{margin-bottom:10px}.form-control[data-v-2970c4e1],select.form-control[data-v-2970c4e1],textarea.form-control[data-v-2970c4e1]{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-wrap:anywhere}.telegram-help[data-v-2970c4e1],.discord-help[data-v-2970c4e1],.slack-help[data-v-2970c4e1],.webhook-help[data-v-2970c4e1]{padding:10px;margin:0;border-left-width:4px;border-left-style:solid;border-left-color:#2563eb2e;background-color:#2563eb0a;overflow:hidden}.checkbox-label[data-v-2970c4e1]{gap:14px}.form-hint[data-v-2970c4e1]{margin-top:12px;font-size:.95rem;color:var(--color-muted)}.form-checkbox[data-v-2970c4e1]{margin-right:8px}.form-actions[data-v-2970c4e1]{padding-top:10px;gap:8px}.form-actions .btn[data-v-2970c4e1]{width:100%}.channel-form h2[data-v-2970c4e1]{font-size:1.125rem}.form-section h3[data-v-2970c4e1]{font-size:1rem}.form-group[data-v-2970c4e1]{margin-bottom:.875rem}.form-control[data-v-2970c4e1]{padding:.5rem .75rem;font-size:.875rem}.channel-card[data-v-2970c4e1]{padding:1rem}.channel-card[data-v-2970c4e1]{padding:10px;border-radius:12px;box-shadow:0 8px 20px #03121c0f;border:1px solid rgba(12,17,23,.04);min-height:auto}.channel-header[data-v-2970c4e1]{flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:8px}.channel-type-badge[data-v-2970c4e1]{font-size:.75rem;padding:6px 10px;border-radius:8px}.status-indicator[data-v-2970c4e1]{width:10px;height:10px}.channel-name[data-v-2970c4e1]{font-size:1.05rem;font-weight:600;margin-bottom:8px}.channel-details[data-v-2970c4e1]{font-size:.88rem;color:#6b7280;min-height:40px;margin-bottom:12px}.channel-actions[data-v-2970c4e1]{flex-direction:column;gap:8px;padding:0}.channel-actions .btn[data-v-2970c4e1],.channel-actions .btn-sm[data-v-2970c4e1]{display:block;width:100%;max-width:none;margin:0;padding:6px 8px;border-radius:6px;height:32px;box-sizing:border-box}.channel-actions .btn+.btn[data-v-2970c4e1],.channel-actions .btn+.btn-sm[data-v-2970c4e1],.channel-actions .btn-sm+.btn[data-v-2970c4e1],.channel-actions .btn-sm+.btn-sm[data-v-2970c4e1]{margin-left:0;margin-top:8px}.channel-actions>.btn[data-v-2970c4e1]:not(:first-child){display:none!important}.channel-card[data-v-2970c4e1]{padding-left:12px;padding-right:12px}.channel-actions .btn[data-v-2970c4e1],.channel-actions .btn-sm[data-v-2970c4e1]{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px}.channel-actions>.btn[data-v-2970c4e1]:first-child{width:auto!important;display:inline-flex!important;margin-left:0!important;margin-right:0!important;align-self:flex-end;padding:6px 10px;box-sizing:border-box}.channel-title[data-v-2970c4e1]{font-size:1rem}.channel-type[data-v-2970c4e1]{font-size:.7rem;padding:.25rem .5rem}.channel-details[data-v-2970c4e1]{font-size:.8rem}.btn[data-v-2970c4e1]{padding:.5rem 1rem;font-size:.875rem}.btn-sm[data-v-2970c4e1]{padding:.375rem .75rem;font-size:.75rem}.telegram-help h4[data-v-2970c4e1],.discord-help h4[data-v-2970c4e1],.slack-help h4[data-v-2970c4e1]{font-size:.95rem}.telegram-help[data-v-2970c4e1],.discord-help[data-v-2970c4e1],.slack-help[data-v-2970c4e1],.webhook-help[data-v-2970c4e1]{padding:.875rem;font-size:.85rem}}.incidents[data-v-5dbe8ea8]{padding:18px 28px}.page-header[data-v-5dbe8ea8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}@media (min-width: 1024px){.incidents[data-v-5dbe8ea8]{max-width:1200px;margin:0 auto;padding:28px 20px}.page-header[data-v-5dbe8ea8]{padding:22px 24px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0f17240a;margin-bottom:20px;align-items:center;gap:18px}.page-header h1[data-v-5dbe8ea8]{font-size:1.9rem;margin:0;line-height:1}.header-actions[data-v-5dbe8ea8]{margin-left:auto;display:flex;align-items:center;gap:16px}.filter-group[data-v-5dbe8ea8]{min-width:220px}}.page-header h1[data-v-5dbe8ea8]{margin:0;color:#2c3e50}.header-actions[data-v-5dbe8ea8]{display:flex;gap:15px;flex-wrap:wrap}.action-buttons[data-v-5dbe8ea8]{display:flex;gap:10px;align-items:center}.dropdown[data-v-5dbe8ea8]{position:relative}.action-btn[data-v-5dbe8ea8]{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #dfe6e9;border-radius:6px;font-size:14px;font-weight:500;color:#2d3436;cursor:pointer;transition:all .2s ease;white-space:nowrap}.action-btn[data-v-5dbe8ea8]:hover{background:#f8f9fa;border-color:#b2bec3}.dropdown.is-active .action-btn[data-v-5dbe8ea8]{background:#f8f9fa;border-color:#3498db}.action-btn .icon[data-v-5dbe8ea8]{font-size:16px;line-height:1}.dropdown-menu[data-v-5dbe8ea8]{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;background:#fff;border:1px solid #dfe6e9;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;animation:dropdownFadeIn-5dbe8ea8 .15s ease}@keyframes dropdownFadeIn-5dbe8ea8{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-content[data-v-5dbe8ea8]{padding:8px}.dropdown-label[data-v-5dbe8ea8]{display:block;font-size:12px;font-weight:600;color:#636e72;margin-bottom:6px;padding:0 8px;text-transform:uppercase;letter-spacing:.5px}.dropdown-item[data-v-5dbe8ea8]{display:block;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:4px;text-align:left;font-size:14px;color:#2d3436;cursor:pointer;transition:all .15s ease}.dropdown-item[data-v-5dbe8ea8]:hover{background:#f1f3f5}.dropdown-item.is-active[data-v-5dbe8ea8]{background:#e3f2fd;color:#2980b9;font-weight:600}.dropdown-content .form-control[data-v-5dbe8ea8]{margin-top:4px}.filter-group[data-v-5dbe8ea8]{min-width:150px}.incidents-list[data-v-5dbe8ea8]{display:block;max-width:none;margin:0;width:100%;padding:0;list-style:none}.incidents-list.view-card[data-v-5dbe8ea8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;max-width:none}.incidents-list.view-list .incident-card[data-v-5dbe8ea8]{display:flex;align-items:center;gap:12px;padding:10px 12px;box-shadow:none;border-left-width:6px;border-radius:4px;margin-bottom:0;border-bottom:1px solid #e8eaed;background:transparent}.list-wrapper[data-v-5dbe8ea8]{max-width:none;margin:0;padding:0 8px;width:100%}.list-header[data-v-5dbe8ea8]{display:flex;gap:12px;padding:10px 16px;font-weight:700;color:#445569;border-bottom:2px solid #cbd5e0;border-top:2px solid #cbd5e0;background:#f7fafc;align-items:center}.list-header .col[data-v-5dbe8ea8],.list-row .col[data-v-5dbe8ea8]{padding:6px 10px}.list-header .name[data-v-5dbe8ea8]{flex:2 1 240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-header .status[data-v-5dbe8ea8]{flex:0 0 110px;text-align:center;white-space:nowrap}.list-header .datetime[data-v-5dbe8ea8]{flex:0 0 200px;text-align:left;white-space:nowrap}.list-header .message[data-v-5dbe8ea8]{flex:2 1 350px;white-space:nowrap}.list-header .actions[data-v-5dbe8ea8]{flex:0 0 360px;text-align:center;white-space:nowrap}.list-row[data-v-5dbe8ea8]{display:flex;gap:12px;align-items:center;padding:10px 16px}.list-row .name[data-v-5dbe8ea8]{flex:2 1 240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center}.list-row .status[data-v-5dbe8ea8]{flex:0 0 110px;text-align:center;white-space:nowrap;align-self:center}.list-row .datetime[data-v-5dbe8ea8]{flex:0 0 200px;text-align:left;color:#6b7a86;font-size:.95em;white-space:nowrap;align-self:center}.list-row .message[data-v-5dbe8ea8]{flex:2 1 350px;color:#3b4a54;word-wrap:break-word;white-space:normal;line-height:1.5;overflow-wrap:break-word;align-self:center}.list-row .message[data-v-5dbe8ea8]{cursor:help}.list-row .actions[data-v-5dbe8ea8]{flex:0 0 360px;text-align:right;display:flex;gap:6px;justify-content:flex-end;align-items:center;align-self:center}.list-row .actions .btn[data-v-5dbe8ea8]{margin-left:0}.list-row .actions .btn-sm[data-v-5dbe8ea8]{padding:6px 10px;min-width:82px}.list-row a[data-v-5dbe8ea8]{color:#2c3e50;text-decoration:none}.list-row a[data-v-5dbe8ea8]:hover{color:#3498db}.incidents-list.view-list .status-badge[data-v-5dbe8ea8]{padding:4px 8px;font-size:.75em}.incidents-list.view-list .incident-header[data-v-5dbe8ea8]{padding:0;display:flex;align-items:center;gap:12px;border-bottom:none;flex:1}.incidents-list.view-list .incident-card[data-v-5dbe8ea8]{display:block;align-items:stretch;gap:0;padding:0;box-shadow:none;border-left-width:6px;border-radius:0;margin-bottom:0;border-bottom:1px solid #eef1f3;background:transparent}.incidents-list.view-list .incident-card+.incident-card[data-v-5dbe8ea8]{margin-top:0}.incidents-list.view-list .incident-details[data-v-5dbe8ea8],.incidents-list.view-list .incident-stats[data-v-5dbe8ea8],.incidents-list.view-list .incident-notes[data-v-5dbe8ea8],.incidents-list.view-list .add-note-form[data-v-5dbe8ea8]{display:none}.incident-card[data-v-5dbe8ea8]{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;border-left:3px solid #bdc3c7;overflow:hidden;display:block;width:100%;margin-bottom:12px;list-style:none;padding:0}.incidents-list.view-card .incident-card[data-v-5dbe8ea8]{display:flex;flex-direction:column;box-shadow:0 1px 3px #0000001f;margin-bottom:0}.incident-card.incident-open[data-v-5dbe8ea8]{border-left-color:#e74c3c}.incident-card.incident-pending[data-v-5dbe8ea8]{border-left-color:#f39c12}.incident-card.incident-resolved[data-v-5dbe8ea8]{border-left-color:#27ae60}.incident-header[data-v-5dbe8ea8]{padding:12px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid #f0f0f0}.incident-info[data-v-5dbe8ea8]{flex:1;width:100%}.incident-title[data-v-5dbe8ea8]{margin:0 0 8px;font-size:1.05em;font-weight:600;display:flex;align-items:center;gap:8px}.incident-title a[data-v-5dbe8ea8]{color:#2c3e50;text-decoration:none}.incident-title a[data-v-5dbe8ea8]:hover{color:#3498db}.incident-meta[data-v-5dbe8ea8]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.status-badge[data-v-5dbe8ea8]{padding:4px 10px;border-radius:4px;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 2px #0000001a}.status-badge.status-open[data-v-5dbe8ea8]{background-color:#ffebee;color:#c62828}.status-badge.status-pending[data-v-5dbe8ea8]{background-color:#fff8e1;color:#ef6c00}.status-badge.status-resolved[data-v-5dbe8ea8]{background-color:#e8f5e8;color:#2e7d32}.incident-duration[data-v-5dbe8ea8]{font-size:.85em;color:#7f8c8d;font-weight:500}.incident-actions[data-v-5dbe8ea8]{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;padding-top:4px;border-top:1px dashed #e8eaed}.incident-details[data-v-5dbe8ea8]{padding:12px;flex-grow:1;background-color:#f8f9fa}.incident-timeline[data-v-5dbe8ea8]{margin-bottom:10px}.timeline-item[data-v-5dbe8ea8]{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;padding:10px;background:#fff;border-radius:6px;border-left:4px solid #e8eaed;box-shadow:0 1px 3px #0000000d}.timeline-item[data-v-5dbe8ea8]:last-child{margin-bottom:0}.timeline-badge[data-v-5dbe8ea8]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:.85em;box-shadow:0 2px 6px #00000026}.timeline-badge.timeline-start[data-v-5dbe8ea8]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.timeline-item[data-v-5dbe8ea8]:has(.timeline-start){border-left-color:#e74c3c}.timeline-badge.timeline-acknowledged[data-v-5dbe8ea8]{background:linear-gradient(135deg,#f39c12,#e67e22)}.timeline-item[data-v-5dbe8ea8]:has(.timeline-acknowledged){border-left-color:#f39c12}.timeline-badge.timeline-resolved[data-v-5dbe8ea8]{background:linear-gradient(135deg,#27ae60,#229954)}.timeline-item[data-v-5dbe8ea8]:has(.timeline-resolved){border-left-color:#27ae60}.timeline-content[data-v-5dbe8ea8]{flex:1;min-width:0}.timeline-time[data-v-5dbe8ea8]{font-size:.7em;color:#95a5a6;margin-bottom:4px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.timeline-text[data-v-5dbe8ea8]{color:#2c3e50;font-size:.9em;line-height:1.5}.timeline-text strong[data-v-5dbe8ea8]{color:#1a252f;font-weight:600}.error-message[data-v-5dbe8ea8]{margin-top:4px;padding:6px 10px;background-color:#ffebee;border-left:2px solid #e74c3c;border-radius:3px;font-size:.85em;color:#c62828}.incident-notes[data-v-5dbe8ea8]{margin-bottom:10px}.incident-notes h4[data-v-5dbe8ea8]{margin:0 0 8px;color:#5a6c7d;font-size:.8em;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.incident-note[data-v-5dbe8ea8]{background-color:#fff;border-radius:6px;padding:10px;margin-bottom:6px;border:1px solid #e8eaed;box-shadow:0 1px 3px #0000000d}.incident-note[data-v-5dbe8ea8]:last-child{margin-bottom:0}.note-header[data-v-5dbe8ea8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.note-header strong[data-v-5dbe8ea8]{color:#2c3e50}.note-time[data-v-5dbe8ea8]{font-size:.75em;color:#95a5a6}.note-content[data-v-5dbe8ea8]{color:#34495e;font-size:.9em;line-height:1.4}.add-note-form[data-v-5dbe8ea8]{display:flex;gap:8px;align-items:flex-start;background:#fff;padding:10px;border-radius:6px;border:1px solid #e8eaed}.add-note-form textarea[data-v-5dbe8ea8]{flex:1;resize:vertical;min-height:60px;border:1px solid #dfe6ed;border-radius:4px;padding:8px;font-family:inherit}.add-note-form textarea[data-v-5dbe8ea8]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.incident-stats[data-v-5dbe8ea8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;padding:12px;background:#f8f9fa;border-top:1px solid #e8eaed;margin-top:auto}.stat-item[data-v-5dbe8ea8]{display:flex;flex-direction:column;gap:4px;padding:8px;background:#fff;border-radius:6px;border:1px solid #e0e6ed;transition:all .2s ease}.stat-item[data-v-5dbe8ea8]:hover{border-color:#3498db;box-shadow:0 2px 6px #3498db26;transform:translateY(-1px)}.stat-label[data-v-5dbe8ea8]{font-size:.65em;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value[data-v-5dbe8ea8]{font-weight:700;color:#2c3e50;font-size:.95em}.no-incidents[data-v-5dbe8ea8]{text-align:center;padding:40px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.server-error[data-v-5dbe8ea8]{text-align:center;padding:40px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;border-left:4px solid #e74c3c}.server-error h2[data-v-5dbe8ea8]{margin:0 0 15px;color:#e74c3c}.server-error p[data-v-5dbe8ea8]{margin:0 0 20px;color:#7f8c8d}.server-error code[data-v-5dbe8ea8]{background:#f8f9fa;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace}.no-incidents h2[data-v-5dbe8ea8]{margin:0 0 15px;color:#2c3e50}.no-incidents p[data-v-5dbe8ea8]{margin:0;color:#7f8c8d}.pagination-wrapper[data-v-5dbe8ea8]{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:16px 0;border-top:1px solid #e8eaed;flex-wrap:wrap;gap:16px}.pagination-left[data-v-5dbe8ea8]{display:flex;align-items:center}.pagination-showing[data-v-5dbe8ea8]{font-size:14px;color:#636e72}.pagination-right[data-v-5dbe8ea8]{display:flex;align-items:center;gap:6px}.pagination-nav-btn[data-v-5dbe8ea8]{padding:6px 14px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#555;cursor:pointer;transition:all .2s ease;font-weight:400}.pagination-nav-btn[data-v-5dbe8ea8]:hover:not(:disabled){background:#f5f5f5;border-color:#aaa}.pagination-nav-btn[data-v-5dbe8ea8]:disabled{opacity:.5;cursor:not-allowed;background:#f9f9f9;color:#999}.pagination-pages[data-v-5dbe8ea8]{display:flex;gap:4px;align-items:center}.pagination-page-btn[data-v-5dbe8ea8]{min-width:32px;height:32px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#555;cursor:pointer;transition:all .2s ease}.pagination-page-btn[data-v-5dbe8ea8]:hover:not(.active){background:#f5f5f5;border-color:#aaa}.pagination-page-btn.active[data-v-5dbe8ea8]{background:#007bff;color:#fff;border-color:#007bff;font-weight:500}.pagination-page-btn.dots[data-v-5dbe8ea8]{cursor:default;pointer-events:none;border-color:transparent;background:transparent}.pagination-page-btn[data-v-5dbe8ea8]:disabled{opacity:.6;cursor:not-allowed}.pagination-perpage[data-v-5dbe8ea8]{display:flex;align-items:center;gap:8px;margin-left:8px;padding-left:8px;border-left:1px solid #ddd}.pagination-perpage label[data-v-5dbe8ea8]{font-size:14px;color:#636e72;font-weight:400}.perpage-select[data-v-5dbe8ea8]{padding:5px 28px 5px 8px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#555;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23555' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.perpage-select[data-v-5dbe8ea8]:hover{border-color:#aaa;background-color:#f5f5f5}.perpage-select[data-v-5dbe8ea8]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.form-control[data-v-5dbe8ea8]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-control[data-v-5dbe8ea8]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.btn[data-v-5dbe8ea8]{padding:6px 12px;border:none;border-radius:4px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn[data-v-5dbe8ea8]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-5dbe8ea8]{background-color:#3498db;color:#fff}.btn-primary[data-v-5dbe8ea8]:hover:not(:disabled){background-color:#2980b9}.btn-secondary[data-v-5dbe8ea8]{background-color:#95a5a6;color:#fff}.btn-secondary[data-v-5dbe8ea8]:hover:not(:disabled){background-color:#7f8c8d}.btn-warning[data-v-5dbe8ea8]{background-color:#f39c12;color:#fff}.btn-warning[data-v-5dbe8ea8]:hover:not(:disabled){background-color:#e67e22}.btn-success[data-v-5dbe8ea8]{background-color:#27ae60;color:#fff}.btn-success[data-v-5dbe8ea8]:hover:not(:disabled){background-color:#229954}.btn-danger[data-v-5dbe8ea8]{background-color:#e74c3c;color:#fff}.btn-danger[data-v-5dbe8ea8]:hover:not(:disabled){background-color:#c0392b}.btn-sm[data-v-5dbe8ea8]{padding:6px 12px;font-size:.75em;white-space:nowrap;font-weight:600;box-shadow:0 1px 3px #0000001f;transition:all .2s ease}.btn-sm[data-v-5dbe8ea8]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.btn-view-link[data-v-5dbe8ea8]{position:relative;overflow:hidden;transition:all .3s ease}.btn-view-link .icon-link[data-v-5dbe8ea8]{width:16px;height:16px;margin-right:4px;transition:all .3s ease;filter:brightness(0) invert(1)}.btn-view-link[data-v-5dbe8ea8]:hover{background:linear-gradient(135deg,#7f8c8d,#636e72);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #7f8c8d66}.btn-view-link:hover .icon-link[data-v-5dbe8ea8]{transform:rotate(15deg) scale(1.1)}.btn-view-link[data-v-5dbe8ea8]:active{transform:translateY(0) scale(.98)}.btn-action[data-v-5dbe8ea8]{position:relative;overflow:hidden;transition:all .3s ease}.btn-action .icon-action[data-v-5dbe8ea8]{width:16px;height:16px;margin-right:4px;transition:all .3s ease;filter:brightness(0) invert(1)}.btn-warning.btn-action[data-v-5dbe8ea8]:hover:not(:disabled){background:linear-gradient(135deg,#e67e22,#d35400);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #e67e2266}.btn-success.btn-action[data-v-5dbe8ea8]:hover:not(:disabled){background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #27ae6066}.btn-action:hover:not(:disabled) .icon-action[data-v-5dbe8ea8]{transform:rotate(15deg) scale(1.1)}.btn-action[data-v-5dbe8ea8]:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-action[data-v-5dbe8ea8]:disabled{opacity:.5;cursor:not-allowed}.btn-action:disabled .icon-action[data-v-5dbe8ea8]{opacity:.6}.btn-danger.btn-action[data-v-5dbe8ea8]:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #e74c3c66}.modal-overlay[data-v-5dbe8ea8]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-5dbe8ea8 .2s ease}@keyframes fadeIn-5dbe8ea8{0%{opacity:0}to{opacity:1}}.modal[data-v-5dbe8ea8]{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;width:90%;animation:slideUp-5dbe8ea8 .3s ease}@keyframes slideUp-5dbe8ea8{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-5dbe8ea8]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e8eaed}.modal-header h3[data-v-5dbe8ea8]{margin:0;font-size:1.1rem;color:#2c3e50}.modal-body[data-v-5dbe8ea8]{padding:20px}.modal-footer[data-v-5dbe8ea8]{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #e8eaed;background:#f8f9fa}.form-label[data-v-5dbe8ea8]{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:.9rem}.warning-text[data-v-5dbe8ea8]{font-size:1rem;color:#e74c3c;font-weight:600;margin:0 0 8px}.warning-subtext[data-v-5dbe8ea8]{font-size:.9rem;color:#7f8c8d;margin:0}.icon-alert[data-v-5dbe8ea8]:before{content:"⚠"}.icon-check[data-v-5dbe8ea8]:before{content:"✓"}.icon-check-circle[data-v-5dbe8ea8]:before{content:"✅"}@media (max-width: 1024px){.incident-stats[data-v-5dbe8ea8]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.incidents[data-v-5dbe8ea8]{padding:5rem 1rem 1rem}.incidents-list[data-v-5dbe8ea8]{max-width:100%}.list-header[data-v-5dbe8ea8]{display:none}.incidents-list.view-list .incident-card[data-v-5dbe8ea8]{display:block;padding:0;border-bottom:none;background:transparent;border-radius:0;margin-bottom:0}.list-row[data-v-5dbe8ea8]{display:block}.list-row .name[data-v-5dbe8ea8]{display:block;margin-bottom:8px;font-weight:700;font-size:1rem}.list-row .status[data-v-5dbe8ea8]{display:inline-block;margin-right:8px}.list-row .datetime[data-v-5dbe8ea8]{display:block;color:#7f8c8d;margin-top:6px;font-size:.92rem}.list-row .message[data-v-5dbe8ea8]{display:block;margin-top:8px;color:#34495e;line-height:1.4}.incidents-list.view-list .incident-card>.list-row[data-v-5dbe8ea8]{background:#fff;border-radius:10px;box-shadow:0 6px 16px #0f17240a;padding:12px;margin:0 0 12px}.list-row .actions[data-v-5dbe8ea8]{margin-top:8px;display:flex;gap:8px}.list-row .actions .btn[data-v-5dbe8ea8]{flex:1 1 auto;white-space:normal;text-align:center;min-width:0}.list-row .actions .btn-sm[data-v-5dbe8ea8]{min-width:112px;padding:8px 12px}.pagination-wrapper[data-v-5dbe8ea8]{flex-direction:column;gap:12px;margin-top:16px}.pagination-left[data-v-5dbe8ea8]{order:2;width:100%;justify-content:center}.pagination-right[data-v-5dbe8ea8]{order:1;width:100%;justify-content:center;flex-wrap:wrap}.pagination-nav-btn[data-v-5dbe8ea8]{flex:0 0 auto}.pagination-pages[data-v-5dbe8ea8]{flex:1;justify-content:center}.page-header[data-v-5dbe8ea8]{padding:1.25rem 1rem;flex-direction:column;align-items:stretch;gap:1rem;background:#fff;border-radius:10px;box-shadow:0 8px 24px #0f17240a}.page-header h1[data-v-5dbe8ea8]{text-align:center;margin-bottom:.5rem}.header-actions[data-v-5dbe8ea8]{flex-direction:column;gap:.75rem}.filter-group[data-v-5dbe8ea8]{min-width:auto;flex:1}.incident-card[data-v-5dbe8ea8]{padding:1.25rem}.incident-header[data-v-5dbe8ea8]{flex-direction:column;align-items:stretch;gap:1rem}.incident-actions[data-v-5dbe8ea8]{flex-direction:column;gap:.5rem}.incident-actions .btn[data-v-5dbe8ea8]{width:100%;justify-content:center}.incident-stats[data-v-5dbe8ea8]{grid-template-columns:1fr;gap:.75rem}.add-note-form[data-v-5dbe8ea8]{flex-direction:column;gap:.75rem}.add-note-form textarea[data-v-5dbe8ea8]{min-height:80px}.add-note-form .btn[data-v-5dbe8ea8]{width:100%}.pagination-wrapper[data-v-5dbe8ea8]{margin-top:16px;padding:12px 0}.pagination-container[data-v-5dbe8ea8]{flex-direction:column;gap:12px}.pagination-btn[data-v-5dbe8ea8]{width:100%;justify-content:center}.pagination-pages[data-v-5dbe8ea8]{order:-1}.pagination-info[data-v-5dbe8ea8]{order:-2;padding:8px 12px;background:#f8f9fa;border-radius:6px;width:100%;justify-content:center}.pagination-perpage[data-v-5dbe8ea8]{width:100%;justify-content:center;padding-left:0;border-left:none;border-top:1px solid #e8eaed;padding-top:12px}}@media (max-width: 480px){.incidents[data-v-5dbe8ea8]{padding:.75rem}.page-header[data-v-5dbe8ea8]{padding:1rem}.page-header h1[data-v-5dbe8ea8]{font-size:1.5rem}.incident-card[data-v-5dbe8ea8]{padding:1rem}.incident-title[data-v-5dbe8ea8]{font-size:1rem}.incident-meta[data-v-5dbe8ea8]{flex-direction:column;align-items:flex-start;gap:.5rem}.status-badge[data-v-5dbe8ea8]{font-size:.7rem;padding:.25rem .625rem}.timeline-item[data-v-5dbe8ea8]{padding-left:1.5rem}.timeline-item[data-v-5dbe8ea8]:before{left:.25rem;width:.5rem;height:.5rem}.timeline-item[data-v-5dbe8ea8]:after{left:.5rem}.note-item[data-v-5dbe8ea8]{padding:.875rem}.btn-sm[data-v-5dbe8ea8]{padding:.375rem .75rem;font-size:.75rem}}@media (max-width: 768px){.incidents-list.view-list .incident-card[data-v-5dbe8ea8]{display:block!important;padding:8px 12px!important;box-shadow:none!important;border-left-width:0!important;border-bottom:1px solid #eef1f3!important;border-radius:0!important;background:transparent!important;margin-bottom:0!important}.incidents-list.view-list .list-row[data-v-5dbe8ea8]{display:block!important;padding:0!important}.list-row .name[data-v-5dbe8ea8]{display:block!important;margin-bottom:6px;font-weight:700}.list-row .status[data-v-5dbe8ea8]{display:inline-block!important;margin-right:8px}.list-row .datetime[data-v-5dbe8ea8]{display:block!important;color:#7f8c8d;margin-top:6px}.list-row .message[data-v-5dbe8ea8]{display:block!important;margin-top:6px;color:#34495e}.list-row .actions[data-v-5dbe8ea8]{margin-top:8px!important;display:flex!important;gap:8px!important;justify-content:flex-start!important;flex-wrap:wrap!important}.list-row .actions .btn-sm[data-v-5dbe8ea8]{min-width:120px!important}}.incident-detail[data-v-02cfb570]{max-width:1200px;margin:0 auto;padding:24px}.loading[data-v-02cfb570]{text-align:center;padding:80px 20px;font-size:20px;color:#667eea;font-weight:700;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.error-view[data-v-02cfb570]{text-align:center;padding:60px 40px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.error-view h2[data-v-02cfb570]{color:#e74c3c;margin-bottom:20px;font-size:28px;font-weight:700}.incident-content[data-v-02cfb570]{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;overflow:hidden}.incident-header[data-v-02cfb570]{padding:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff}.header-top[data-v-02cfb570]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.back-link[data-v-02cfb570]{color:#fff;text-decoration:none;font-weight:600;transition:all .3s;padding:8px 16px;background:#fff3;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-link[data-v-02cfb570]:hover{background:#ffffff4d;transform:translate(-4px)}.incident-header h1[data-v-02cfb570]{margin:0 0 20px;color:#fff;font-size:32px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.monitor-info[data-v-02cfb570]{display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:14px;color:#fffffff2}.monitor-link[data-v-02cfb570]{color:#fff;text-decoration:none;font-weight:600;padding:6px 12px;background:#fff3;border-radius:8px;transition:all .3s}.monitor-link[data-v-02cfb570]:hover{background:#ffffff4d}.monitor-type[data-v-02cfb570],.monitor-target[data-v-02cfb570]{padding:6px 12px;background:#ffffff26;border-radius:8px;font-family:Courier New,monospace;font-size:13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500}.btn-visit-website[data-v-02cfb570]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff40;color:#fff;text-decoration:none;border-radius:8px;font-size:13px;font-weight:600;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-visit-website[data-v-02cfb570]:hover{background:#ffffff59;transform:translateY(-2px)}.status-badge[data-v-02cfb570]{padding:8px 20px;border-radius:20px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 8px #00000026}.status-badge.status-open[data-v-02cfb570]{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.status-badge.status-pending[data-v-02cfb570]{background:linear-gradient(135deg,#ffa726,#fb8c00);color:#fff}.status-badge.status-resolved[data-v-02cfb570]{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff}.stats-grid[data-v-02cfb570]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:32px;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.stat-card[data-v-02cfb570]{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px #00000014;border:1px solid #e8eaed;transition:all .3s ease}.stat-card[data-v-02cfb570]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.stat-label[data-v-02cfb570]{font-size:11px;color:#6c757d;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-weight:700}.stat-value[data-v-02cfb570]{font-size:20px;font-weight:700;color:#2c3e50;line-height:1.4}.timeline-section[data-v-02cfb570],.details-section[data-v-02cfb570],.alert-log-section[data-v-02cfb570],.actions-section[data-v-02cfb570]{padding:32px;background:#fff}.timeline-section h2[data-v-02cfb570],.details-section h2[data-v-02cfb570],.alert-log-section h2[data-v-02cfb570],.actions-section h2[data-v-02cfb570]{margin:0 0 24px;color:#2c3e50;font-size:22px;font-weight:700;padding-bottom:12px;border-bottom:3px solid #667eea;display:inline-block}.timeline[data-v-02cfb570]{position:relative;padding-left:50px;margin-top:24px}.timeline[data-v-02cfb570]:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px}.timeline-item[data-v-02cfb570]{position:relative;padding-bottom:32px}.timeline-badge[data-v-02cfb570]{position:absolute;left:-50px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:3px solid #e8eaed;font-size:18px;z-index:1;box-shadow:0 4px 12px #0000001a}.timeline-badge.timeline-start[data-v-02cfb570]{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-color:#ff6b6b;color:#fff}.timeline-badge.timeline-acknowledged[data-v-02cfb570]{background:linear-gradient(135deg,#ffa726,#fb8c00);border-color:#ffa726;color:#fff}.timeline-badge.timeline-resolved[data-v-02cfb570]{background:linear-gradient(135deg,#66bb6a,#43a047);border-color:#66bb6a;color:#fff}.timeline-content[data-v-02cfb570]{background:linear-gradient(135deg,#f8f9fa,#fff);padding:16px 20px;border-radius:12px;border:1px solid #e8eaed;box-shadow:0 2px 8px #0000000f;transition:all .3s}.timeline-content[data-v-02cfb570]:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.timeline-time[data-v-02cfb570]{font-size:12px;color:#6c757d;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.timeline-text[data-v-02cfb570]{font-size:14px;line-height:1.7;color:#2c3e50}.timeline-text strong[data-v-02cfb570]{display:block;margin-bottom:6px;font-size:16px;color:#667eea}.error-box[data-v-02cfb570]{background:linear-gradient(135deg,#fff5f5,#ffe5e5);border-left:5px solid #ff6b6b;padding:20px;border-radius:12px;box-shadow:0 4px 12px #ff6b6b26}.error-box h3[data-v-02cfb570]{margin:0 0 16px;color:#c62828;font-size:18px;font-weight:700}.error-box pre[data-v-02cfb570]{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,monospace;font-size:14px;color:#c62828;line-height:1.7;background:#ffffffb3;padding:12px;border-radius:8px}.alert-log[data-v-02cfb570]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:20px;max-height:400px;overflow-y:auto;border:1px solid #dee2e6}.log-entry[data-v-02cfb570]{padding:16px;background:#fff;border-radius:10px;margin-bottom:12px;border-left:4px solid #667eea;box-shadow:0 2px 8px #0000000f;transition:all .3s}.log-entry[data-v-02cfb570]:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.log-entry[data-v-02cfb570]:last-child{margin-bottom:0}.log-time[data-v-02cfb570]{font-size:12px;color:#6c757d;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.log-message[data-v-02cfb570]{font-size:14px;color:#2c3e50;font-family:Courier New,monospace;line-height:1.6}.action-buttons[data-v-02cfb570]{display:flex;gap:16px;flex-wrap:wrap}.btn[data-v-02cfb570]{padding:12px 28px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 4px 12px #0000001a}.btn[data-v-02cfb570]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.btn-primary[data-v-02cfb570]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-02cfb570]:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f)}.btn-secondary[data-v-02cfb570]{background:linear-gradient(135deg,#b0bec5,#90a4ae);color:#fff}.btn-secondary[data-v-02cfb570]:hover{background:linear-gradient(135deg,#9aa8b0,#78909c)}.btn-warning[data-v-02cfb570]{background:linear-gradient(135deg,#ffa726,#fb8c00);color:#fff}.btn-warning[data-v-02cfb570]:hover{background:linear-gradient(135deg,#ff9800,#f57c00)}.btn-success[data-v-02cfb570]{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff}.btn-success[data-v-02cfb570]:hover{background:linear-gradient(135deg,#57ab5a,#388e3c)}.btn-danger[data-v-02cfb570]{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff}.btn-danger[data-v-02cfb570]:hover{background:linear-gradient(135deg,#e53935,#c62828)}@media (max-width: 768px){.incident-detail[data-v-02cfb570]{padding:12px}.stats-grid[data-v-02cfb570]{grid-template-columns:1fr}.action-buttons[data-v-02cfb570]{flex-direction:column}.btn[data-v-02cfb570]{width:100%}}.logs-view[data-v-6db99393]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}@keyframes pulse-6db99393{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse[data-v-6db99393]{animation:pulse-6db99393 2s cubic-bezier(.4,0,.6,1) infinite}[data-v-fd722a73]:root{--bg: #f3f4f6;--card: #ffffff;--muted: #374151;--accent: #2563eb;--accent-2: #1d4ed8;--success: #059669;--danger: #dc2626}.group-detail[data-v-fd722a73]{padding:clamp(16px,2vw,32px);background:linear-gradient(180deg,#f8fafc,var(--bg));min-height:calc(100vh - 64px);box-sizing:border-box}.page-header .header-content[data-v-fd722a73]{max-width:1100px;margin:0 auto;padding:clamp(12px,2vw,20px);display:flex;justify-content:space-between;align-items:center;gap:16px}.page-header[data-v-fd722a73]{position:relative;z-index:5;margin-top:12px}@media (max-width: 1024px){.page-header[data-v-fd722a73]{margin-top:24px}}@media (max-width: 768px){.page-header[data-v-fd722a73]{margin-top:72px}.page-header .header-content[data-v-fd722a73]{padding-top:8px}}@media (max-width: 480px){.page-header[data-v-fd722a73]{margin-top:64px}.page-header .header-content[data-v-fd722a73]{padding-top:6px}}.header-main h1[data-v-fd722a73]{margin:0;font-size:clamp(1.25rem,2.2vw,2rem);color:var(--accent);font-weight:800;letter-spacing:-.2px}.header-main p[data-v-fd722a73]{margin:4px 0 0;color:var(--muted);font-size:clamp(.9rem,1.5vw,1rem)}.header-actions[data-v-fd722a73]{display:flex;gap:10px}.btn[data-v-fd722a73]{padding:.6rem .9rem;border-radius:10px;border:none;background:var(--card);box-shadow:0 6px 18px #0f172a0f;cursor:pointer;font-weight:600}.btn-primary[data-v-fd722a73]{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 28px #2563eb1f}.btn-secondary[data-v-fd722a73]{background:transparent;border:1px solid rgba(37,99,235,.08);color:var(--accent-2)}.header-actions .btn-secondary[data-v-fd722a73]{background:#000;color:#fff;border:none;box-shadow:0 6px 18px #0206171f}.header-actions .btn-secondary[data-v-fd722a73]:hover{filter:brightness(.95)}.group-stats[data-v-fd722a73]{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.group-stats .stat[data-v-fd722a73]{background:var(--card);padding:12px 16px;border-radius:12px;box-shadow:0 8px 20px #0f172a0a;min-width:120px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.group-stats .stat[data-v-fd722a73]:first-child{font-weight:700;color:var(--accent-2)}.stat[data-v-fd722a73]{color:var(--muted);font-weight:600}.monitors-list[data-v-fd722a73]{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.monitor-item[data-v-fd722a73]{position:relative;background:linear-gradient(180deg,var(--card),#fbfdff);padding:14px 14px 14px 18px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid rgba(15,23,42,.04);transition:transform .18s ease,box-shadow .18s ease;overflow:hidden}.monitor-icon-wrapper[data-v-fd722a73]{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb14,#1d4ed80a);border-radius:8px;overflow:hidden}.monitor-icon[data-v-fd722a73]{width:24px;height:24px;object-fit:contain}.monitor-type-icon[data-v-fd722a73]{font-size:20px;line-height:1}.monitor-item[data-v-fd722a73]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;border-radius:12px 0 0 12px;background:transparent;transition:background .18s ease,opacity .18s ease}.monitor-item.status-up[data-v-fd722a73]:before{background:linear-gradient(180deg,#05966933,#05966914)}.monitor-item.status-down[data-v-fd722a73]:before{background:linear-gradient(180deg,#dc26262e,#dc26260f)}.monitor-item.status-unknown[data-v-fd722a73]:before{background:linear-gradient(180deg,#2563eb1f,#2563eb0a)}.monitor-item[data-v-fd722a73]:hover{transform:translateY(-6px);box-shadow:0 18px 50px #0f172a14}.left[data-v-fd722a73]{flex:1;min-width:0}.left h3[data-v-fd722a73]{margin:0;font-size:1.05rem;color:#0f172a}.target[data-v-fd722a73]{margin:6px 0 0;color:var(--muted);font-size:.9rem;word-break:break-all;opacity:.9}.status-badge[data-v-fd722a73]{padding:6px 12px;border-radius:999px;font-weight:700;font-size:.85rem}.status-badge.up[data-v-fd722a73]{background:#0596691f;color:var(--success);border:1px solid rgba(5,150,105,.18)}.status-badge.down[data-v-fd722a73]{background:#dc262614;color:var(--danger);border:1px solid rgba(220,38,38,.14)}.clickable[data-v-fd722a73]{cursor:pointer}.empty-state[data-v-fd722a73]{padding:28px;text-align:center;color:var(--muted);background:transparent;border-radius:10px}@media (max-width: 768px){.page-header .header-content[data-v-fd722a73]{flex-direction:column;align-items:flex-start;gap:12px}.header-actions[data-v-fd722a73]{width:100%;display:flex;gap:8px}.btn[data-v-fd722a73]{flex:1;border-radius:10px}.monitors-list[data-v-fd722a73]{grid-template-columns:1fr}.left h3[data-v-fd722a73]{font-size:1rem}.target[data-v-fd722a73]{font-size:.85rem}.group-stats[data-v-fd722a73]{justify-content:space-between}}.settings[data-v-1421018a]{max-width:1400px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:calc(100vh - 48px);border-radius:12px}.page-header[data-v-1421018a]{margin-bottom:32px;padding:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 24px #667eea40;color:#fff}.page-header h1[data-v-1421018a]{margin:0 0 12px;color:#fff;font-size:36px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.subtitle[data-v-1421018a]{color:#fffffff2;font-size:16px;margin:0;font-weight:400}.loading[data-v-1421018a]{text-align:center;padding:60px;font-size:18px;color:#666}.settings-content[data-v-1421018a]{display:flex;flex-direction:column;gap:32px}.settings-section[data-v-1421018a]{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.section-header[data-v-1421018a]{padding:28px 32px;border-bottom:3px solid transparent;background:linear-gradient(135deg,#f8f9fa,#fff);position:relative;overflow:hidden}.section-header[data-v-1421018a]:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.section-header h2[data-v-1421018a]{margin:0 0 10px;color:#2c3e50;font-size:26px;font-weight:700}.section-header p[data-v-1421018a]{margin:0;color:#6c757d;font-size:15px}.settings-card[data-v-1421018a]{padding:32px;background:linear-gradient(135deg,#fff,#f8f9fa)}.setting-item[data-v-1421018a]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e8eaed;background:#fff;border-radius:12px;margin-bottom:16px}.setting-item[data-v-1421018a]:hover{background:linear-gradient(135deg,#f8f9ff,#fff);box-shadow:0 4px 12px #667eea1a}.setting-item[data-v-1421018a]:last-child{border-bottom:none;margin-bottom:0}.setting-item.disabled[data-v-1421018a]{opacity:.5;pointer-events:none;background:#f5f5f5}.setting-label label[data-v-1421018a]{font-size:17px;font-weight:700;color:#2c3e50;display:block;margin-bottom:8px;display:flex;align-items:center;gap:8px}.setting-label label[data-v-1421018a]:before{content:"▸";color:#667eea;font-size:14px}.setting-description[data-v-1421018a]{font-size:14px;color:#6c757d;margin:0;line-height:1.6}.setting-control[data-v-1421018a]{display:flex;align-items:center;gap:12px}.status-text[data-v-1421018a]{font-size:15px;font-weight:600;min-width:80px;padding:6px 16px;border-radius:20px;text-align:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;box-shadow:0 2px 8px #2e7d3226}.switch[data-v-1421018a]{position:relative;display:inline-block;width:60px;height:32px}.switch input[data-v-1421018a]{opacity:0;width:0;height:0}.slider[data-v-1421018a]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#e0e0e0,#bdbdbd);transition:.4s;border-radius:32px;box-shadow:inset 0 2px 4px #0000001a}.slider[data-v-1421018a]:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 8px #0003}input:checked+.slider[data-v-1421018a]{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66}input:checked+.slider[data-v-1421018a]:before{transform:translate(28px)}input:focus+.slider[data-v-1421018a]{box-shadow:0 0 0 3px #667eea33}.checkbox-group[data-v-1421018a]{flex-direction:column;align-items:flex-start;gap:14px}.checkbox-label[data-v-1421018a]{display:flex;align-items:center;gap:12px;font-size:15px;color:#2c3e50;cursor:pointer;padding:10px 16px;border-radius:8px;transition:all .2s ease;background:#fff;border:2px solid #e8eaed}.checkbox-label[data-v-1421018a]:hover{background:linear-gradient(135deg,#f0f4ff,#fff);border-color:#667eea}.checkbox-label input[type=checkbox][data-v-1421018a]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.retention-grid[data-v-1421018a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}.retention-item[data-v-1421018a]{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:24px;border:3px solid #e8eaed;position:relative;overflow:hidden}.retention-item[data-v-1421018a]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--item-color, #667eea) 0%,var(--item-color-light, #764ba2) 100%)}.retention-item[data-v-1421018a]:hover{border-color:var(--item-color, #667eea);box-shadow:0 8px 24px #667eea26}.retention-item[data-v-1421018a]:nth-child(1){--item-color: #ef5350;--item-color-light: #e57373}.retention-item[data-v-1421018a]:nth-child(2){--item-color: #ffa726;--item-color-light: #ffb74d}.retention-item[data-v-1421018a]:nth-child(3){--item-color: #42a5f5;--item-color-light: #64b5f6}.retention-item[data-v-1421018a]:nth-child(4){--item-color: #66bb6a;--item-color-light: #81c784}.retention-item[data-v-1421018a]:nth-child(5){--item-color: #ab47bc;--item-color-light: #ba68c8}.retention-header[data-v-1421018a]{display:flex;gap:16px;margin-bottom:20px;align-items:center}.retention-icon[data-v-1421018a]{font-size:36px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.retention-title h3[data-v-1421018a]{margin:0 0 6px;font-size:18px;color:#2c3e50;font-weight:700}.retention-title p[data-v-1421018a]{margin:0;font-size:13px;color:#6c757d;line-height:1.5}.retention-control[data-v-1421018a]{display:flex;gap:10px;margin-bottom:16px}.retention-control input[type=number][data-v-1421018a]{flex:1;padding:12px 16px;border:2px solid #e8eaed;border-radius:10px;font-size:15px;font-weight:600;transition:all .3s ease;background:#fff;color:#2c3e50}.retention-control input[type=number][data-v-1421018a]:focus{outline:none;border-color:var(--item-color, #667eea);box-shadow:0 0 0 3px #667eea1a}.retention-control select[data-v-1421018a]{flex:1;padding:12px 16px;border:2px solid #e8eaed;border-radius:10px;font-size:15px;font-weight:600;background:#fff;cursor:pointer;transition:all .3s ease;color:#2c3e50}.retention-control select[data-v-1421018a]:focus{outline:none;border-color:var(--item-color, #667eea);box-shadow:0 0 0 3px #667eea1a}.retention-info[data-v-1421018a]{font-size:14px;color:#fff;font-weight:700;padding:12px 16px;background:linear-gradient(135deg,var(--item-color, #667eea) 0%,var(--item-color-light, #764ba2) 100%);border-radius:10px;text-align:center;box-shadow:0 4px 12px #00000026}.actions-grid[data-v-1421018a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:28px}.action-card[data-v-1421018a]{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:28px;border:3px solid #e8eaed;position:relative;overflow:hidden}.action-card[data-v-1421018a]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.action-card[data-v-1421018a]:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26}.action-card h3[data-v-1421018a]{margin:0 0 10px;font-size:20px;color:#2c3e50;font-weight:700;display:flex;align-items:center;gap:10px}.action-card h3[data-v-1421018a]:before{content:"⚡";font-size:24px}.action-card p[data-v-1421018a]{margin:0 0 24px;font-size:14px;color:#6c757d;line-height:1.6}.action-controls[data-v-1421018a]{display:flex;flex-direction:column;gap:14px}.form-control[data-v-1421018a]{padding:12px 16px;border:2px solid #e8eaed;border-radius:10px;font-size:15px;transition:all .3s ease;background:#fff;color:#2c3e50}.form-control[data-v-1421018a]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.action-result[data-v-1421018a]{margin-top:20px;padding:16px 20px;border-radius:12px;font-size:14px;font-weight:600;animation:slideIn-1421018a .3s ease}@keyframes slideIn-1421018a{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.action-result.success[data-v-1421018a]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border:2px solid #66bb6a;box-shadow:0 4px 12px #2e7d3226}.action-result.success[data-v-1421018a]:before{content:"✓ ";font-size:18px;margin-right:8px}.action-result.error[data-v-1421018a]{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;border:2px solid #ef5350;box-shadow:0 4px 12px #c6282826}.action-result.error[data-v-1421018a]:before{content:"✗ ";font-size:18px;margin-right:8px}.action-result pre[data-v-1421018a]{margin:8px 0 0;white-space:pre-wrap;font-family:Courier New,monospace;font-size:13px;opacity:.9}.btn[data-v-1421018a]{padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}.btn[data-v-1421018a]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn[data-v-1421018a]:hover:before{width:300px;height:300px}.btn[data-v-1421018a]:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-primary[data-v-1421018a]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-1421018a]:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a3f8f);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-success[data-v-1421018a]{text-align:center;background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff}.btn-success[data-v-1421018a]:hover:not(:disabled){background:linear-gradient(135deg,#57ab5a,#388e3c);transform:translateY(-2px);box-shadow:0 6px 20px #43a04766}.btn-secondary[data-v-1421018a]{background:linear-gradient(135deg,#b0bec5,#90a4ae);color:#fff}.btn-secondary[data-v-1421018a]:hover:not(:disabled){background:linear-gradient(135deg,#9aa8b0,#78909c);transform:translateY(-2px);box-shadow:0 6px 20px #90a4ae66}.btn-danger[data-v-1421018a]{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff}.btn-danger[data-v-1421018a]:hover:not(:disabled){background:linear-gradient(135deg,#e53935,#c62828);transform:translateY(-2px);box-shadow:0 6px 20px #e5393566}.btn-large[data-v-1421018a]{padding:16px 40px;font-size:17px;border-radius:12px}.settings-footer[data-v-1421018a]{display:flex;gap:20px;justify-content:flex-end;padding:28px 32px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border-top:4px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#667eea,#764ba2,#f093fb);background-origin:padding-box,border-box;background-clip:padding-box,border-box}.loading[data-v-1421018a]{text-align:center;padding:80px 20px;font-size:20px;color:#667eea;font-weight:600;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.loading[data-v-1421018a]:after{content:"...";animation:dots-1421018a 1.5s steps(4,end) infinite}@keyframes dots-1421018a{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.info-section[data-v-1421018a]{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:3px solid #2196f3}.info-section .section-header[data-v-1421018a]{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.info-section .section-header[data-v-1421018a]:before{background:linear-gradient(90deg,#64b5f6,#42a5f5,#2196f3)}.info-section .section-header h2[data-v-1421018a],.info-section .section-header p[data-v-1421018a]{color:#fff}.info-grid[data-v-1421018a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.info-card[data-v-1421018a]{background:#fff;border-radius:16px;padding:24px;border:3px solid #e3f2fd;box-shadow:0 4px 16px #2196f31a}.info-card[data-v-1421018a]:hover{border-color:#2196f3;box-shadow:0 8px 24px #2196f333}.info-header[data-v-1421018a]{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e3f2fd}.info-icon[data-v-1421018a]{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.info-header h3[data-v-1421018a]{margin:0;font-size:20px;color:#1565c0;font-weight:700}.info-content[data-v-1421018a]{display:flex;flex-direction:column;gap:14px}.info-row[data-v-1421018a]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:10px;border:2px solid #e8eaed;transition:all .3s ease}.info-row[data-v-1421018a]:hover{border-color:#2196f3;background:linear-gradient(135deg,#e3f2fd,#fff)}.info-label[data-v-1421018a]{font-size:14px;font-weight:600;color:#546e7a}.info-value[data-v-1421018a]{font-size:15px;font-weight:700;color:#2c3e50;padding:6px 14px;border-radius:8px;background:#fff;border:2px solid #e8eaed}.info-value.enabled[data-v-1421018a]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border-color:#66bb6a}.info-value.disabled[data-v-1421018a]{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;border-color:#ef5350}.info-value.retention[data-v-1421018a]{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;border-color:#2196f3}.interval-badges[data-v-1421018a]{display:flex;gap:8px;flex-wrap:wrap}.interval-badge[data-v-1421018a]{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;border:2px solid;box-shadow:0 2px 8px #0000001a}.interval-badge.minute[data-v-1421018a]{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;border-color:#2196f3}.interval-badge.hour[data-v-1421018a]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border-color:#66bb6a}.interval-badge.day[data-v-1421018a]{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#6a1b9a;border-color:#ab47bc}.interval-badge.none[data-v-1421018a]{background:linear-gradient(135deg,#fafafa,#e0e0e0);color:#757575;border-color:#bdbdbd}.bulk-notification-container[data-v-1421018a]{display:flex;flex-direction:column;gap:32px}.bulk-step[data-v-1421018a]{background:#fff;border-radius:12px;padding:24px;border:2px solid #e8eaed}.bulk-step h3[data-v-1421018a]{margin:0 0 20px;font-size:18px;color:#2c3e50;font-weight:700;padding-bottom:12px;border-bottom:2px solid #e3f2fd}.monitor-selection-header[data-v-1421018a]{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.selection-count[data-v-1421018a]{font-weight:600;color:#667eea;padding:6px 12px;background:#e3f2fd;border-radius:6px}.monitor-list[data-v-1421018a],.channel-list[data-v-1421018a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;max-height:400px;overflow-y:auto;padding:16px;background:#f8f9fa;border-radius:8px}.item-checkbox-label[data-v-1421018a]{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:2px solid #e8eaed;border-radius:8px;cursor:pointer;transition:all .2s ease}.item-checkbox-label[data-v-1421018a]:hover{border-color:#667eea;background:#f0f4ff}.item-checkbox-label.has-notifications[data-v-1421018a]{background:linear-gradient(135deg,#e8f5e9,#f1f8f4);border-color:#66bb6a;box-shadow:0 2px 8px #66bb6a26}.item-checkbox-label.has-notifications[data-v-1421018a]:hover{background:linear-gradient(135deg,#c8e6c9,#e8f5e9);border-color:#43a047}.item-checkbox-label input[type=checkbox][data-v-1421018a]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.item-checkbox-label.has-notifications input[type=checkbox][data-v-1421018a]{accent-color:#66bb6a}.item-checkbox-label input[type=checkbox]:checked+.item-name[data-v-1421018a]{font-weight:600;color:#667eea}.item-name[data-v-1421018a]{flex:1;font-size:14px;color:#2c3e50}.item-badge[data-v-1421018a]{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.type-badge[data-v-1421018a]{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.channel-badge[data-v-1421018a]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.group-badge[data-v-1421018a]{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100;border:1px solid #ffb74d}.search-filter-controls[data-v-1421018a]{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.search-box[data-v-1421018a]{flex:1;min-width:200px;position:relative}.search-input[data-v-1421018a]{width:100%;padding:10px 40px 10px 16px;border:2px solid #e8eaed;border-radius:8px;font-size:14px;transition:all .2s ease}.search-input[data-v-1421018a]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-icon[data-v-1421018a]{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:18px;opacity:.5}.group-filter[data-v-1421018a]{display:flex;align-items:center;gap:10px;min-width:200px}.group-filter label[data-v-1421018a]{font-size:14px;font-weight:600;color:#2c3e50;white-space:nowrap}.group-select[data-v-1421018a]{flex:1;padding:10px 16px;border:2px solid #e8eaed;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease}.group-select[data-v-1421018a]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.item-info[data-v-1421018a]{flex:1;display:flex;flex-direction:column;gap:6px}.item-name-wrapper[data-v-1421018a]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notification-badge[data-v-1421018a]{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff;border-radius:12px;font-size:11px;font-weight:700;box-shadow:0 2px 6px #43a0474d;animation:pulse-1421018a 2s ease-in-out infinite;cursor:help;position:relative}.notification-badge[data-v-1421018a]:hover{animation:none;box-shadow:0 4px 12px #43a04799;transform:scale(1.05)}@keyframes pulse-1421018a{0%,to{box-shadow:0 2px 6px #43a0474d}50%{box-shadow:0 2px 12px #43a04780}}.item-meta[data-v-1421018a]{display:flex;gap:8px;flex-wrap:wrap}.no-data[data-v-1421018a]{padding:40px 20px;text-align:center;color:#6c757d;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.no-data p[data-v-1421018a]{margin:0 0 16px;font-size:14px}.mode-selection[data-v-1421018a]{display:flex;flex-direction:column;gap:16px}.mode-option[data-v-1421018a]{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border:2px solid #e8eaed;border-radius:8px;cursor:pointer;transition:all .2s ease}.mode-option[data-v-1421018a]:hover{border-color:#667eea;background:#f0f4ff}.mode-option input[type=radio][data-v-1421018a]{margin-top:4px;width:18px;height:18px;cursor:pointer;accent-color:#667eea}.mode-content[data-v-1421018a]{flex:1}.mode-content strong[data-v-1421018a]{display:block;margin-bottom:6px;font-size:16px;color:#2c3e50}.mode-content p[data-v-1421018a]{margin:0;font-size:14px;color:#6c757d;line-height:1.5}.bulk-actions[data-v-1421018a]{display:flex;justify-content:center;padding:24px 0}.no-data[data-v-1421018a]{text-align:center;padding:40px 20px;color:#6c757d}.no-data p[data-v-1421018a]{margin-bottom:16px}@media (max-width: 768px){.monitor-list[data-v-1421018a],.channel-list[data-v-1421018a]{grid-template-columns:1fr}.monitor-selection-header[data-v-1421018a]{flex-direction:column;align-items:stretch}.selection-count[data-v-1421018a]{text-align:center}}@media (max-width: 768px){.settings[data-v-1421018a]{padding:16px}.page-header[data-v-1421018a]{padding:24px}.page-header h1[data-v-1421018a]{font-size:28px}.retention-grid[data-v-1421018a],.actions-grid[data-v-1421018a],.info-grid[data-v-1421018a]{grid-template-columns:1fr}.settings-footer[data-v-1421018a]{flex-direction:column}.btn[data-v-1421018a]{text-align:center}.btn-large[data-v-1421018a]{width:100%}.setting-item[data-v-1421018a]{flex-direction:column;align-items:flex-start;gap:16px}.setting-control[data-v-1421018a]{width:100%}.info-row[data-v-1421018a]{flex-direction:column;align-items:flex-start;gap:8px}.info-value[data-v-1421018a]{width:100%;text-align:center}}.info-tooltip[data-v-1421018a]{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;cursor:help;position:relative}.tooltip-icon[data-v-1421018a]{font-size:16px;opacity:.7;transition:all .3s ease;filter:grayscale(50%)}.info-tooltip:hover .tooltip-icon[data-v-1421018a]{opacity:1;filter:grayscale(0%);transform:scale(1.2)}.info-tooltip[data-v-1421018a]:before{content:attr(title);position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) scale(.8);opacity:0;visibility:hidden;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:14px 18px;border-radius:10px;font-size:13px;font-weight:500;white-space:normal;width:320px;text-align:center;box-shadow:0 10px 30px #00000059;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:1000;pointer-events:none;line-height:1.6}.info-tooltip[data-v-1421018a]:after{content:"";position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%) scale(.8);opacity:0;visibility:hidden;border:8px solid transparent;border-bottom-color:#2c3e50;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:1000;pointer-events:none}.info-tooltip[data-v-1421018a]:hover:before,.info-tooltip[data-v-1421018a]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.guide-box[data-v-1421018a]{display:flex;gap:16px;padding:18px 20px;background:linear-gradient(135deg,#fff9e6,#fff3cd);border:2px solid #ffc107;border-left:6px solid #ff9800;border-radius:12px;margin-bottom:22px;box-shadow:0 4px 16px #ff980033;animation:slideInDown-1421018a .5s ease}@keyframes slideInDown-1421018a{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.guide-icon[data-v-1421018a]{font-size:32px;line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15));animation:pulse-1421018a 2s ease-in-out infinite}@keyframes pulse-1421018a{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.guide-text[data-v-1421018a]{flex:1}.guide-text strong[data-v-1421018a]{display:block;margin-bottom:8px;font-size:16px;color:#e65100;font-weight:700;letter-spacing:.3px}.guide-text p[data-v-1421018a]{margin:0;font-size:14px;color:#5d4037;line-height:1.7;font-weight:500}.info-header[data-v-1421018a]{display:flex;gap:16px;align-items:center;padding-bottom:16px;border-bottom:2px solid #e3f2fd;position:relative}.info-header h3[data-v-1421018a]{flex:1}.info-row[title][data-v-1421018a]{cursor:help;position:relative;transition:all .3s ease}.info-row[title][data-v-1421018a]:hover{background:linear-gradient(135deg,#e3f2fd,#fff);border-color:#2196f3;transform:translate(4px)}.info-row[title][data-v-1421018a]:hover:before{content:attr(title);position:absolute;top:calc(100% + 10px);left:0;right:0;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:500;box-shadow:0 8px 24px #0000004d;z-index:100;opacity:0;animation:fadeInUp-1421018a .3s ease forwards;animation-delay:.6s;pointer-events:none;line-height:1.6}@keyframes fadeInUp-1421018a{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.interval-badge[title][data-v-1421018a]{cursor:help;transition:all .3s ease}.interval-badge[title][data-v-1421018a]:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #00000040}.setting-item[title][data-v-1421018a]{cursor:help;transition:all .3s ease}.setting-item[title][data-v-1421018a]:hover{background:linear-gradient(135deg,#f8f9ff,#fff);box-shadow:0 8px 20px #667eea33;transform:translateY(-2px)}.checkbox-label[title][data-v-1421018a]{cursor:help;position:relative;transition:all .3s ease}.checkbox-label[title][data-v-1421018a]:hover{background:linear-gradient(135deg,#e3f2fd,#fff);border-color:#2196f3;box-shadow:0 6px 16px #2196f333;transform:translate(6px)}.setting-label label[data-v-1421018a]{display:flex;align-items:center}.users-management[data-v-d8bcc013]{max-width:1400px;margin:0 auto;padding:24px}.page-header[data-v-d8bcc013]{margin-bottom:32px;padding:24px 28px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.page-header>div[data-v-d8bcc013]{flex:1;min-width:200px}.page-header .btn-primary[data-v-d8bcc013]{flex:0 0 auto;white-space:nowrap}.page-header h1[data-v-d8bcc013]{margin:0 0 4px;color:#2c3e50;font-size:28px;font-weight:700}.subtitle[data-v-d8bcc013]{color:#6c757d;font-size:14px;margin:0;font-weight:400}.loading[data-v-d8bcc013]{text-align:center;padding:80px 20px;font-size:20px;color:#667eea;font-weight:600;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.users-table-container[data-v-d8bcc013]{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.users-table[data-v-d8bcc013]{width:100%;border-collapse:collapse}.users-table thead[data-v-d8bcc013]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.users-table th[data-v-d8bcc013]{padding:16px 24px;text-align:left;font-weight:700;font-size:15px}.users-table td[data-v-d8bcc013]{padding:16px 24px;border-bottom:1px solid #e8eaed;color:#2c3e50}.users-table tbody tr[data-v-d8bcc013]:hover{background:linear-gradient(135deg,#f8f9ff,#fff)}.users-table tbody tr:last-child td[data-v-d8bcc013]{border-bottom:none}.role-badge[data-v-d8bcc013]{display:inline-block;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.role-badge.admin[data-v-d8bcc013]{background:linear-gradient(135deg,gold,#ffed4e);color:#7c5a00;box-shadow:0 2px 8px #ffd7004d}.role-badge.user[data-v-d8bcc013]{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#0d47a1;box-shadow:0 2px 8px #2196f333}.actions[data-v-d8bcc013]{display:flex;gap:10px}.no-data[data-v-d8bcc013]{text-align:center;padding:40px!important;color:#999;font-style:italic}.btn[data-v-d8bcc013]{padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.btn[data-v-d8bcc013]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-d8bcc013]{background:linear-gradient(135deg,#66eab1,#81a24b);color:#fff;width:auto;max-width:fit-content}.btn-primary[data-v-d8bcc013]:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a3f8f);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-success[data-v-d8bcc013]{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff}.btn-success[data-v-d8bcc013]:hover:not(:disabled){background:linear-gradient(135deg,#57ab5a,#388e3c);transform:translateY(-2px);box-shadow:0 6px 20px #43a04766}.btn-secondary[data-v-d8bcc013]{background:linear-gradient(135deg,#b0bec5,#90a4ae);color:#fff}.btn-secondary[data-v-d8bcc013]:hover:not(:disabled){background:linear-gradient(135deg,#9aa8b0,#78909c);transform:translateY(-2px)}.btn-small[data-v-d8bcc013]{padding:8px 16px;font-size:13px;box-shadow:0 2px 8px #0000001a}.btn-edit[data-v-d8bcc013]{background:linear-gradient(135deg,#42a5f5,#1976d2);color:#fff}.btn-edit[data-v-d8bcc013]:hover:not(:disabled){background:linear-gradient(135deg,#1e88e5,#1565c0);transform:translateY(-2px)}.btn-delete[data-v-d8bcc013]{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff}.btn-delete[data-v-d8bcc013]:hover:not(:disabled){background:linear-gradient(135deg,#e53935,#c62828);transform:translateY(-2px)}.modal-overlay[data-v-d8bcc013]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-d8bcc013]{background:#fff;border-radius:16px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-d8bcc013]{padding:24px 32px;border-bottom:2px solid #e8eaed;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff)}.modal-header h2[data-v-d8bcc013]{margin:0;color:#2c3e50;font-size:24px;font-weight:700}.close-btn[data-v-d8bcc013]{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.close-btn[data-v-d8bcc013]:hover{background:#f5f5f5;color:#333}.user-form[data-v-d8bcc013]{padding:32px}.form-group[data-v-d8bcc013]{margin-bottom:24px}.form-group label[data-v-d8bcc013]{display:block;margin-bottom:8px;color:#2c3e50;font-weight:600;font-size:14px}.form-group input[data-v-d8bcc013],.form-group select[data-v-d8bcc013]{width:100%;padding:12px 16px;border:2px solid #e8eaed;border-radius:10px;font-size:15px;transition:all .3s ease;background:#fff;color:#2c3e50;box-sizing:border-box}.form-group input[data-v-d8bcc013]:focus,.form-group select[data-v-d8bcc013]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-message[data-v-d8bcc013]{margin:16px 0;padding:12px 16px;background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;border:2px solid #ef5350;border-radius:10px;font-size:14px;font-weight:600}.modal-footer[data-v-d8bcc013]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@media (max-width: 768px){.page-header[data-v-d8bcc013]{flex-direction:column;align-items:flex-start;gap:16px}.users-table-container[data-v-d8bcc013]{overflow-x:auto}.users-table[data-v-d8bcc013]{min-width:600px}.actions[data-v-d8bcc013]{flex-direction:column;gap:6px}.btn-small[data-v-d8bcc013]{width:100%}}.notification-toast[data-v-d8bcc013]{position:fixed;top:24px;right:24px;min-width:320px;max-width:500px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:10000;animation:slideInRight-d8bcc013 .3s ease-out;border-left:5px solid}.notification-toast.success[data-v-d8bcc013]{border-left-color:#66bb6a}.notification-toast.error[data-v-d8bcc013]{border-left-color:#ef5350}.notification-toast.warning[data-v-d8bcc013]{border-left-color:#ffa726}.notification-content[data-v-d8bcc013]{display:flex;align-items:center;padding:16px 20px;gap:12px}.notification-icon[data-v-d8bcc013]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.notification-toast.success .notification-icon[data-v-d8bcc013]{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff}.notification-toast.error .notification-icon[data-v-d8bcc013]{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff}.notification-toast.warning .notification-icon[data-v-d8bcc013]{background:linear-gradient(135deg,#ffa726,#fb8c00);color:#fff}.notification-message[data-v-d8bcc013]{flex:1;color:#2c3e50;font-size:15px;font-weight:500}.notification-close[data-v-d8bcc013]{background:none;border:none;color:#999;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.notification-close[data-v-d8bcc013]:hover{background:#f5f5f5;color:#333}@keyframes slideInRight-d8bcc013{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.confirm-dialog[data-v-d8bcc013]{background:#fff;border-radius:16px;max-width:480px;width:90%;box-shadow:0 20px 60px #0000004d;animation:scaleIn-d8bcc013 .2s ease-out}@keyframes scaleIn-d8bcc013{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.confirm-header[data-v-d8bcc013]{padding:24px 32px 16px;display:flex;align-items:center;gap:12px;border-bottom:2px solid #e8eaed}.confirm-icon[data-v-d8bcc013]{font-size:32px}.confirm-header h3[data-v-d8bcc013]{margin:0;color:#2c3e50;font-size:20px;font-weight:700}.confirm-body[data-v-d8bcc013]{padding:24px 32px}.confirm-body p[data-v-d8bcc013]{margin:0;color:#495057;font-size:15px;line-height:1.6}.confirm-footer[data-v-d8bcc013]{padding:16px 32px 24px;display:flex;gap:12px;justify-content:flex-end}@media (max-width: 768px){.notification-toast[data-v-d8bcc013]{top:16px;right:16px;left:16px;min-width:auto}.confirm-dialog[data-v-d8bcc013]{width:95%}}.public-monitors[data-v-852983c8]{max-width:1400px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh}.public-header[data-v-852983c8]{margin-bottom:32px;padding:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #667eea4d;color:#fff}.header-content h1[data-v-852983c8]{margin:0 0 12px;font-size:42px;font-weight:800;text-shadow:0 3px 6px rgba(0,0,0,.2)}.subtitle[data-v-852983c8]{margin:0 0 24px;font-size:18px;opacity:.95}.overall-stats[data-v-852983c8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:24px}.stat-card[data-v-852983c8]{background:#fff3;padding:20px;border-radius:12px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-value[data-v-852983c8]{font-size:32px;font-weight:800;margin-bottom:8px}.stat-label[data-v-852983c8]{font-size:14px;opacity:.9}.loading[data-v-852983c8]{text-align:center;padding:80px 20px;font-size:20px;color:#667eea;font-weight:600;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.no-data[data-v-852983c8]{text-align:center;padding:80px 20px;font-size:18px;color:#999;background:#fff;border-radius:16px}.monitor-group[data-v-852983c8]{margin-bottom:40px}.group-header[data-v-852983c8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 8px}.group-header h2[data-v-852983c8]{margin:0;font-size:24px;color:#2c3e50;font-weight:700}.group-count[data-v-852983c8]{color:#999;font-size:14px}.monitors-grid[data-v-852983c8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.monitor-card[data-v-852983c8]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.monitor-card[data-v-852983c8]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--status-color)}.monitor-card.online[data-v-852983c8]{--status-color: #66bb6a}.monitor-card.offline[data-v-852983c8]{--status-color: #ef5350}.monitor-card[data-v-852983c8]:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.monitor-status-indicator[data-v-852983c8]{position:absolute;top:20px;right:20px;width:12px;height:12px;border-radius:50%;animation:pulse-852983c8 2s infinite}.monitor-status-indicator.online[data-v-852983c8]{background:#66bb6a;box-shadow:0 0 10px #66bb6a80}.monitor-status-indicator.offline[data-v-852983c8]{background:#ef5350;box-shadow:0 0 10px #ef535080}@keyframes pulse-852983c8{0%,to{opacity:1}50%{opacity:.5}}.monitor-header[data-v-852983c8]{margin-bottom:16px}.monitor-header h3[data-v-852983c8]{margin:0 0 8px;font-size:20px;color:#2c3e50;font-weight:700;padding-right:20px}.status-badge[data-v-852983c8]{display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700}.status-badge.online[data-v-852983c8]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.status-badge.offline[data-v-852983c8]{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.monitor-info[data-v-852983c8]{display:flex;flex-direction:column;gap:8px}.info-row[data-v-852983c8]{display:flex;font-size:14px}.info-label[data-v-852983c8]{min-width:100px;color:#666;font-weight:600}.info-value[data-v-852983c8]{color:#2c3e50;word-break:break-all}.ssl-ok[data-v-852983c8]{color:#66bb6a;font-weight:700}.ssl-warning[data-v-852983c8]{color:#ffa726;font-weight:700}.ssl-critical[data-v-852983c8]{color:#ef5350;font-weight:700}.modal-overlay[data-v-852983c8]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content[data-v-852983c8]{background:#fff;border-radius:20px;max-width:900px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0006}.modal-header[data-v-852983c8]{padding:32px;border-bottom:2px solid #e8eaed;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff)}.modal-header h2[data-v-852983c8]{margin:0;font-size:28px;color:#2c3e50;font-weight:700}.close-btn[data-v-852983c8]{background:none;border:none;font-size:32px;color:#999;cursor:pointer;padding:0;width:40px;height:40px;border-radius:50%;transition:all .2s ease}.close-btn[data-v-852983c8]:hover{background:#f5f5f5;color:#333}.detail-content[data-v-852983c8]{padding:32px}.status-section[data-v-852983c8]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.current-status[data-v-852983c8],.performance-summary[data-v-852983c8]{padding:24px;border-radius:16px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 16px #0000001a}.current-status.online[data-v-852983c8],.current-status.up[data-v-852983c8]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #66bb6a}.current-status.offline[data-v-852983c8],.current-status.down[data-v-852983c8]{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left:4px solid #ef5350}.performance-summary.excellent[data-v-852983c8]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #66bb6a}.performance-summary.good[data-v-852983c8]{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #42a5f5}.performance-summary.fair[data-v-852983c8]{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left:4px solid #ffa726}.performance-summary.poor[data-v-852983c8]{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left:4px solid #ef5350}.status-icon[data-v-852983c8],.summary-icon[data-v-852983c8]{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;background:#fffc;flex-shrink:0}.current-status.online .status-icon[data-v-852983c8],.current-status.up .status-icon[data-v-852983c8]{color:#2e7d32}.current-status.offline .status-icon[data-v-852983c8],.current-status.down .status-icon[data-v-852983c8]{color:#c62828}.status-text[data-v-852983c8],.summary-text[data-v-852983c8]{flex:1}.status-title[data-v-852983c8],.summary-title[data-v-852983c8]{font-size:12px;text-transform:uppercase;font-weight:700;color:#666;margin-bottom:4px;letter-spacing:.5px}.status-value[data-v-852983c8],.summary-value[data-v-852983c8]{font-size:20px;font-weight:800;color:#2c3e50}@media (max-width: 768px){.public-monitors[data-v-852983c8]{padding:16px}.public-header[data-v-852983c8]{padding:24px}.header-content h1[data-v-852983c8]{font-size:32px}.monitors-grid[data-v-852983c8]{grid-template-columns:1fr}.overall-stats[data-v-852983c8]{grid-template-columns:repeat(3,1fr);gap:12px}.stat-card[data-v-852983c8]{padding:16px}.stat-value[data-v-852983c8]{font-size:24px}.status-section[data-v-852983c8]{grid-template-columns:1fr}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#121212;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f5f5;color:#121212}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:none;width:100%;margin:0;padding:0;text-align:left;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}html,body{height:100%}.main-content{padding:2rem}.main-content{background-color:inherit}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-bg: #f3f4f6;--color-surface: #ffffff;--color-muted: #374151;--color-text: #0f172a;--color-accent: #2563eb;--color-accent-2: #1d4ed8;--color-success: #059669;--color-danger: #dc2626;--shadow-1: 0 6px 18px rgba(15,23,42,.06);--shadow-2: 0 18px 50px rgba(15,23,42,.08);--space-xs: 6px;--space-sm: 8px;--space-md: 12px;--space-lg: 20px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px}html,body,#app{height:100%;margin:0;background:linear-gradient(180deg,#f8fafc,var(--color-bg));color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-1)}.btn-primary{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));color:#fff;border:none}.muted{color:var(--color-muted)}.accent{color:var(--color-accent)}.page-container{max-width:1400px;margin:0 auto;padding:1.5rem}.page-header{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.page-header h1{margin:0;font-size:clamp(1.5rem,4vw,2rem);color:#2c3e50;line-height:1.2}.page-header p{margin:.5rem 0 0;color:#7f8c8d;font-size:clamp(.875rem,2vw,1rem)}.header-content{flex:1;min-width:250px}.header-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.form-container{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem}.form-section{margin-bottom:2rem}.form-section:last-child{margin-bottom:0}.form-section h3{margin:0 0 1rem;color:#2c3e50;font-size:clamp(1.125rem,3vw,1.25rem);padding-bottom:.5rem;border-bottom:2px solid #ecf0f1}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:500;font-size:.95rem}.form-control{width:100%;padding:.625rem .875rem;font-size:.95rem;border:1px solid #ddd;border-radius:.375rem;transition:all .3s ease;box-sizing:border-box}.form-control:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#fff;padding:1.25rem;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon{font-size:2rem;width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content h3{margin:0;font-size:clamp(1.5rem,4vw,1.875rem);color:#2c3e50;font-weight:700}.stat-content p{margin:.25rem 0 0;color:#7f8c8d;font-size:clamp(.8rem,2vw,.9rem)}.filters{background:#f8f9fa;padding:1.25rem;border-radius:.5rem;margin-bottom:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.card{background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-bottom:1rem}.card-header{padding:1.25rem;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.card-header h3{margin:0;font-size:clamp(1.125rem,3vw,1.25rem);color:#2c3e50}.card-body{padding:1.25rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.95rem;font-weight:500;border:none;border-radius:.375rem;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap}.btn-sm{padding:.375rem .875rem;font-size:.875rem}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn:disabled{opacity:.6;cursor:not-allowed}.status-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:.5rem;box-shadow:0 4px 16px #0003;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{padding:1.25rem;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;align-items:center}.modal-body{padding:1.25rem}.modal-footer{padding:1.25rem;border-top:1px solid #ecf0f1;display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.empty-state{text-align:center;padding:3rem 1.5rem;background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000001a}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:#2c3e50;font-size:clamp(1.25rem,4vw,1.5rem)}.empty-state p{margin:0 0 1.5rem;color:#7f8c8d;font-size:clamp(.9rem,2vw,1rem)}@media (max-width: 768px){.page-container{padding:1rem}.page-header{padding:1.25rem;flex-direction:column;align-items:stretch}.header-actions{justify-content:stretch}.header-actions .btn{flex:1;justify-content:center}.form-container{padding:1.25rem}.form-row{grid-template-columns:1fr}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.stat-card{padding:1rem}.stat-icon{font-size:1.75rem;width:3rem;height:3rem}.filters{grid-template-columns:1fr;padding:1rem}.card-header{flex-direction:column;align-items:stretch}.card-body{padding:1rem}.modal{margin:1rem;max-width:calc(100% - 2rem)}}@media (max-width: 480px){.page-container{padding:.75rem}.page-header{padding:1rem;margin-bottom:1rem}.header-actions,.header-actions .btn{width:100%}.form-container{padding:1rem;margin-bottom:1rem}.form-section{margin-bottom:1.5rem}.stats-cards{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:.875rem;flex-direction:column;text-align:center;gap:.5rem}.stat-icon{font-size:1.5rem;width:2.5rem;height:2.5rem}.filters{padding:.875rem}.card-header{padding:1rem}.card-body{padding:.875rem}.btn{padding:.5rem 1rem;font-size:.875rem}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.modal{margin:.5rem;max-width:calc(100% - 1rem)}.modal-header,.modal-body,.modal-footer{padding:1rem}.empty-state{padding:2rem 1rem}.empty-icon{font-size:3rem}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.justify-between{justify-content:space-between}.items-center{align-items:center}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}