:root{--bg:#f4f0e8;--surface:rgba(255,252,247,0.88);--surface-strong:#fffdf8;--line:rgba(48,58,65,0.12);--line-strong:rgba(40,75,89,0.26);--text:#1f2a31;--muted:#6d7881;--accent:#284b59;--accent-soft:#e9dfd1;--shadow:0 18px 45px rgba(36,43,48,0.08);--font-sans:"Aptos","Segoe UI","Trebuchet MS",sans-serif;--font-display:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-sans),sans-serif;background:radial-gradient(circle at top left,rgba(40,75,89,.08),transparent 32%),linear-gradient(180deg,#f8f4ec,#f2ede4)}a{color:inherit;text-decoration:none}.shell{position:relative;width:min(1120px,calc(100% - 40px));margin:0 auto;padding:24px 0 56px}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar{justify-content:space-between;gap:20px;padding:16px 20px;border-radius:18px;position:-webkit-sticky;position:sticky;top:18px;z-index:5}.brand,.topbar{display:flex;align-items:center}.brand{gap:14px}.machungLogo{display:block;width:138px;height:auto}.brandText{display:grid;grid-gap:3px;gap:3px}.brandText strong{font-size:.98rem;font-weight:600}.brandText small{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.topnav{display:flex;align-items:center;gap:20px}.topnavLink{color:var(--muted);font-size:.94rem;transition:color .2s ease}.topnavLink:hover{color:var(--accent)}.hero{display:block;padding:72px 0 18px}.eyebrow{margin:0 0 14px;color:var(--accent);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase}.heroCopy{max-width:840px;margin:0 auto;text-align:center}.heroCopy h1{max-width:12ch;margin:0 auto;font-family:var(--font-display),serif;font-size:clamp(2.7rem,5.4vw,4.6rem);line-height:1.04;letter-spacing:-.04em}.heroTitle{min-height:3.2em}@media (prefers-reduced-motion:no-preference){.heroTitleTyped .heroTitleLine{opacity:0;transform:translateY(18px);animation:revealLine .55s ease forwards;animation-delay:calc((var(--line-index) * .26s) + .12s)}}@keyframes revealLine{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.heroTitleTyped{display:grid;justify-items:center}.heroTitleLine{display:block}.heroDescription{max-width:34rem;margin:18px auto 0;color:var(--muted);font-size:1rem;line-height:1.75}.heroActions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px}.buttonGhost,.buttonPrimary,.inlineLink{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;font-weight:600;transition:transform .2s ease,border-color .2s ease,background .2s ease}.buttonPrimary{background:var(--accent);color:#fff}.buttonGhost,.inlineLink{border:1px solid var(--line);color:var(--text);background:transparent}.buttonGhost:hover,.buttonPrimary:hover,.inlineLink:hover{transform:translateY(-1px);border-color:var(--line-strong)}.statRow{display:flex;justify-content:center;flex-wrap:wrap;gap:28px;margin-top:30px}.statCard{min-width:92px}.statCard strong{display:block;font-size:1.5rem;font-weight:600}.statCard span{color:var(--muted);font-size:.88rem}.searchPanel{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:18px 20px;border-radius:18px;max-width:760px;margin-left:auto;margin-right:auto}.searchField{display:grid;grid-gap:8px;gap:8px;flex:1 1}.searchField span{color:var(--muted);font-size:.84rem}.searchField input{width:100%;min-height:48px;padding:0 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface-strong);color:var(--text);outline:none;font-size:.98rem}.searchField input:focus{border-color:rgba(40,75,89,.34);box-shadow:0 0 0 4px rgba(40,75,89,.08)}.searchField input::placeholder{color:rgba(109,120,129,.72)}.searchSummary{margin:0;color:var(--muted);font-size:.88rem;white-space:nowrap}.sectionBlock{padding-top:40px}.sectionHead{display:grid;justify-items:center;text-align:center;grid-gap:12px;gap:12px;margin-bottom:16px}.sectionHead h2{margin:0;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:600}.sectionHead p{margin:8px 0 0;max-width:52ch;color:var(--muted);line-height:1.7}.sectionEyebrow{display:inline-flex;margin-bottom:8px;color:var(--accent);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase}.cardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px}.gateCard{display:flex;flex-direction:column;min-height:210px;padding:18px;border-radius:18px;background:var(--surface-strong);border:1px solid var(--line);box-shadow:0 10px 24px rgba(36,43,48,.05);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.gateCard:focus-visible,.gateCard:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 14px 28px rgba(36,43,48,.08)}.cardTop{display:flex;justify-content:space-between;gap:10px}.cardTop,.chip{align-items:center}.chip{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:.7rem;font-weight:600;border:1px solid var(--line)}.chip[data-tone=internal]{color:var(--accent);background:#eef3f4}.chip[data-tone=official]{color:#7b5c37;background:#f4ede3}.chip[data-tone=journal]{color:#5a4b82;background:#f1eef8}.gateCard h3{margin:18px 0 8px;font-size:1.1rem;font-weight:600}.domainText{margin:0;color:var(--muted);font-size:.88rem;word-break:break-word}.cardDescription{margin:12px 0 0;color:var(--muted);line-height:1.65;font-size:.94rem}.emptyState{padding:18px;border-radius:18px;color:var(--muted)}.siteFooter{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:42px;padding-top:20px;border-top:1px solid var(--line)}.footerTitle{margin:0;font-size:.92rem;color:var(--muted)}.footerLinks{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted)}.footerLinks a:hover{color:var(--text)}@media (max-width:1080px){.topbar{flex-wrap:wrap;justify-content:center}.topnav{justify-content:flex-start}.searchPanel{flex-direction:column;align-items:stretch}}@media (max-width:760px){.shell{width:min(100%,calc(100% - 28px))}.heroCopy h1{max-width:none}.sectionHead,.siteFooter{flex-direction:column;align-items:flex-start}.cardGrid{grid-template-columns:1fr}.topnav{width:100%;justify-content:center;flex-wrap:wrap;gap:14px}.machungLogo{width:118px}}.monitorShell{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:24px 0 56px}.monitorTopbar{position:-webkit-sticky;position:sticky;top:18px;z-index:8;justify-content:space-between;gap:20px;padding:16px 20px;border-radius:18px}.monitorBrand,.monitorTopbar{display:flex;align-items:center}.monitorBrand{gap:14px}.monitorLogo{display:block;width:138px;height:auto}.monitorBrandText{display:grid}.monitorBrandText strong{font-size:.98rem;font-weight:600}.monitorNav{display:flex;align-items:center;gap:20px}.monitorNavLink{color:var(--muted);font-size:.94rem;transition:color .2s ease}.monitorNavLink.is-active,.monitorNavLink:hover{color:var(--accent)}.monitorHero{padding:72px 0 18px}.monitorHeroCopy{max-width:860px;margin:0 auto;text-align:center}.monitorEyebrow,.monitorSectionEyebrow{margin:0 0 14px;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem}.monitorHeroTitle{max-width:11ch;margin:0 auto;font-family:var(--font-display),serif;font-size:clamp(2.8rem,5.4vw,4.8rem);line-height:1.02;letter-spacing:-.04em}.monitorHeroTitle.is-ok{color:var(--text)}.monitorHeroTitle.is-warning{color:#9a3d3d}.monitorHeroTitle.is-empty{color:var(--muted)}.monitorHeroDescription{max-width:34rem;margin:18px auto 0;color:var(--muted);font-size:1rem;line-height:1.75}.monitorHeroActions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px}.monitorGhostButton,.monitorPrimaryButton{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;font-weight:600;transition:transform .2s ease,border-color .2s ease,background .2s ease}.monitorPrimaryButton{border:0;background:var(--accent);color:#fff;cursor:pointer}.monitorPrimaryButton:disabled{cursor:wait;opacity:.72}.monitorGhostButton{border:1px solid var(--line);color:var(--text);background:transparent;cursor:pointer}.monitorGhostButton:hover,.monitorPrimaryButton:hover:not(:disabled){transform:translateY(-1px);border-color:var(--line-strong)}.monitorStatRow{display:flex;justify-content:center;flex-wrap:wrap;gap:28px;margin-top:30px}.monitorStatCard{min-width:92px}.monitorStatCard strong{display:block;font-size:1.5rem;font-weight:600}.monitorStatCard span{color:var(--muted);font-size:.88rem}.monitorSearchPanel{margin:24px auto 0;padding:18px 20px;max-width:860px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.monitorSearchField{flex:1 1;display:grid;grid-gap:8px;gap:8px}.monitorSearchField span{color:var(--muted);font-size:.84rem}.monitorSearchField input{width:100%;min-height:48px;padding:0 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-strong);color:var(--text);outline:none;font-size:.98rem}.monitorSearchField input:focus{border-color:rgba(40,75,89,.34);box-shadow:0 0 0 4px rgba(40,75,89,.08)}.monitorSearchMeta{min-width:220px}.monitorSearchMeta p,.monitorSearchMeta small{margin:0;display:block}.monitorSearchMeta p{font-size:.92rem}.monitorSearchMeta small{margin-top:6px;color:var(--muted)}.monitorEmptyCard,.monitorNoticeCard{margin-top:18px;padding:18px 20px;border-radius:18px;color:var(--muted);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.monitorNoticeCard--inline{margin:0 20px 18px}.monitorSectionBlock{padding-top:40px}.monitorSectionBlock--top{padding-top:72px}.monitorSectionHead{display:grid;grid-gap:12px;gap:12px;justify-items:center;margin-bottom:16px;text-align:center}.monitorSectionHead h2{margin:0;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:600}.monitorGroupBlock+.monitorGroupBlock{margin-top:26px}.monitorGroupHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.monitorGroupHead h3{margin:0;font-size:1.1rem}.monitorGroupHead span{color:var(--muted);font-size:.88rem}.monitorCardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px}.monitorCard{display:flex;flex-direction:column;min-height:240px;padding:18px;border-radius:18px;background:var(--surface-strong);border:1px solid var(--line);box-shadow:0 10px 24px rgba(36,43,48,.05);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.monitorCard:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 14px 28px rgba(36,43,48,.08)}.monitorCard--link{text-decoration:none}.monitorCardTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.monitorCard h3{margin:18px 0 8px;font-size:1.1rem;font-weight:600}.monitorCardDescription,.monitorDomainText,.monitorDowntimeNote,.monitorMiniText{color:var(--muted)}.monitorCardDescription,.monitorDomainText,.monitorDowntimeNote{margin:0}.monitorDomainText{word-break:break-word;font-size:.88rem}.monitorCardDescription{margin-top:12px;line-height:1.65;font-size:.94rem}.monitorDetailGrid{margin:16px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.monitorDetailGrid div{padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface-strong)}.monitorDetailGrid dt{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.monitorDetailGrid dd{margin:6px 0 0;font-weight:600}.monitorDowntimeNote{margin-top:14px;line-height:1.6}.monitorChip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--line);font-size:.72rem;font-weight:600}.monitorChip--up{background:rgba(47,104,82,.1);color:#2f6852}.monitorChip--degraded{background:rgba(136,97,31,.12);color:#88611f}.monitorChip--down{background:rgba(154,61,61,.1);color:#9a3d3d}.monitorMiniText{font-size:.78rem}.monitorLogShell{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;overflow:hidden}.monitorLogHead{padding:24px 20px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.monitorLogHead h2{margin:0;font-size:clamp(1.7rem,3vw,2.2rem)}.monitorLogTabs{display:flex;flex-wrap:wrap;gap:10px}.monitorLogTab{min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:#8b8b8b;color:#fff;font-weight:600;cursor:pointer}.monitorLogTab.is-active{background:#17a2f3;border-color:#17a2f3}.monitorLogToolbar{padding:18px 20px 22px;border-top:1px solid rgba(48,58,65,.06);border-bottom:1px solid rgba(48,58,65,.06);display:flex;align-items:flex-end;justify-content:space-between;gap:18px;background:rgba(255,255,255,.24)}.monitorLogSearch{flex:1 1;max-width:520px;display:grid;grid-gap:8px;gap:8px}.monitorLogSearch input{min-height:48px;padding:0 16px;border:1px solid #b7c8db;border-radius:8px;background:#fff;outline:none}.monitorLogSearch input:focus{border-color:#5ea7ef;box-shadow:0 0 0 4px rgba(23,162,243,.1)}.monitorLogCount{margin:0 0 10px;color:var(--muted);font-size:.9rem}.monitorLogTableWrap{overflow-x:auto}.monitorLogTable{width:100%;border-collapse:collapse;background:rgba(255,255,255,.4)}.monitorLogTable td,.monitorLogTable th{padding:16px 14px;border-bottom:1px solid rgba(48,58,65,.08);text-align:left;vertical-align:top}.monitorLogTable th{font-size:.9rem;font-weight:700;text-transform:uppercase}.monitorLogTable td{line-height:1.65}.monitorLogEmpty{color:var(--muted)}.monitorLogPagination{padding:18px 20px 20px;display:flex;flex-wrap:wrap;gap:8px;background:rgba(255,255,255,.24)}.monitorPageButton{min-width:42px;min-height:42px;padding:0 14px;border:0;border-radius:6px;background:#8b8b8b;color:#fff;font-weight:600;cursor:pointer}.monitorPageButton.is-current{background:#17a2f3}.monitorPageButton:disabled{cursor:not-allowed;opacity:.55}@media (max-width:980px){.monitorLogHead,.monitorLogToolbar,.monitorSearchPanel,.monitorTopbar{flex-direction:column;align-items:stretch}.monitorNav{justify-content:center;flex-wrap:wrap}.monitorLogSearch,.monitorSearchMeta{min-width:0;max-width:none}.monitorLogCount{margin:0}}@media (max-width:760px){.monitorShell{width:min(100%,calc(100% - 28px))}.monitorHeroTitle{max-width:none}.monitorGroupHead{flex-direction:column;align-items:flex-start}.monitorCardGrid,.monitorDetailGrid{grid-template-columns:1fr}.monitorTopbar{top:12px}.monitorLogo{width:118px}}.monitorLogoutButton{min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,color .2s ease}.monitorLogoutButton:hover{transform:translateY(-1px);color:var(--accent);border-color:var(--line-strong)}.authShell{width:min(100%,calc(100% - 28px));min-height:100vh;margin:0 auto;display:grid;place-items:center;padding:32px 0}.authCard{width:min(420px,100%);padding:28px 24px;border-radius:22px}.authHead h1{margin:0;font-family:var(--font-display),serif;font-size:clamp(2rem,5vw,2.6rem)}.authEyebrow{margin:0 0 12px;color:var(--accent);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase}.authDescription,.authField span{color:var(--muted)}.authDescription{margin:12px 0 0;line-height:1.7}.authFeedback{margin:18px 0 0;padding:12px 14px;border-radius:14px;background:rgba(154,61,61,.08);border:1px solid rgba(154,61,61,.16);color:#8f3535}.authForm{display:grid;grid-gap:14px;gap:14px;margin-top:22px}.authField{display:grid;grid-gap:8px;gap:8px}.authField input{min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-strong);color:var(--text);outline:none;font:inherit}.authField input:focus{border-color:rgba(40,75,89,.34);box-shadow:0 0 0 4px rgba(40,75,89,.08)}.authSubmit{min-height:48px;margin-top:4px;border:0;border-radius:999px;background:var(--accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}