*{box-sizing:border-box;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;color:#1d1d1f;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.6;min-height:100vh}.text-success{color:#00a06b!important}.text-error{color:#d32f2f!important}.text-unknown{color:#424242!important}.app-layout{background:#f8f9fa;display:flex;min-height:100vh}.sidebar{background:#f8f9fa;border-right:1px solid #e5e5ea;flex-shrink:0;height:100vh;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;width:280px}.sidebar .sidebar-header{background:#fff;border-bottom:1px solid #e5e5ea;padding:24px 24px 20px}.sidebar .sidebar-header .logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007aff,#5856d6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;letter-spacing:-.5px}.sidebar .sidebar-header .subtitle{color:#6e6e73;font-size:13px;font-weight:500;margin-top:4px}.sidebar .sidebar-header .nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.sidebar .sidebar-header .nav-links .nav-link{align-items:center;background:#007aff14;border:1px solid #007aff26;border-radius:6px;color:#6e6e73;display:flex;font-size:12px;font-weight:500;gap:6px;overflow:hidden;padding:6px 10px;position:relative;text-decoration:none;transition:all .2s ease}.sidebar .sidebar-header .nav-links .nav-link:before{background:linear-gradient(90deg,#0000,#007aff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.sidebar .sidebar-header .nav-links .nav-link:hover{background:#007aff26;border-color:#007aff4d;box-shadow:0 2px 6px #007aff1a;color:#007aff;transform:translateY(-1px)}.sidebar .sidebar-header .nav-links .nav-link:hover:before{left:100%}.sidebar .sidebar-header .nav-links .nav-link:hover .nav-link-icon{color:#007aff;transform:scale(1.1)}.sidebar .sidebar-header .nav-links .nav-link:active{transform:translateY(0)}.sidebar .sidebar-header .nav-links .nav-link .nav-link-icon{align-items:center;color:#6e6e73;display:flex;height:14px;justify-content:center;transition:all .2s ease;width:14px}.sidebar .sidebar-header .nav-links .nav-link .nav-link-icon svg{height:100%;width:100%}.sidebar .sidebar-header .nav-links .nav-link .nav-link-text{font-weight:500;letter-spacing:.1px}.sidebar .sidebar-nav{padding:20px 0}.sidebar .sidebar-nav .nav-section{margin-bottom:32px}.sidebar .sidebar-nav .nav-section .nav-title{color:#c7c7cc;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:8px;padding:0 24px;text-transform:uppercase}.sidebar .sidebar-nav .nav-section .nav-item{align-items:center;background:none;border:none;color:#6e6e73;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 24px;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.sidebar .sidebar-nav .nav-section .nav-item:before{background:#007aff;border-radius:0 3px 3px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .2s ease;width:3px}.sidebar .sidebar-nav .nav-section .nav-item:hover{background:#007aff14;color:#007aff}.sidebar .sidebar-nav .nav-section .nav-item:hover:before{height:20px}.sidebar .sidebar-nav .nav-section .nav-item.active{background:#007aff1a;color:#007aff;font-weight:600}.sidebar .sidebar-nav .nav-section .nav-item.active:before{height:24px}.sidebar .sidebar-nav .nav-section .nav-item .nav-icon{align-items:center;color:currentColor;display:flex;height:18px;justify-content:center;margin-right:12px;opacity:.7;transition:opacity .2s ease;width:18px}.sidebar .sidebar-nav .nav-section .nav-item .nav-icon svg{height:100%;width:100%}.sidebar .sidebar-nav .nav-section .nav-item .nav-count{background:#c7c7cc33;border-radius:10px;color:#6e6e73;font-size:12px;font-weight:600;margin-left:auto;min-width:20px;padding:2px 8px;text-align:center}.main-content{display:flex;flex:1 1;flex-direction:column;min-width:0}a{color:inherit;text-decoration:none}#app .container{margin:0 auto;max-width:980px;padding:0 20px;width:100%}#header{backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);background:#fff;border-bottom:1px solid #e5e5ea;padding:20px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}#header .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}#header .header-title .title{color:#1d1d1f;font-size:28px;font-weight:700;letter-spacing:-.3px;margin-bottom:4px}#header .header-title .header-nav{align-items:center;display:flex;gap:12px}#header .header-title .header-nav .nav-link{align-items:center;background:#007aff14;border:1px solid #007aff26;border-radius:8px;color:#6e6e73;display:flex;font-size:13px;font-weight:500;gap:8px;overflow:hidden;padding:8px 14px;position:relative;text-decoration:none;transition:all .2s ease}#header .header-title .header-nav .nav-link .nav-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;transition:all .2s ease;width:16px}#header .header-title .header-nav .nav-link .nav-icon svg{height:100%;width:100%}#header .header-title .header-nav .nav-link .nav-link-text{font-weight:500;letter-spacing:.1px}#header .header-title .header-nav .nav-link:before{background:linear-gradient(90deg,#0000,#007aff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}#header .header-title .header-nav .nav-link:hover{background:#007aff26;border-color:#007aff4d;box-shadow:0 2px 8px #007aff1a;color:#007aff;transform:translateY(-1px)}#header .header-title .header-nav .nav-link:hover:before{left:100%}#header .header-title .header-nav .nav-link:hover .nav-icon{color:#007aff;transform:scale(1.1)}#header .header-title .header-nav .nav-link:active{transform:translateY(0)}#header .header-title .description-area .description{color:#6e6e73;font-size:14px;font-weight:500;margin-bottom:12px}#header .header-title .description-area .nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:8px}#header .header-title .description-area .nav-links .nav-link{align-items:center;background:#007aff14;border:1px solid #007aff26;border-radius:6px;color:#6e6e73;display:flex;font-size:12px;font-weight:500;gap:6px;overflow:hidden;padding:6px 10px;position:relative;text-decoration:none;transition:all .2s ease}#header .header-title .description-area .nav-links .nav-link:before{background:linear-gradient(90deg,#0000,#007aff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}#header .header-title .description-area .nav-links .nav-link:hover{background:#007aff26;border-color:#007aff4d;box-shadow:0 2px 6px #007aff1a;color:#007aff;transform:translateY(-1px)}#header .header-title .description-area .nav-links .nav-link:hover:before{left:100%}#header .header-title .description-area .nav-links .nav-link:active{transform:translateY(0)}#header .header-title .description-area .nav-links .nav-link .nav-link-icon{align-items:center;color:#6e6e73;display:flex;height:14px;justify-content:center;transition:all .2s ease;width:14px}#header .header-title .description-area .nav-links .nav-link .nav-link-icon svg{height:100%;width:100%}#header .header-title .description-area .nav-links .nav-link .nav-link-text{font-weight:500;letter-spacing:.1px}#header .header-actions{align-items:center;display:flex;gap:12px}#header .header-actions .nav-links{align-items:center;border-right:1px solid #e5e5ea;display:flex;gap:8px;margin-right:8px;padding-right:8px}#header .header-actions .nav-links .nav-link{align-items:center;background:#fff;border:1px solid #e5e5ea;border-radius:8px;color:#6e6e73;display:flex;font-size:13px;font-weight:500;gap:6px;overflow:hidden;padding:8px 12px;position:relative;text-decoration:none;transition:all .2s ease}#header .header-actions .nav-links .nav-link:before{background:linear-gradient(90deg,#0000,#007aff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}#header .header-actions .nav-links .nav-link:hover{background:#f1f3f4;border-color:#007aff4d;box-shadow:0 2px 8px #007aff1a;color:#007aff;transform:translateY(-1px)}#header .header-actions .nav-links .nav-link:hover:before{left:100%}#header .header-actions .nav-links .nav-link:hover .nav-link-icon{color:#007aff;transform:scale(1.1)}#header .header-actions .nav-links .nav-link:active{transform:translateY(0)}#header .header-actions .nav-links .nav-link .nav-link-icon{align-items:center;color:#6e6e73;display:flex;height:16px;justify-content:center;transition:all .2s ease;width:16px}#header .header-actions .nav-links .nav-link .nav-link-icon svg{height:100%;width:100%}#header .header-actions .nav-links .nav-link .nav-link-text{font-weight:500;letter-spacing:.1px}#header .header-actions .filter-dropdown{position:relative}#header .header-actions .filter-dropdown .filter-btn{align-items:center;background:#fff;border:1px solid #e5e5ea;border-radius:8px;color:#6e6e73;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 14px;transition:all .2s ease}#header .header-actions .filter-dropdown .filter-btn:hover{background:#f1f3f4;border-color:#007aff4d;color:#007aff}#header .header-actions .filter-dropdown .filter-btn .filter-icon{align-items:center;display:flex;justify-content:center}#header .header-actions .filter-dropdown .filter-menu{background:#fff;border:1px solid #e5e5ea;border-radius:12px;box-shadow:0 8px 32px #0000001f;min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}#header .header-actions .filter-dropdown .filter-menu .filter-option{align-items:center;background:none;border:none;color:#6e6e73;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:10px 14px;transition:all .2s ease;width:100%}#header .header-actions .filter-dropdown .filter-menu .filter-option:hover{background:#f8f9fa;color:#1d1d1f}#header .header-actions .filter-dropdown .filter-menu .filter-option.active{background:#007aff1a;color:#007aff}#header .header-actions .filter-dropdown .filter-menu .filter-option .filter-option-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}#header .header-actions .filter-dropdown .filter-menu .filter-option .filter-check{color:#007aff;font-weight:600;margin-left:auto}#header .header-actions .refresh-btn{align-items:center;background:linear-gradient(135deg,#007aff,#0066d6);border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 12px #007aff4d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}#header .header-actions .refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#1a87ff,#007aff);box-shadow:0 6px 20px #007aff66;transform:translateY(-2px)}#header .header-actions .refresh-btn:active:not(:disabled){box-shadow:0 2px 8px #007aff4d;transform:translateY(0)}#header .header-actions .refresh-btn:disabled{transform:scale(.98)}#header .header-actions .refresh-btn .refresh-icon{align-items:center;display:flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));height:20px;justify-content:center;transition:transform .4s cubic-bezier(.4,0,.2,1);width:20px}#header .header-actions .refresh-btn .refresh-icon svg{stroke-dasharray:100;stroke-dashoffset:0;height:100%;width:100%}#header .header-actions .refresh-btn.refreshing .refresh-icon{animation:enhancedSpin 1.2s cubic-bezier(.4,0,.2,1) infinite}#header .header-actions .refresh-btn .refresh-ring{animation:refreshPulse 1.5s ease-out infinite;border:2px solid #ffffff4d;border-radius:50%;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}#header .header-actions .refresh-btn{overflow:hidden;position:relative}#header .header-actions .refresh-btn:after{border:1px solid #ffffff26;border-radius:50%;content:"";height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:32px}#header .header-actions .refresh-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}#header .header-actions .refresh-btn:hover:not(:disabled){box-shadow:0 8px 24px #007aff59,inset 0 1px 0 #ffffff4d;transform:scale(1.08)}#header .header-actions .refresh-btn:hover:not(:disabled):before{left:100%}#header .header-actions .refresh-btn:hover:not(:disabled):after{border-color:#ffffff4d;height:36px;width:36px}#header .header-actions .refresh-btn:active:not(:disabled){transform:scale(.95)}#header .header-actions .refresh-btn:disabled{background:linear-gradient(135deg,#c7c7cc,#acacb4);cursor:not-allowed;opacity:.7;transform:none}#header .header-actions .refresh-btn:disabled:before{display:none}#header .header-actions .refresh-btn:disabled:after{border-color:#ffffff1a}#header .header-actions .refresh-btn .spinning{animation:smoothSpin 1s cubic-bezier(.4,0,.2,1) infinite}#header .header-actions .refresh-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));height:22px;transition:transform .3s ease;width:22px}.content-area{flex:1 1;margin:0 auto;max-width:1200px;padding:32px;width:100%}#uptime .sites-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:24px}#uptime .loading-state{color:#6e6e73;padding:80px 20px;text-align:center}#uptime .loading-state .loading-spinner{align-items:center;background:#f8f9fa;border-radius:50%;box-shadow:0 4px 12px #007aff1a;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}#uptime .loading-state .loading-spinner svg{color:#007aff}#uptime .loading-state .loading-text{color:#6e6e73;font-size:16px;font-weight:500;margin-bottom:8px}#uptime .empty-state{color:#6e6e73;padding:80px 20px;text-align:center}#uptime .empty-state .empty-icon{align-items:center;background:#f8f9fa;border-radius:50%;box-shadow:0 4px 12px #c7c7cc1a;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}#uptime .empty-state .empty-icon svg{color:#c7c7cc}#uptime .empty-state .empty-title{color:#1d1d1f;font-size:20px;font-weight:600;margin-bottom:8px}#uptime .empty-state .empty-description{color:#6e6e73;font-size:14px;line-height:1.5}#uptime .site{background:#fff;border:1px solid #e5e5ea;border-radius:16px;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}#uptime .site:before{background:linear-gradient(90deg,#007aff,#5856d6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}#uptime .site:hover{border-color:#007aff33;box-shadow:0 8px 25px #00000014,0 4px 12px #0000000d;transform:translateY(-4px)}#uptime .site:hover:before{opacity:1}#uptime .site .site-footer{border-top:1px solid #e5e5ea;margin-top:16px;padding-top:16px}#uptime .site .site-footer .site-link{color:#007aff;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s ease}#uptime .site .site-footer .site-link:hover{color:#0066d6;text-decoration:underline}#uptime .site .site-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}#uptime .site .site-header .site-info{flex:1 1;min-width:0}#uptime .site .site-header .site-info .site-name{align-items:center;color:#1d1d1f;display:flex;font-size:16px;font-weight:600;gap:10px;letter-spacing:-.1px;margin-bottom:4px}#uptime .site .site-header .site-info .site-name .site-number{align-items:center;background:linear-gradient(135deg,#007aff1a,#5856d614);border:1px solid #007aff26;border-radius:8px;color:#007aff;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;line-height:1;min-width:28px;padding:0 8px}#uptime .site .site-header .site-info .site-name .site-url{color:#6e6e73;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#uptime .site .site-header .site-status{flex-shrink:0;margin-left:16px}#uptime .site .site-header .site-status .status-text.text-success{color:#00a06b!important}#uptime .site .site-header .site-status .status-text.text-error{color:#d32f2f!important}#uptime .site .site-header .site-status .status-text.text-unknown{color:#424242!important}#uptime .site .loading{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23D6D8D8' d='M19.52 42.712c9.897 2.916 20.285-2.743 23.201-12.64l-3.902-1.15c-2.281 7.742-10.407 12.17-18.15 9.888l-1.15 3.902z'%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;display:block;height:40px;margin:0 auto;width:40px}#uptime .site .meta{align-items:center;display:flex;justify-content:space-between}#uptime .site .meta .name{align-items:center;color:#1d1d1f;display:flex;font-size:17px;font-weight:600;gap:16px;letter-spacing:-.2px}#uptime .site .meta .name .serial-number{align-items:center;background:linear-gradient(135deg,#007aff,#0066d6);border-radius:14px;box-shadow:0 2px 8px #30d15840;color:#fff;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;line-height:1;min-width:28px;padding:0 8px}#uptime .site .meta .link{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1036 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M600.818 697.6c-70.4 0-134.4-25.6-192-76.8-25.6-25.6-25.6-64-6.4-89.6 25.6-25.6 64-25.6 89.6-6.4 57.6 51.2 147.2 51.2 198.4 0l166.4-166.4c25.6-25.6 38.4-64 38.4-102.4 0-25.6-6.4-64-38.4-96-57.6-51.2-147.2-51.2-198.4 0l-64 76.8c-25.6 25.6-64 25.6-89.6 0-25.6-25.6-25.6-64 0-89.6l70.4-70.4c102.4-102.4 268.8-102.4 377.6 0 51.2 51.2 83.2 115.2 83.2 192 0 70.4-25.6 134.4-76.8 192l-166.4 166.4c-57.6 44.8-121.6 70.4-192 70.4z' fill='%238492A6'/%3E%3Cpath d='M274.418 1024c-70.4 0-134.4-25.6-192-76.8-108.8-96-108.8-262.4-6.4-377.6l166.4-166.4c108.8-102.4 275.2-102.4 377.6 0 25.6 25.6 25.6 64 0 89.6s-64 25.6-89.6 0c-51.2-51.2-140.8-51.2-198.4 0l-166.4 166.4c-44.8 51.2-64 140.8 0 198.4 57.6 51.2 147.2 51.2 198.4 0l70.4-70.4c25.6-25.6 64-25.6 89.6 0s25.6 64 0 89.6l-70.4 70.4c-44.8 51.2-108.8 76.8-179.2 76.8z' fill='%238492A6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;height:13px;margin-left:8px;opacity:.6;text-indent:-99999px;transition:opacity .15s ease;width:13px}#uptime .site .meta .link:hover{opacity:1}#uptime .site .meta .site-status .status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;padding:8px 14px;text-transform:uppercase;transition:all .2s cubic-bezier(.25,.46,.45,.94)}#uptime .site .meta .site-status .status .status-icon{align-items:center;animation:pulse 2s infinite;background:currentColor;border-radius:50%;box-shadow:0 0 0 2px currentColor;display:flex;height:8px;justify-content:center;width:8px}#uptime .site .meta .site-status .status .status-icon svg{display:block;height:100%;width:100%}#uptime .site .meta .site-status .status.ok{background:linear-gradient(135deg,#34c75914,#34c7590a);border:1px solid #34c75926;color:#34c759}#uptime .site .meta .site-status .status.ok:before{box-shadow:0 0 0 2px #34c75933}#uptime .site .meta .site-status .status.fail{background:linear-gradient(135deg,#ff3b3014,#ff3b300a);border:1px solid #ff3b3026;color:#ff3b30}#uptime .site .meta .site-status .status.fail:before{animation:none;box-shadow:0 0 0 2px #ff3b3033}#uptime .site .meta .site-status .status.unknow{background:linear-gradient(135deg,#8e8e9314,#8e8e930a);border:1px solid #8e8e9326;color:#8e8e93}#uptime .site .meta .site-status .status.unknow:before{animation:none;box-shadow:0 0 0 2px #8e8e9333}#uptime .site .meta .status-badge{align-items:center;border-radius:26px;box-shadow:0 3px 12px #0000001a;display:inline-flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.6px;padding:12px 18px;position:relative;text-transform:uppercase;transition:all .2s cubic-bezier(.25,.46,.45,.94)}#uptime .site .meta .status-badge:before{background:linear-gradient(135deg,#fff3,#0000);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}#uptime .site .meta .status-badge .status-indicator{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:8px;justify-content:center;position:relative;width:8px}#uptime .site .meta .status-badge .status-indicator:after{animation:none;border-radius:50%;bottom:-4px;content:"";left:-4px;opacity:.2;position:absolute;right:-4px;top:-4px}#uptime .site .meta .status-badge .status-indicator.success{animation:pulse-success 2s infinite;background:#00d4aa;box-shadow:0 0 0 4px #00d4aa4d}#uptime .site .meta .status-badge .status-indicator.success:after{animation:pulse-ring 2s infinite;background:#00d4aa}#uptime .site .meta .status-badge .status-indicator.error{background:#ff453a;box-shadow:0 0 0 4px #ff453a4d}#uptime .site .meta .status-badge .status-indicator.error:after{background:#ff453a}#uptime .site .meta .status-badge .status-indicator.unknown{background:#9e9e9e;box-shadow:0 0 0 4px #9e9e9e4d}#uptime .site .meta .status-badge .status-indicator.unknown:after{background:#9e9e9e}#uptime .site .meta .status-badge .status-text{font-weight:700;letter-spacing:.4px;position:relative;z-index:1}#uptime .site .meta .status-badge .status-text.text-success{color:#00a06b!important}#uptime .site .meta .status-badge .status-text.text-error{color:#d32f2f!important}#uptime .site .meta .status-badge .status-text.text-unknown{color:#424242!important}#uptime .site .meta .status-badge.online{background:linear-gradient(135deg,#e8f5e8,#d0f0e0);border:2px solid #00d4aa;box-shadow:0 3px 12px #00d4aa26,inset 0 1px 0 #ffffff4d;color:#00a06b!important}#uptime .site .meta .status-badge.online:hover{background:linear-gradient(135deg,#d0f0e0,#b8e8c8);box-shadow:0 6px 20px #00d4aa40,inset 0 1px 0 #fff6;transform:translateY(-2px)}#uptime .site .meta .status-badge.online .status-indicator.success{animation:pulse-success-online 2s infinite}#uptime .site .meta .status-badge.offline{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #ff453a;box-shadow:0 3px 12px #ff453a26,inset 0 1px 0 #ffffff4d;color:#d32f2f!important}#uptime .site .meta .status-badge.offline:hover{background:linear-gradient(135deg,#ffcdd2,#ef9a9a);box-shadow:0 6px 20px #ff453a40,inset 0 1px 0 #fff6;transform:translateY(-2px)}#uptime .site .meta .status-badge.unknown{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border:2px solid #9e9e9e;box-shadow:0 3px 12px #9e9e9e26,inset 0 1px 0 #ffffff4d;color:#424242!important}#uptime .site .meta .status-badge.unknown:hover{background:linear-gradient(135deg,#e0e0e0,#d0d0d0);box-shadow:0 6px 20px #9e9e9e40,inset 0 1px 0 #fff6;transform:translateY(-2px)}@keyframes pulse-success{0%{box-shadow:0 0 0 3px #34c75926}50%{box-shadow:0 0 0 6px #34c7590d}to{box-shadow:0 0 0 3px #34c75926}}@keyframes pulse-success-online{0%{box-shadow:0 0 0 4px #00d4aa66}50%{box-shadow:0 0 0 8px #00d4aa1a}to{box-shadow:0 0 0 4px #00d4aa66}}@keyframes pulse-ring{0%{opacity:.4;transform:scale(1)}50%{opacity:.1;transform:scale(1.3)}to{opacity:.4;transform:scale(1)}}#uptime .site .site-timeline{margin:16px 0}#uptime .site .site-timeline .timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}#uptime .site .site-timeline .timeline-header .timeline-title{color:#6e6e73;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}#uptime .site .site-timeline .timeline-header .timeline-period{color:#c7c7cc;font-size:11px;font-weight:500}#uptime .site .site-timeline .timeline{background:#f8f9fa;border:1px solid #e5e5ea;border-radius:12px;display:flex;gap:3px;padding:12px}#uptime .site .site-timeline .timeline i{border-radius:4px;cursor:pointer;flex:1 1;height:28px;overflow:visible;position:relative;transition:all .2s cubic-bezier(.25,.46,.45,.94)}#uptime .site .site-timeline .timeline i:before{background:linear-gradient(180deg,#ffffff26,#fff0 50%,#0000001a);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}#uptime .site .site-timeline .timeline i.ok{background:linear-gradient(180deg,#34c759,#299f47);box-shadow:0 1px 4px #34c75933}#uptime .site .site-timeline .timeline i.down{background:linear-gradient(180deg,#ff3b30,#fc0d00);box-shadow:0 1px 4px #ff3b3033}#uptime .site .site-timeline .timeline i.none{background:linear-gradient(180deg,#c7c7cc,#acacb4)}#uptime .site .site-timeline .timeline i:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px);z-index:10}#uptime .site .site-timeline .timeline i:hover:before{opacity:1}#uptime .site .site-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:16px}#uptime .site .site-metrics .metric{background:#f8f9fa;border:1px solid #e5e5ea;border-radius:10px;padding:12px;text-align:center}#uptime .site .site-metrics .metric .metric-value{color:#1d1d1f;font-size:18px;font-weight:700;line-height:1;margin-bottom:4px}#uptime .site .site-metrics .metric .metric-value.uptime{color:#34c759}#uptime .site .site-metrics .metric .metric-value.downtime{color:#ff3b30}#uptime .site .site-metrics .metric .metric-label{color:#c7c7cc;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}#uptime.just-refreshed{animation:refreshHighlight .8s cubic-bezier(.4,0,.2,1)}#uptime.just-refreshed:before{animation:borderGlow .8s ease-out;opacity:1}#uptime.just-refreshed{box-shadow:0 4px 20px #007aff26,0 1px 3px #0000000a,0 1px 2px #0000000f;transform:scale(1.01)}#uptime.just-refreshed .site-footer,#uptime.just-refreshed .site-header,#uptime.just-refreshed .site-metrics,#uptime.just-refreshed .site-timeline{animation:contentFadeIn .6s ease-out}#uptime.refreshing{overflow:hidden;position:relative}#uptime.refreshing .refresh-overlay{align-items:center;animation:refreshOverlayFadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff2;border-radius:16px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}#uptime.refreshing .refresh-overlay svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}#uptime.refreshing .refresh-overlay:after{animation:refreshTextSlideUp .4s ease-out;background:#ffffffe6;border:1px solid #007aff33;border-radius:20px;bottom:20px;box-shadow:0 4px 12px #0000001a;color:#007aff;content:"正在刷新数据...";font-size:14px;font-weight:600;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}@keyframes pulse{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.7;transform:scale(.95)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes smoothSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes enhancedSpin{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.05)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.05)}to{transform:rotate(1turn) scale(1)}}@keyframes refreshPulse{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes refreshHighlight{0%{box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;transform:scale(1)}25%{box-shadow:0 4px 20px #007aff33,0 1px 3px #0000000a;transform:scale(1.01)}50%{box-shadow:0 6px 24px #007aff26,0 2px 8px #0000000f;transform:scale(1.01)}75%{box-shadow:0 4px 20px #007aff1a,0 1px 3px #0000000a;transform:scale(1.01)}to{box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;transform:scale(1)}}@keyframes borderGlow{0%{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes contentFadeIn{0%{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes refreshOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes refreshTextSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.tooltip{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:#000000d9!important;border:1px solid #ffffff1a!important;border-radius:10px!important;box-shadow:0 8px 32px #00000040!important;font-size:12px!important;font-weight:500!important;line-height:1.4!important;max-width:280px!important;padding:10px 14px!important}#footer{background:#fff;border-top:1px solid #e5e5ea;margin-top:auto;padding:24px 0}#footer .footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 32px}#footer .footer-info{color:#6e6e73;font-size:13px;line-height:1.5}#footer .footer-info p{margin-bottom:4px}#footer .footer-info p:last-child{margin-bottom:0}#footer .footer-info a{border-bottom:1px solid #0000;color:#007aff;font-weight:500;text-decoration:none;transition:all .2s ease}#footer .footer-info a:hover{border-bottom-color:#007aff;color:#0066d6}#footer .footer-meta{color:#c7c7cc;font-size:12px;text-align:right}#footer .footer-meta .version{color:#6e6e73;font-weight:600}@media(max-width:1024px){.sites-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))!important}}@media(max-width:768px){.app-layout{flex-direction:column}.sidebar{border-bottom:1px solid #e5e5ea;border-right:none;height:auto;position:static;width:100%}.sidebar .sidebar-header{padding:16px 20px}.sidebar .sidebar-header .logo{font-size:20px}.sidebar .sidebar-header .nav-links{display:none}.sidebar .sidebar-nav{padding:16px 0}.sidebar .sidebar-nav .nav-section{margin-bottom:20px}.sidebar .sidebar-nav .nav-section .nav-item{padding:12px 20px}.main-content{min-height:auto}#header{padding:16px 20px}#header .header-content{align-items:flex-start;flex-direction:column;gap:12px}#header .header-title{width:100%}#header .header-title .title{font-size:24px}#header .header-title .header-nav{flex-wrap:wrap;gap:8px;margin-top:12px}#header .header-title .header-nav .nav-link{font-size:12px;gap:6px;padding:6px 10px}#header .header-title .header-nav .nav-link .nav-icon{height:14px;width:14px}#header .header-actions{justify-content:space-between;width:100%}#header .header-actions .nav-links{display:none}.content-area{padding:20px}.sites-grid{gap:16px!important;grid-template-columns:1fr!important;margin-top:20px!important}.site{padding:20px!important}.site .site-header{align-items:flex-start;flex-direction:column;gap:12px}.site .site-header .site-info .site-name{align-items:flex-start;flex-direction:column;gap:6px}.site .site-header .site-info .site-name .site-url{overflow:visible;white-space:normal}.site .site-header .site-status{align-self:flex-end;margin-left:0}.site .site-metrics{gap:10px;grid-template-columns:repeat(3,1fr)}#footer{padding:20px 0}#footer .footer-content{flex-direction:column;gap:12px;padding:0 20px;text-align:center}#footer .footer-content .footer-meta{text-align:center}}@media(max-width:480px){.content-area{padding:16px}.site{padding:16px!important}.site .site-info .site-name{font-size:15px}.site .site-status .status{font-size:11px;padding:6px 12px}.site .site-timeline .timeline{padding:8px}.site .site-timeline .timeline i{height:24px}.site .site-metrics{gap:8px;grid-template-columns:repeat(3,1fr)}.site .site-metrics .metric{padding:10px 6px}.site .site-metrics .metric .metric-value{font-size:16px}}
/*# sourceMappingURL=main.27cd53da.css.map*/