:root{--color-bg:#f5f7fa;--color-surface:#fff;--color-border:#e4e7eb;--color-border-strong:#cbd5e1;--color-text:#1f2933;--color-text-muted:#6b7280;--color-normal:#16a34a;--color-normal-soft:#dcfce7;--color-normal-text:#166534;--color-slow:#d97706;--color-slow-soft:#fef3c7;--color-slow-text:#92400e;--color-error:#dc2626;--color-error-soft:#fee2e2;--color-error-text:#991b1b;--color-placeholder:#9ca3af;--color-placeholder-soft:#f3f4f6;--color-placeholder-text:#4b5563;--shadow-card:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.05);--shadow-card-hover:0 4px 8px rgba(15,23,42,.06),0 14px 32px rgba(15,23,42,.1);--shadow-hero:0 2px 4px rgba(15,23,42,.04),0 14px 36px rgba(15,23,42,.07);--radius:12px;--radius-lg:18px}*{box-sizing:border-box}body,html{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.container{max-width:1600px;margin:0 auto;padding:32px 44px 56px}.top-bar{margin-bottom:20px}.top-bar h1{margin:0 0 4px;font-size:22px;font-weight:700;letter-spacing:-.01em}.subtitle{margin:0;color:var(--color-text-muted);font-size:13px}.hero{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-left-width:8px;border-radius:var(--radius-lg);padding:46px 60px;margin-bottom:40px;display:grid;grid-template-columns:auto 1fr auto;grid-column-gap:44px;column-gap:44px;grid-row-gap:0;row-gap:0;align-items:center;box-shadow:var(--shadow-hero)}.hero-normal{border-left-color:var(--color-normal)}.hero-slow{border-left-color:var(--color-slow)}.hero-error{border-left-color:var(--color-error)}.hero-loading{border-left-color:var(--color-placeholder)}.hero-light{grid-column:1;display:flex}.hero-light,.hero-light-disc{align-items:center;justify-content:center}.hero-light-disc{display:inline-flex;width:148px;height:148px;border-radius:50%;color:#fff;flex-shrink:0;will-change:transform,box-shadow}.hero-light-disc svg{width:74px;height:74px}.hero-normal .hero-light-disc{background:var(--color-normal);box-shadow:0 0 0 10px rgba(22,163,74,.16),0 16px 36px rgba(22,163,74,.22);animation:hero-pulse-normal 2.6s ease-in-out infinite}.hero-slow .hero-light-disc{background:var(--color-slow);box-shadow:0 0 0 10px rgba(217,119,6,.2),0 16px 36px rgba(217,119,6,.22);animation:hero-pulse-slow 2s ease-in-out infinite}.hero-error .hero-light-disc{background:var(--color-error);box-shadow:0 0 0 10px rgba(220,38,38,.26),0 16px 36px rgba(220,38,38,.26);animation:hero-pulse-error 1.4s ease-in-out infinite}.hero-loading .hero-light-disc{background:var(--color-placeholder);box-shadow:0 0 0 10px rgba(156,163,175,.14),0 16px 36px rgba(156,163,175,.22)}@keyframes hero-pulse-normal{0%,to{transform:scale(1);box-shadow:0 0 0 10px rgba(22,163,74,.16),0 16px 36px rgba(22,163,74,.22)}50%{transform:scale(1.04);box-shadow:0 0 0 22px rgba(22,163,74,.05),0 18px 40px rgba(22,163,74,.26)}}@keyframes hero-pulse-slow{0%,to{transform:scale(1);box-shadow:0 0 0 10px rgba(217,119,6,.2),0 16px 36px rgba(217,119,6,.22)}50%{transform:scale(1.055);box-shadow:0 0 0 26px rgba(217,119,6,.06),0 18px 42px rgba(217,119,6,.28)}}@keyframes hero-pulse-error{0%,to{transform:scale(1);box-shadow:0 0 0 10px rgba(220,38,38,.26),0 16px 36px rgba(220,38,38,.26)}50%{transform:scale(1.075);box-shadow:0 0 0 30px rgba(220,38,38,.08),0 20px 48px rgba(220,38,38,.38)}}@media (prefers-reduced-motion:reduce){.hero-light-disc{animation:none!important}.card-link{transition:none!important}.card-link:hover{transform:none!important}}.hero-text{grid-column:2;display:flex;flex-direction:column;min-width:0}.hero-service-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:20px;padding-top:14px;border-top:1px solid rgba(0,0,0,.07)}.service-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 11px 4px 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap;letter-spacing:.01em}.chip-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.chip-name{color:inherit}.chip-label{font-weight:700;opacity:.85}.service-chip-normal{color:var(--color-normal-text);background:rgba(22,163,74,.07);border-color:rgba(22,163,74,.18)}.service-chip-slow{color:var(--color-slow-text);background:var(--color-slow-soft);border-color:rgba(217,119,6,.3)}.service-chip-error{color:var(--color-error-text);background:var(--color-error-soft);border-color:rgba(220,38,38,.3)}.service-chip-placeholder{color:var(--color-placeholder-text);background:var(--color-placeholder-soft);border-color:var(--color-border)}.hero-label{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--color-text-muted);letter-spacing:.04em}.hero-title{margin:0 0 10px;font-size:60px;font-weight:800;letter-spacing:-.025em;line-height:1}.hero-normal .hero-title{color:var(--color-normal)}.hero-slow .hero-title{color:var(--color-slow)}.hero-error .hero-title{color:var(--color-error)}.hero-loading .hero-title{color:var(--color-placeholder)}.hero-description{margin:0;font-size:16px;font-weight:500;color:var(--color-text);line-height:1.55}.hero-toolbar{grid-column:3;grid-row:1;align-self:start;display:flex;align-items:center;gap:18px}.hero-meta-block{display:flex;flex-direction:column;gap:3px;text-align:right}.hero-meta-label{font-size:12px;color:var(--color-text-muted)}.hero-meta-value{font-size:15px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-text)}.refresh-button{background:var(--color-text);color:#fff;border:1px solid var(--color-text);border-radius:10px;padding:11px 20px;font-size:14px;font-weight:600;transition:background .15s,opacity .15s;white-space:nowrap}.refresh-button:hover:not(:disabled){background:#111827}.refresh-button:disabled{opacity:.55;cursor:not-allowed}.section-heading{margin:8px 0 22px}.section-heading h3{margin:0 0 6px;font-size:18px;font-weight:700;letter-spacing:-.01em}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));grid-gap:20px;gap:20px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-left-width:5px;border-radius:var(--radius);padding:22px 24px 20px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:16px}.card-normal{border-left-width:1px;border-left-color:var(--color-border)}.card-slow{border-left-color:var(--color-slow)}.card-error{border-left-color:var(--color-error)}.card-placeholder{border-left-color:var(--color-placeholder);opacity:.85}.card-link{text-decoration:none;color:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--color-border-strong)}.card-link:focus-visible{outline:3px solid rgba(99,102,241,.4);outline-offset:2px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-title{min-width:0}.card-category{display:inline-block;margin-bottom:6px;font-size:11px;color:var(--color-text-muted);background:#f1f5f9;border-radius:999px;padding:3px 10px;letter-spacing:.02em}.card-name{margin:0;font-size:18px;font-weight:700;word-break:keep-all;line-height:1.35}.card-summary{margin:0;font-size:15px;font-weight:500;padding:12px 14px;border-radius:10px;line-height:1.55}.card-normal .card-summary{display:none}.card-summary-slow{background:var(--color-slow-soft);color:var(--color-slow-text)}.card-summary-error{background:var(--color-error-soft);color:var(--color-error-text)}.card-summary-placeholder{background:var(--color-placeholder-soft);color:var(--color-placeholder-text)}.card-meta{display:grid;grid-template-columns:.9fr 1.6fr .7fr;grid-gap:14px;gap:14px;margin:0;padding-top:14px;border-top:1px solid var(--color-border)}.card-meta>div{display:flex;flex-direction:column;gap:2px;min-width:0}.card-meta dt{font-size:12px;color:var(--color-text-muted);margin:0}.card-meta dd{font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:0;word-break:break-all}.card-meta-secondary dd{color:var(--color-text-muted)}.card-meta-full{grid-column:1/-1}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 12px;white-space:nowrap;letter-spacing:.02em}.badge,.badge-dot{border-radius:999px}.badge-dot{width:8px;height:8px;background:currentColor}.badge-normal{color:var(--color-normal);background:var(--color-normal-soft)}.badge-slow{color:var(--color-slow);background:var(--color-slow-soft)}.badge-error{color:var(--color-error);background:var(--color-error-soft)}.badge-placeholder{color:var(--color-placeholder);background:var(--color-placeholder-soft)}.loading{background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius);padding:48px;color:var(--color-text-muted);text-align:center;grid-column:1/-1}.error-banner{background:var(--color-error-soft);color:var(--color-error-text);border:1px solid #fecaca;border-radius:var(--radius);padding:14px 18px;margin-bottom:20px;font-size:14px;font-weight:500}.footer{color:var(--color-text-muted);font-size:12px;text-align:center}.footer,.nas-section{margin-top:40px}.nas-summary-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:28px;box-shadow:var(--shadow-card)}.nas-summary-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.nas-summary-title-block{display:flex;flex-direction:column;gap:3px}.nas-summary-title{font-size:15px;font-weight:600;color:var(--color-text)}.nas-summary-sub{font-size:12px;color:var(--color-text-muted)}.nas-usage-pct{font-size:28px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.nas-usage-pct-normal{color:var(--color-normal)}.nas-usage-pct-warning{color:var(--color-slow)}.nas-usage-pct-error{color:var(--color-error)}.nas-progress-outer{position:relative;padding-top:22px;margin-bottom:20px}.nas-threshold-marker{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;z-index:2;cursor:default}.nas-threshold-marker:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);background:#1f2933;color:#fff;font-size:11px;font-weight:500;letter-spacing:.01em;white-space:nowrap;padding:5px 10px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:opacity .15s ease}.nas-threshold-marker:hover:after{opacity:1}.nas-threshold-label{font-size:10px;font-weight:700;letter-spacing:.01em;line-height:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.nas-threshold-line{width:2px;height:10px;border-radius:1px}.nas-threshold-75 .nas-threshold-label{color:var(--color-slow)}.nas-threshold-75 .nas-threshold-line{background:var(--color-slow)}.nas-threshold-90 .nas-threshold-label{color:var(--color-error)}.nas-threshold-90 .nas-threshold-line{background:var(--color-error)}.nas-progress-track{height:10px;background:#e9ecef;border-radius:999px;overflow:hidden}.nas-progress-fill{height:100%;border-radius:999px;transition:width .4s ease}.nas-progress-fill-normal{background:var(--color-normal)}.nas-progress-fill-warning{background:var(--color-slow)}.nas-progress-fill-error{background:var(--color-error)}.nas-summary-meta{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin:0}.nas-summary-meta>div{display:flex;flex-direction:column;gap:2px}.nas-summary-meta dt{font-size:12px;color:var(--color-text-muted);margin:0}.nas-summary-meta dd{font-size:16px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:0;color:var(--color-text)}.nas-info-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card);margin-bottom:16px}.nas-info-card-title{padding:13px 20px 12px;font-size:14px;font-weight:700;color:var(--color-text);border-bottom:1px solid var(--color-border);background:#f8fafc}.nas-table-wrap{overflow-x:auto}.nas-table{width:100%;border-collapse:collapse;font-size:13px}.nas-table thead th{padding:9px 20px;text-align:left;font-size:11px;font-weight:600;color:var(--color-text-muted);letter-spacing:.03em;background:#f8fafc}.nas-table tbody td,.nas-table thead th{border-bottom:1px solid var(--color-border);white-space:nowrap}.nas-table tbody td{padding:11px 20px;color:var(--color-text);vertical-align:middle}.nas-table tbody tr:last-child td{border-bottom:none}.nas-table tbody tr:hover{background:#f9fafb}.nas-cell-name{font-weight:600}.nas-cell-model{max-width:220px;overflow:hidden;text-overflow:ellipsis}.nas-cell-model,.nas-cell-muted{color:var(--color-text-muted)}.nas-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap;letter-spacing:.02em;flex-shrink:0}.nas-badge-normal{color:var(--color-normal);background:var(--color-normal-soft)}.nas-badge-warning{color:var(--color-slow-text);background:var(--color-slow-soft)}.nas-badge-error{color:var(--color-error-text);background:var(--color-error-soft)}.nas-badge-unknown{color:var(--color-placeholder);background:var(--color-placeholder-soft)}.nas-temp-normal{color:var(--color-text)}.nas-temp-warning{color:var(--color-slow)}.nas-temp-error{color:var(--color-error)}.nas-temp-unknown{color:var(--color-text-muted)}.nas-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.nas-history-link{font-size:13px;font-weight:600;color:var(--color-text-muted);text-decoration:none;white-space:nowrap;padding-bottom:2px;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}.nas-history-link:hover{color:var(--color-text);border-bottom-color:var(--color-border-strong)}.nas-error-banner{margin-top:32px;margin-bottom:0}@media (max-width:900px){.container{padding:24px 24px 40px}.hero{padding:32px 24px;grid-template-columns:1fr;column-gap:0;row-gap:20px;text-align:center}.hero-toolbar{grid-column:1;grid-row:auto;align-self:stretch;justify-content:space-between}.hero-meta-block{text-align:left}.hero-light,.hero-text{grid-column:1}.hero-text{align-items:center}.hero-light-disc{width:112px;height:112px}.hero-light-disc svg{width:56px;height:56px}.hero-title{font-size:44px}.hero-description{font-size:15px}.hero-service-chips{justify-content:center;margin-top:0;padding-top:12px}.card-meta{grid-template-columns:1fr 1.2fr .8fr}.nas-summary-card{padding:20px}.nas-summary-meta{grid-template-columns:1fr 1fr}.nas-summary-meta>div:last-child{grid-column:1/-1}.nas-table tbody td,.nas-table thead th{padding:9px 14px}.nas-section-heading{align-items:flex-start;flex-direction:column;gap:6px}}.history-back-link{display:inline-block;font-size:13px;font-weight:500;color:var(--color-text-muted);text-decoration:none;margin-bottom:10px;transition:color .15s}.history-back-link:hover{color:var(--color-text)}.period-selector{display:flex;gap:8px;margin-bottom:24px}.period-btn{padding:8px 22px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface);color:var(--color-text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.period-btn:hover:not(.period-btn-active){border-color:var(--color-border-strong);color:var(--color-text)}.period-btn-active{background:var(--color-text);color:#fff;border-color:var(--color-text)}.history-chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px 28px 20px;margin-bottom:24px;box-shadow:var(--shadow-card)}.history-chart-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.history-chart-title{font-size:15px;font-weight:700;color:var(--color-text);margin-right:10px}.history-chart-loading-badge,.history-chart-subtitle{font-size:12px;color:var(--color-text-muted)}.history-chart-loading-badge{background:var(--color-placeholder-soft);padding:3px 10px;border-radius:999px}.history-loading{padding:48px;text-align:center;color:var(--color-text-muted);font-size:14px}.history-chart-svg-wrap{position:relative;width:100%}.history-svg{display:block;width:100%;height:auto;overflow:visible}.history-tooltip{position:absolute;background:var(--color-text);color:#fff;border-radius:9px;padding:10px 13px;font-size:12px;pointer-events:none;z-index:10;min-width:140px;box-shadow:0 4px 16px rgba(0,0,0,.18);white-space:nowrap}.history-tooltip-date{font-size:11px;opacity:.7;margin-bottom:6px;font-weight:500}.history-tooltip-row{display:flex;justify-content:space-between;gap:16px;margin-top:2px}.history-tooltip-row span{opacity:.75}.history-tooltip-row strong{font-weight:700}.history-chart-empty{padding:40px 20px;text-align:center;color:var(--color-text-muted)}.history-chart-empty p{margin:0 0 6px;font-size:14px}.history-chart-empty-sub{font-size:13px;opacity:.8}.history-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:32px}.history-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-card)}.history-stat-label{font-size:12px;color:var(--color-text-muted);margin-bottom:6px}.history-stat-value{font-size:22px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--color-text);line-height:1.2;margin-bottom:4px}.history-stat-value.pct-ok{color:var(--color-normal)}.history-stat-value.pct-warn{color:var(--color-slow)}.history-stat-value.pct-error{color:var(--color-error)}.history-stat-sub{font-size:11px;color:var(--color-text-muted)}.prediction-section{margin-bottom:40px}.prediction-section-header{display:flex;align-items:baseline;gap:20px;margin-bottom:18px;flex-wrap:wrap}.prediction-section-header h2{margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em;flex-shrink:0}.prediction-disclaimer{margin:0;font-size:12px;color:var(--color-text-muted);background:#f8fafc;border:1px solid var(--color-border);border-radius:8px;padding:6px 12px;line-height:1.5}.prediction-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.prediction-card{background:var(--color-surface);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius);padding:20px 20px 16px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:4px}.prediction-card-warn{border-left-color:var(--color-slow)}.prediction-card-error{border-left-color:var(--color-error)}.prediction-card-neutral{border-left-color:var(--color-border-strong)}.prediction-card-icon{font-size:20px;margin-bottom:6px;line-height:1}.prediction-card-title{font-size:12px;font-weight:600;color:var(--color-text-muted);letter-spacing:.02em;margin-bottom:2px}.prediction-card-date{font-size:16px;font-weight:700;color:var(--color-text);line-height:1.3}.prediction-past{color:var(--color-error)}.prediction-na{color:var(--color-text-muted);font-weight:500}.prediction-card-days{font-size:12px;color:var(--color-text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.prediction-card-desc{font-size:11px;color:var(--color-text-muted);margin-top:8px;line-height:1.4}.prediction-notice{background:#f8fafc;border:1px solid var(--color-border);border-radius:var(--radius);padding:16px 20px;font-size:13px;color:var(--color-text-muted);margin-bottom:24px;line-height:1.5}.prediction-no-growth{background:var(--color-placeholder-soft)}@media (max-width:900px){.history-stats-grid,.prediction-grid{grid-template-columns:1fr 1fr}.prediction-section-header{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width:560px){.history-stats-grid,.prediction-grid{grid-template-columns:1fr}}