:root{--tm-font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--tm-font-size-md: 14px;--tm-font-size-sm: 13px;--tm-font-size-xs: 12px;--tm-space-xs: 4px;--tm-space-sm: 8px;--tm-space-md: 12px;--tm-space-lg: 16px;--tm-radius-sm: 6px;--tm-radius-md: 10px;--tm-motion-fast: .12s;--tm-motion-normal: .18s;--tm-motion-standard: cubic-bezier(.2, 0, 0, 1)}[data-theme=light]{--tm-bg-canvas: #f5f5f7;--tm-bg-surface: #ffffff;--tm-bg-elevated: #ffffff;--tm-text-primary: #1d1d1f;--tm-text-secondary: #48484a;--tm-text-muted: #6e6e73;--tm-text-inverse: #ffffff;--tm-border-subtle: #e2e2e7;--tm-border-default: #d2d2d7;--tm-border-strong: #aeaeb2;--tm-border-focus: #0071e3;--tm-action-primary: #0071e3;--tm-action-hover: #0058b9;--tm-action-pressed: #0058b9;--tm-action-danger: #d70015;--tm-action-danger-hover: #a20e0e;--tm-action-danger-pressed: #a20e0e;--tm-action-disabled: #d2d2d7}[data-theme=dark]{--tm-bg-canvas: #000000;--tm-bg-surface: #1d1d1f;--tm-bg-elevated: #2c2c2e;--tm-text-primary: #f5f5f7;--tm-text-secondary: #d2d2d7;--tm-text-muted: #aeaeb2;--tm-text-inverse: #1d1d1f;--tm-border-subtle: #2c2c2e;--tm-border-default: #48484a;--tm-border-strong: #6e6e73;--tm-border-focus: #409cff;--tm-action-primary: #0a84ff;--tm-action-hover: #409cff;--tm-action-pressed: #0071e3;--tm-action-danger: #ff3b30;--tm-action-danger-hover: #ff453a;--tm-action-danger-pressed: #d70015;--tm-action-disabled: #48484a}[data-density=comfortable]{--tm-control-height: 44px;--tm-card-padding: 24px}[data-density=standard]{--tm-control-height: 36px;--tm-card-padding: 16px}[data-density=compact]{--tm-control-height: 30px;--tm-card-padding: 12px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--tm-font-family);font-size:var(--tm-font-size-md);background:var(--tm-bg-canvas);color:var(--tm-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}:focus-visible{outline:2px solid var(--tm-border-focus);outline-offset:2px;border-radius:4px}.tm-skip-link{position:absolute;left:8px;top:-48px;z-index:1000;padding:8px 14px;border-radius:10px;background:var(--tm-text-primary);color:var(--tm-bg-canvas);text-decoration:none;transition:top .15s ease}.tm-skip-link:focus{top:8px}.tm-button{min-height:var(--tm-control-height);padding:0 var(--tm-space-lg);border:1px solid transparent;border-radius:var(--tm-radius-md);font:inherit;font-size:var(--tm-font-size-sm);font-weight:500;line-height:1;cursor:pointer;transition:background-color var(--tm-motion-fast) var(--tm-motion-standard),border-color var(--tm-motion-fast) var(--tm-motion-standard),color var(--tm-motion-fast) var(--tm-motion-standard)}.tm-button--primary{background:var(--tm-action-primary);color:var(--tm-text-inverse)}.tm-button--danger{background:var(--tm-action-danger);color:var(--tm-text-inverse)}.tm-button--secondary{border-color:var(--tm-border-default);background:transparent;color:var(--tm-text-primary)}.tm-button--primary:not(:disabled):is(:hover,:focus-visible){background:var(--tm-action-hover);color:var(--tm-text-inverse)}.tm-button--secondary:not(:disabled):is(:hover,:focus-visible){background:var(--tm-bg-elevated);color:var(--tm-text-primary)}.tm-button--primary:not(:disabled):active{background:var(--tm-action-pressed);color:var(--tm-text-inverse)}.tm-button--danger:not(:disabled):is(:hover,:focus-visible){background:var(--tm-action-danger-hover);color:var(--tm-text-inverse)}.tm-button--danger:not(:disabled):active{background:var(--tm-action-danger-pressed);color:var(--tm-text-inverse)}.tm-button--secondary:not(:disabled):active{background:var(--tm-bg-canvas);color:var(--tm-text-primary)}.tm-button:disabled{border-color:transparent;background:var(--tm-action-disabled);color:var(--tm-text-muted);cursor:not-allowed}.tm-field{display:grid;gap:var(--tm-space-xs)}.tm-field__label{color:var(--tm-text-secondary);font-size:var(--tm-font-size-sm);font-weight:500}.tm-field__input{width:100%;min-height:var(--tm-control-height);padding:0 var(--tm-space-md);border:1px solid var(--tm-border-default);border-radius:var(--tm-radius-sm);background:var(--tm-bg-surface);color:var(--tm-text-primary);font:inherit;font-size:var(--tm-font-size-md)}.tm-field__input[aria-invalid=true]{border-color:var(--tm-action-danger)}.tm-select{width:100%;max-width:100%;min-height:var(--tm-control-height);padding:0 var(--tm-space-md);border:1px solid var(--tm-border-default);border-radius:var(--tm-radius-sm);background:var(--tm-bg-surface);color:var(--tm-text-primary);font:inherit;font-size:var(--tm-font-size-md)}.tm-select:disabled{color:var(--tm-text-muted);background:var(--tm-bg-elevated);cursor:not-allowed}.tm-select--explore{min-width:220px}.tm-select--asset{min-width:240px}.tm-field__hint,.tm-field__error{margin:0;font-size:var(--tm-font-size-xs)}.tm-field__hint{color:var(--tm-text-muted)}.tm-field__error{color:var(--tm-action-danger)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.tm-app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:100vh;min-height:100dvh}.tm-app-header{grid-column:1 / 3;display:flex;flex-wrap:wrap;gap:var(--tm-space-lg);align-items:center;min-height:56px;padding:8px 16px;background:var(--tm-bg-surface);border-bottom:1px solid var(--tm-border-subtle)}.tm-operational-context{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:var(--tm-space-sm);min-width:0}.tm-app-identity{display:flex;align-items:center;gap:var(--tm-space-sm);min-width:0}.tm-app-identity>div{display:grid;gap:2px;min-width:0;text-align:right}.tm-app-identity .tm-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-operational-context__site,.tm-operational-context__status{display:grid;gap:2px;min-width:0}.tm-operational-context__site select{min-height:28px;max-width:220px;padding:0 26px 0 8px;overflow:hidden;color:var(--tm-text-primary);font:inherit;font-size:var(--tm-font-size-sm);text-overflow:ellipsis;white-space:nowrap;background:var(--tm-bg-canvas);border:1px solid var(--tm-border-default);border-radius:var(--tm-radius-sm)}.tm-operational-context__site select:focus-visible{outline:2px solid var(--tm-focus-ring);outline-offset:2px}.tm-operational-context__group{display:flex;align-items:center;gap:var(--tm-space-xs);min-width:0;margin:0;padding:0;border:0}.tm-operational-context__group-label{color:var(--tm-text-muted);font-size:var(--tm-font-size-xs);white-space:nowrap}.tm-operational-context__choices{display:inline-flex;min-width:0;padding:2px;border:1px solid var(--tm-border-subtle);border-radius:var(--tm-radius-md);background:var(--tm-bg-canvas)}.tm-operational-context__choice{min-height:28px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:var(--tm-text-secondary);font:inherit;font-size:var(--tm-font-size-xs);cursor:pointer;white-space:nowrap}.tm-operational-context__choice:is(:hover,:focus-visible){color:var(--tm-text-primary);background:var(--tm-bg-elevated)}.tm-operational-context__choice--selected{background:var(--tm-bg-surface);color:var(--tm-text-primary);border:1px solid var(--tm-border-default)}.tm-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tm-app-nav{padding:12px;background:var(--tm-bg-surface);border-right:1px solid var(--tm-border-subtle)}.tm-app-nav-items{display:flex;flex-direction:column;gap:4px}.tm-app-nav-button{padding:8px 12px;border:0;border-radius:8px;background:transparent;color:var(--tm-text-secondary);font:inherit;font-size:var(--tm-font-size-md);text-align:left;cursor:pointer}.tm-app-nav-button:is(:hover,:focus-visible){background:var(--tm-bg-elevated);color:var(--tm-text-primary)}.tm-app-nav-button--active{background:var(--tm-bg-canvas);color:var(--tm-text-primary)}.tm-app-main{min-width:0;overflow:auto;padding:24px}@media (max-width: 760px){.tm-app-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}.tm-app-header{grid-column:1;align-items:flex-start;flex-direction:column}.tm-operational-context{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.tm-app-identity{width:100%;justify-content:space-between}.tm-operational-context__status{display:grid;flex:0 0 auto;max-width:156px}.tm-operational-context__status>:not(:first-child){display:none}.tm-app-nav{overflow-x:auto;padding:8px}.tm-app-nav-items{flex-direction:row;width:max-content}.tm-app-nav-items button{white-space:nowrap}.tm-app-main{padding:16px}}.tm-component-catalog__controls{display:grid;gap:var(--tm-space-md);padding:var(--tm-card-padding);border:1px solid var(--tm-border-subtle);border-radius:var(--tm-radius-md);background:var(--tm-bg-surface)}.tm-component-catalog__search{display:grid;gap:var(--tm-space-xs);max-width:480px}.tm-component-catalog__areas,.tm-component-catalog__tags{display:flex;flex-wrap:wrap;gap:var(--tm-space-xs)}.tm-component-catalog__area{min-height:30px;padding:0 var(--tm-space-sm);border:1px solid var(--tm-border-default);border-radius:var(--tm-radius-sm);background:var(--tm-bg-surface);color:var(--tm-text-secondary);font:inherit;font-size:var(--tm-font-size-sm);cursor:pointer}.tm-component-catalog__area:is(:hover,:focus-visible),.tm-component-catalog__area--selected{border-color:var(--tm-border-focus);background:var(--tm-bg-elevated);color:var(--tm-text-primary)}.tm-component-catalog__result-heading,.tm-component-catalog__card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--tm-space-md)}.tm-component-catalog__result-heading{margin-bottom:var(--tm-space-md)}.tm-component-catalog__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--tm-space-md)}.tm-component-catalog__card{display:grid;align-content:start;gap:var(--tm-space-md);min-height:250px;padding:var(--tm-card-padding);border:1px solid var(--tm-border-subtle);border-radius:var(--tm-radius-md);background:var(--tm-bg-surface)}.tm-component-catalog__status,.tm-component-catalog__tags span{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border:1px solid var(--tm-border-subtle);border-radius:999px;color:var(--tm-text-secondary);font-size:var(--tm-font-size-xs);white-space:nowrap}.tm-component-catalog__status{border-color:var(--tm-border-focus);color:var(--tm-action-primary)}.tm-component-catalog__metadata{display:grid;gap:var(--tm-space-xs)}.tm-component-catalog__empty{margin:0;padding:var(--tm-card-padding);border:1px dashed var(--tm-border-default);border-radius:var(--tm-radius-md);color:var(--tm-text-muted);background:var(--tm-bg-surface)}.tm-component-preview{min-height:104px;overflow:hidden;padding:var(--tm-space-sm);border:1px solid var(--tm-border-subtle);border-radius:var(--tm-radius-sm);background:var(--tm-bg-canvas)}.tm-component-preview .tm-box{box-shadow:none!important}.tm-component-preview--dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tm-space-sm)}.tm-component-preview--dashboard .tm-text--display,.tm-component-preview .tm-text--display{font-size:22px!important}.tm-component-preview--chart{position:relative;display:grid;align-content:end;color:var(--tm-action-primary)}.tm-component-preview--chart svg{width:100%;height:78px}.tm-component-preview__axis{display:flex;justify-content:space-between;color:var(--tm-text-muted);font-size:var(--tm-font-size-xs)}.tm-component-preview--alarm,.tm-component-preview--ai,.tm-component-preview--state,.tm-component-preview--header{display:grid;align-content:center;gap:var(--tm-space-sm);color:var(--tm-text-secondary);font-size:var(--tm-font-size-sm)}.tm-component-preview--alarm{border-inline-start:4px solid var(--tm-action-danger)}.tm-component-preview--ai>div,.tm-component-preview--filters{display:flex;flex-wrap:wrap;gap:var(--tm-space-xs)}.tm-component-preview--ai span,.tm-component-preview--filters>span{padding:3px 6px;border-radius:var(--tm-radius-sm);background:var(--tm-bg-elevated);font-size:var(--tm-font-size-xs)}.tm-component-preview--controls{display:flex;flex-wrap:wrap;align-items:end;gap:var(--tm-space-sm)}.tm-component-preview--controls label{display:grid;flex:1 1 140px;gap:var(--tm-space-xs);font-size:var(--tm-font-size-xs)}.tm-component-preview--controls .tm-button{min-height:32px;padding-inline:var(--tm-space-sm)}.tm-component-preview--layout{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--tm-space-xs)}.tm-component-preview--layout span{display:grid;min-height:42px;place-items:center;border:1px solid var(--tm-border-default);border-radius:var(--tm-radius-sm);color:var(--tm-text-secondary);font-size:var(--tm-font-size-xs)}.tm-component-preview--layout span:last-child{grid-column:1 / -1}.tm-component-preview--table{display:grid;grid-template-columns:1.5fr 1fr auto;gap:var(--tm-space-xs);align-items:center;padding:var(--tm-space-md);color:var(--tm-text-secondary);font-size:var(--tm-font-size-sm)}.tm-component-preview--table span:last-child{padding:3px 6px;border-radius:999px;background:var(--tm-bg-elevated);color:var(--tm-action-primary);font-size:var(--tm-font-size-xs)}@media (max-width: 520px){.tm-component-preview--dashboard{grid-template-columns:1fr}}.tm-overview-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tm-space-lg)}.tm-overview-section{display:grid;gap:var(--tm-space-md);padding:var(--tm-card-padding);border:1px solid var(--tm-border-subtle);border-radius:var(--tm-radius-md);background:var(--tm-bg-surface)}.tm-overview-section__header,.tm-overview-alarm-card__title,.tm-overview-impact-card__title{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--tm-space-md)}.tm-overview-section__header>div:first-child{display:grid;gap:var(--tm-space-xs)}.tm-overview-section__title{margin:0}.tm-overview-inline-link,.tm-overview-metric-link{color:var(--tm-action-primary);font-size:var(--tm-font-size-sm);text-decoration:none}.tm-overview-inline-link:is(:hover,:focus-visible),.tm-overview-metric-link:is(:hover,:focus-visible){color:var(--tm-action-hover);text-decoration:underline}.tm-overview-alarm-list,.tm-overview-impact-list,.tm-overview-impact-card__assets,.tm-overview-action-list{display:grid;gap:var(--tm-space-sm);margin:0}.tm-overview-alarm-list,.tm-overview-impact-list{padding:0;list-style:none}.tm-overview-alarm-card,.tm-overview-impact-card{display:grid;gap:var(--tm-space-sm);padding:var(--tm-space-md);border:1px solid var(--tm-border-subtle);border-radius:var(--tm-radius-sm);background:var(--tm-bg-canvas)}.tm-overview-alarm-card__title{justify-content:flex-start}.tm-overview-impact-card__assets{padding-inline-start:var(--tm-space-lg)}.tm-overview-impact-card__assets li{display:flex;flex-wrap:wrap;gap:var(--tm-space-sm);align-items:baseline}.tm-overview-evidence-action{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tm-space-lg)}.tm-overview-evidence-action>div{display:grid;gap:var(--tm-space-sm)}.tm-overview-action-list{padding-inline-start:var(--tm-space-lg);color:var(--tm-text-secondary);font-size:var(--tm-font-size-sm);line-height:1.5}.tm-overview-metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--tm-space-lg)}.tm-overview-metric-link{display:block;color:inherit}.tm-overview-metric-link:is(:hover,:focus-visible){color:inherit;text-decoration:none}.tm-overview-metric-link:focus-visible>div{outline:2px solid var(--tm-border-focus);outline-offset:2px}.tm-overview-retry{margin-top:var(--tm-space-sm)}@media (max-width: 900px){.tm-overview-primary-grid,.tm-overview-evidence-action{grid-template-columns:minmax(0,1fr)}}.tm-login-page{display:grid;min-height:100vh;min-height:100dvh;place-items:center;padding:24px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--tm-action-primary) 10%,transparent),transparent 38%),var(--tm-bg-canvas)}.tm-login-card{width:min(100%,420px);padding:32px;border:1px solid var(--tm-border-subtle);border-radius:16px;background:var(--tm-bg-surface);box-shadow:0 18px 48px color-mix(in srgb,var(--tm-text-primary) 10%,transparent)}.tm-login-form{margin:0}.tm-login-error{margin:0;color:var(--tm-action-danger);font-size:var(--tm-font-size-sm)}@media (max-width: 480px){.tm-login-page{padding:16px}.tm-login-card{padding:24px}}.tm-users-card{padding:var(--tm-card-padding);border:1px solid var(--tm-border-subtle);border-radius:var(--tm-radius-md);background:var(--tm-bg-surface)}.tm-users-form{margin:0}.tm-users-form-grid,.tm-users-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tm-space-md)}.tm-users-select-field{display:grid;gap:var(--tm-space-xs)}.tm-users-permissions{margin:0;padding:var(--tm-space-md);border:1px solid var(--tm-border-subtle);border-radius:var(--tm-radius-sm)}.tm-users-checkbox{display:inline-flex;align-items:center;gap:var(--tm-space-sm);min-height:28px;color:var(--tm-text-secondary);font-size:var(--tm-font-size-sm)}.tm-users-checkbox input{margin:0}.tm-users-error{margin:0;color:var(--tm-action-danger);font-size:var(--tm-font-size-sm)}.tm-users-table-scroll{overflow-x:auto}.tm-users-table{width:100%;min-width:760px;border-collapse:collapse;font-size:var(--tm-font-size-sm)}.tm-users-table th,.tm-users-table td{padding:var(--tm-space-sm) var(--tm-space-md);border-bottom:1px solid var(--tm-border-subtle);vertical-align:top;text-align:left}.tm-users-table thead th{color:var(--tm-text-muted);font-size:var(--tm-font-size-xs);font-weight:600}.tm-users-status{display:inline-block;padding:2px 7px;border:1px solid;border-radius:999px;font-size:var(--tm-font-size-xs);font-weight:600}.tm-users-reset-form{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:var(--tm-space-sm);margin-top:var(--tm-space-sm)}@media (max-width: 760px){.tm-users-form-grid,.tm-users-permission-grid,.tm-users-reset-form{grid-template-columns:minmax(0,1fr)}}