*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-display:"DM Sans", system-ui, sans-serif;--font-body:"Source Sans 3", system-ui, sans-serif;--text-xs:clamp(.7rem, .65rem + .25vw, .75rem);--text-sm:clamp(.8rem, .75rem + .25vw, .875rem);--text-base:clamp(.875rem, .825rem + .25vw, 1rem);--text-lg:clamp(1rem, .95rem + .25vw, 1.125rem);--text-xl:clamp(1.125rem, 1rem + .5vw, 1.375rem);--text-2xl:clamp(1.375rem, 1.15rem + .75vw, 1.75rem);--text-3xl:clamp(1.75rem, 1.4rem + 1vw, 2.25rem);--text-metric:clamp(1.75rem, 1.5rem + 1vw, 2.5rem);--morandi-50:#e2f4ef;--morandi-100:#c7e8dd;--morandi-200:#aadccb;--morandi-300:#8ccfb9;--morandi-400:#6eb3a7;--morandi-500:#5a9e92;--morandi-600:#478a7e;--morandi-700:#34766b;--bg-page:#eff1f0;--bg-card:#fff;--bg-hover:#f0f5f3;--bg-sidebar:#fafcfb;--border-light:#e5ebe8;--border-mid:#d2dcd7;--text-primary:#1c2420;--text-secondary:#5a6b63;--text-tertiary:#8e9d95;--color-online:var(--morandi-500);--color-online-bg:var(--morandi-50);--color-warning:#c4963a;--color-warning-bg:#faf3e6;--color-danger:#c25050;--color-danger-bg:#faeaea;--color-paused:#8a8a8a;--color-paused-bg:#f0f0f0;--chart-line:var(--morandi-400);--chart-fill-start:#6eb3a72e;--chart-fill-end:#6eb3a703;--chart-line-secondary:#a4b8d6;--chart-fill-secondary-start:#a4b8d624;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-card:0 1px 3px #1c24200a, 0 0 0 1px var(--border-light);--shadow-card-hover:0 4px 12px #1c24200f, 0 0 0 1px var(--border-mid);--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.25s;--sidebar-width:240px;--sidebar-width-collapsed:64px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-page);min-height:100dvh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600;line-height:1.25}.app-shell{min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-light);padding:var(--space-xl) var(--space-md);height:100dvh;transition:width var(--duration-normal) var(--ease-out);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;overflow:hidden}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar__brand{align-items:center;gap:var(--space-md);padding:0 var(--space-sm);margin-bottom:var(--space-3xl);white-space:nowrap;display:flex}.sidebar__logo{color:var(--morandi-400);background:var(--morandi-50);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;display:flex}.sidebar__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.sidebar__nav{flex-direction:column;gap:2px;display:flex}.sidebar__nav--bottom{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-light)}.sidebar__item{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-weight:500;display:flex}.sidebar__item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar__item--active{background:var(--morandi-50);color:var(--morandi-600);font-weight:600}.sidebar__item--active:hover{background:var(--morandi-100)}.sidebar__toggle{color:var(--text-tertiary);font-size:var(--text-xs)}.main-content{flex:1;min-width:0;overflow-y:auto}.dashboard{max-width:1120px;padding:var(--space-2xl) var(--space-xl);margin:0 auto}.dashboard-header{margin-bottom:var(--space-3xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:baseline;display:flex}.dashboard-header h1{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.dashboard-header .subtitle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-tertiary);margin-top:2px;font-weight:400}.header-timestamp{font-size:var(--text-xs);color:var(--text-tertiary);background:var(--morandi-50);border-radius:20px;padding:4px 12px}.stats-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stats-grid{grid-template-columns:1fr}}.charts-row{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:1fr 280px;display:grid}@media (width<=900px){.charts-row{grid-template-columns:1fr}}.bottom-row{gap:var(--space-lg);grid-template-columns:1.4fr 1fr;display:grid}@media (width<=900px){.bottom-row{grid-template-columns:1fr}}.section-title{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-lg);font-weight:600}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-xl);transition:box-shadow var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-card-hover)}.settings-page{gap:var(--space-xl);flex-direction:column;max-width:760px;margin:0 auto;display:flex}.probe-setup{gap:var(--space-lg);flex-direction:column;display:flex}.probe-setup__form{gap:var(--space-md);grid-template-columns:minmax(0,1fr) minmax(180px,220px) auto;align-items:end;display:grid}.probe-setup__field{gap:var(--space-xs);flex-direction:column;display:flex}.probe-setup__field label,.probe-setup__details dt{color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.probe-setup__field input,.probe-setup__field select{border:1px solid var(--border-mid);border-radius:var(--radius-md);background:var(--bg-sidebar);width:100%;color:var(--text-primary);font:inherit;padding:10px 12px}.probe-setup__primary,.probe-setup button{border-radius:var(--radius-md);background:var(--morandi-600);color:#fff;cursor:pointer;font:inherit;border:0;padding:10px 14px;font-weight:700}.probe-setup__primary:disabled{cursor:not-allowed;opacity:.6}.probe-setup__error{background:var(--color-danger-bg);border-radius:var(--radius-md);color:var(--color-danger);padding:var(--space-md)}.probe-setup__result{border-top:1px solid var(--border-light);gap:var(--space-lg);padding-top:var(--space-lg);flex-direction:column;display:flex}.probe-setup__notice{background:var(--color-warning-bg);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--space-md)}.probe-setup__details{gap:var(--space-md);display:grid}.probe-setup__details div{background:var(--bg-hover);border-radius:var(--radius-md);padding:var(--space-md);min-width:0}.probe-setup__details dd,.probe-setup__code{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto}.probe-setup__downloads,.probe-setup__config-header{gap:var(--space-sm);flex-direction:column;display:flex}.probe-setup__download-grid,.probe-setup__config-header div{gap:var(--space-sm);flex-wrap:wrap;display:flex}.probe-setup a{color:var(--morandi-700);font-weight:700}.probe-setup__code{border-radius:var(--radius-md);color:var(--morandi-50);padding:var(--space-lg);background:#111915;line-height:1.5}.probe-setup__copied{color:var(--morandi-600);font-weight:700}@media (width<=760px){.probe-setup__form{grid-template-columns:1fr}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeSlideIn .5s var(--ease-out) both}.delay-1{animation-delay:40ms}.delay-2{animation-delay:80ms}.delay-3{animation-delay:.12s}.delay-4{animation-delay:.16s}.delay-5{animation-delay:.22s}.delay-6{animation-delay:.28s}.delay-7{animation-delay:.34s}.status-badge{font-size:var(--text-xs);font-weight:600;font-family:var(--font-display);letter-spacing:.02em;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.badge-online{color:var(--morandi-600);background:var(--morandi-50)}.badge-warning{color:var(--color-warning);background:var(--color-warning-bg)}.badge-danger{color:var(--color-danger);background:var(--color-danger-bg)}.badge-paused{color:var(--color-paused);background:var(--color-paused-bg)}.metric-card{gap:var(--space-sm);flex-direction:column;justify-content:space-between;min-height:130px;display:flex}.metric-card__header{align-items:center;gap:var(--space-sm);display:flex}.metric-card__icon{color:var(--morandi-400);display:flex}.metric-card__label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.metric-card__value{font-family:var(--font-display);font-size:var(--text-metric);color:var(--text-primary);font-weight:700;line-height:1.1}.metric-card__suffix{font-size:var(--text-lg);color:var(--text-tertiary);margin-left:2px;font-weight:400}.metric-card__trend{font-size:var(--text-xs);font-weight:500}.trend--up{color:var(--morandi-500)}.trend--down{color:var(--chart-line-secondary)}.trend-chart{min-height:320px}.uptime-ring{flex-direction:column;align-items:center;display:flex}.uptime-ring__container{margin-top:var(--space-xl);justify-content:center;align-items:center;display:flex;position:relative}.uptime-ring__text{text-align:center;position:absolute}.uptime-ring__value{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.node-list__table{flex-direction:column;display:flex}.node-list__header,.node-list__row{padding:var(--space-md) 0;grid-template-columns:1.6fr .8fr .6fr 1fr;align-items:center;display:grid}.node-list__header{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);font-weight:600}.node-list__row{border-bottom:1px solid var(--border-light);transition:background var(--duration-fast) var(--ease-out)}.node-list__row:last-child{border-bottom:none}.node-list__row:hover{background:var(--bg-hover)}.node-list__name{font-family:var(--font-display);font-weight:500;font-size:var(--text-sm)}.node-list__ping{font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--text-secondary)}.node-list__heartbeat{font-size:var(--text-xs);color:var(--text-tertiary)}.activity-feed__list{flex-direction:column;display:flex}.activity-feed__item{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--border-light);display:flex}.activity-feed__item:last-child{border-bottom:none}.activity-feed__icon{flex-shrink:0;margin-top:2px;display:flex}.activity-feed__content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.activity-feed__node{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600}.activity-feed__message{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.activity-feed__time{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}@media (width<=768px){.sidebar{z-index:100;width:var(--sidebar-width-collapsed);position:fixed}.main-content{margin-left:var(--sidebar-width-collapsed)}}.login-gate{background:var(--bg-page);min-height:100dvh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.login-gate__loader{align-items:center;gap:var(--space-lg);color:var(--text-tertiary);font-size:var(--text-sm);flex-direction:column;display:flex}.login-card{align-items:center;gap:var(--space-lg);width:100%;max-width:380px;padding:var(--space-3xl) var(--space-2xl);flex-direction:column;display:flex}.login-card__icon{background:var(--morandi-50);width:56px;height:56px;color:var(--morandi-500);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex}.login-card__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);margin:0;font-weight:700}.login-card__subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:calc(-1 * var(--space-sm))}.login-card__input{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--border-mid);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);background:var(--bg-page);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none}.login-card__input:focus{border-color:var(--morandi-400);box-shadow:0 0 0 3px #6eb3a726}.login-card__error{font-size:var(--text-sm);color:var(--color-danger);margin-top:calc(-1 * var(--space-sm));align-self:flex-start}.login-card__button{width:100%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--morandi-500);color:#fff;font-family:var(--font-display);font-size:var(--text-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);transition:background var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);border:none;font-weight:600;display:flex}.login-card__button:hover:not(:disabled){background:var(--morandi-600)}.login-card__button:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.spin-icon{animation:1s linear infinite spin}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:var(--border-light);animation:1.8s ease-in-out infinite skeletonPulse}.error-banner{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-danger-bg);color:var(--color-danger);font-size:var(--text-sm);font-weight:500;display:flex}.error-banner__retry{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger);font-size:var(--text-xs);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;margin-left:auto;font-weight:600}.error-banner__retry:hover{background:#c250501a}:focus{outline:none}:focus-visible{outline:2px solid var(--morandi-400);outline-offset:2px;border-radius:var(--radius-sm)}.node-list__empty{padding:var(--space-2xl) 0;text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}