@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--color-bg-0: #ffffff;--color-bg-1: #f8f9fb;--color-bg-2: #f0f4f8;--color-bg-3: #e8f0f7;--color-bg-4: #e3ecf5;--color-text-primary: #4a5c6d;--color-text-secondary: #5a6c7d;--color-text-tertiary: #6a7c8d;--color-text-muted: #7a8c9d;--color-text-placeholder: #8a9cad;--color-green-500: #22c55e;--color-green-700: #15803d;--color-red-500: #ef4444;--color-red-700: #b91c1c;--color-red-100: #fee2e2;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-amber-700: #b45309;--color-amber-100: #fef3c7;--color-amber-300: #fcd34d;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-cyan-500: #06b6d4;--color-cyan-600: #0891b2;--color-cyan-700: #0e7490;--color-cyan-100: #cffafe;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-orange-500: #f97316;--color-orange-700: #c2410c;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7e22ce;--color-purple-100: #f3e8ff;--color-emerald-400: #34d399;--color-foreground: #1a1a2e;--color-muted-foreground: #717182;--color-border: rgba(0, 0, 0, .1);--color-surface-card: rgba(255, 255, 255, .6);--color-surface-card-border: rgba(255, 255, 255, .8);--color-surface-card-solid: #ffffff;--color-surface-panel: rgba(255, 255, 255, .5);--color-surface-panel-strong: rgba(255, 255, 255, .7);--color-surface-subtle: rgba(255, 255, 255, .4);--color-surface-context: rgba(236, 236, 240, .5);--color-divider: #e4eef7;--color-divider-soft: rgba(229, 231, 235, .6);--color-border-soft: rgba(0, 0, 0, .06);--color-border-strong: rgba(255, 255, 255, .5);--color-overlay: rgba(0, 0, 0, .5);--color-danger-hover: #fecaca;--shadow-card-raised: 3px 3px 8px rgba(163, 177, 198, .25), -3px -3px 8px rgba(255, 255, 255, .6);--shadow-card-pressed: inset 2px 2px 4px rgba(163, 177, 198, .15), inset -2px -2px 4px rgba(255, 255, 255, .3);--shadow-inset-container: inset 1px 1px 3px rgba(163, 177, 198, .08), inset -1px -1px 3px rgba(255, 255, 255, .15);--shadow-inset-icon: inset 1px 1px 2px rgba(163, 177, 198, .1), inset -1px -1px 2px rgba(255, 255, 255, .2);--shadow-inset-input: inset 1px 1px 3px rgba(163, 177, 198, .1), inset -1px -1px 3px rgba(255, 255, 255, .2);--shadow-inset-input-focus: inset 2px 2px 4px rgba(163, 177, 198, .15), inset -2px -2px 4px rgba(255, 255, 255, .25);--shadow-dialog: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--glow-green: 0 0 8px rgba(34, 197, 94, .6);--glow-green-sm: 0 0 6px rgba(34, 197, 94, .6);--glow-red: 0 0 8px rgba(239, 68, 68, .6);--glow-red-sm: 0 0 6px rgba(239, 68, 68, .6);--glow-amber: 0 0 8px rgba(245, 158, 11, .6);--glow-amber-sm: 0 0 6px rgba(245, 158, 11, .6);--glow-blue: 0 0 8px rgba(59, 130, 246, .6);--glow-cyan: 0 0 8px rgba(6, 182, 212, .6);--glow-gray: 0 0 8px rgba(107, 114, 128, .6);--glow-orange: 0 0 8px rgba(249, 115, 22, .6);--glow-purple: 0 0 8px rgba(168, 85, 247, .6);--ring-green: 0 0 0 2px rgba(34, 197, 94, .4);--ring-red: 0 0 0 2px rgba(239, 68, 68, .4);--ring-amber: 0 0 0 2px rgba(245, 158, 11, .4);--ring-blue: 0 0 0 2px rgba(59, 130, 246, .4);--ring-cyan: 0 0 0 2px rgba(6, 182, 212, .4);--ring-gray: 0 0 0 2px rgba(107, 114, 128, .4);--ring-orange: 0 0 0 2px rgba(249, 115, 22, .4);--ring-purple: 0 0 0 2px rgba(168, 85, 247, .4);--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-size: 16px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--spacing-0: 0;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px}:root[data-theme=dark]{--color-bg-0: #0b1220;--color-bg-1: #101826;--color-bg-2: #142032;--color-bg-3: #17263a;--color-bg-4: #1b2d43;--color-text-primary: #e4edf5;--color-text-secondary: #c6d4df;--color-text-tertiary: #9fb1c0;--color-text-muted: #7f93a4;--color-text-placeholder: #6b7f90;--color-red-100: rgba(127, 29, 29, .4);--color-amber-100: rgba(120, 53, 15, .42);--color-amber-300: rgba(245, 158, 11, .42);--color-cyan-100: rgba(8, 47, 73, .46);--color-gray-50: rgba(30, 41, 59, .48);--color-gray-100: rgba(51, 65, 85, .56);--color-gray-300: rgba(148, 163, 184, .4);--color-gray-400: #64748b;--color-gray-600: #94a3b8;--color-gray-700: #cbd5e1;--color-red-700: #fca5a5;--color-green-700: #86efac;--color-amber-600: #fbbf24;--color-amber-700: #fcd34d;--color-cyan-600: #67e8f9;--color-cyan-700: #a5f3fc;--color-purple-100: rgba(88, 28, 135, .38);--color-purple-600: #c084fc;--color-purple-700: #d8b4fe;--color-orange-700: #fdba74;--color-foreground: #f8fbff;--color-muted-foreground: #8ca0b2;--color-border: rgba(148, 163, 184, .18);--color-surface-card: rgba(16, 24, 38, .72);--color-surface-card-border: rgba(148, 163, 184, .18);--color-surface-card-solid: rgba(21, 32, 48, .92);--color-surface-panel: rgba(14, 22, 35, .68);--color-surface-panel-strong: rgba(24, 35, 54, .82);--color-surface-subtle: rgba(28, 41, 61, .7);--color-surface-context: rgba(8, 14, 25, .72);--color-divider: rgba(148, 163, 184, .18);--color-divider-soft: rgba(148, 163, 184, .12);--color-border-soft: rgba(148, 163, 184, .14);--color-border-strong: rgba(148, 163, 184, .24);--color-overlay: rgba(2, 6, 23, .72);--color-danger-hover: rgba(153, 27, 27, .52);--shadow-card-raised: 8px 8px 24px rgba(2, 6, 23, .45), -6px -6px 18px rgba(59, 130, 246, .04);--shadow-card-pressed: inset 2px 2px 4px rgba(2, 6, 23, .4), inset -2px -2px 4px rgba(148, 163, 184, .05);--shadow-inset-container: inset 1px 1px 3px rgba(2, 6, 23, .36), inset -1px -1px 3px rgba(148, 163, 184, .04);--shadow-inset-icon: inset 1px 1px 2px rgba(2, 6, 23, .4), inset -1px -1px 2px rgba(148, 163, 184, .04);--shadow-inset-input: inset 1px 1px 3px rgba(2, 6, 23, .42), inset -1px -1px 3px rgba(148, 163, 184, .05);--shadow-inset-input-focus: inset 2px 2px 4px rgba(2, 6, 23, .48), inset -2px -2px 4px rgba(148, 163, 184, .07);--shadow-dialog: 0 18px 40px -20px rgba(0, 0, 0, .8), 0 12px 24px -18px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size)}body{font-family:var(--font-family);color:var(--color-foreground);letter-spacing:.01em;line-height:1.6;background:linear-gradient(135deg,var(--color-bg-0) 0%,var(--color-bg-1) 25%,var(--color-bg-2) 50%,var(--color-bg-3) 75%,var(--color-bg-4) 100%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:1.5rem;font-weight:var(--font-weight-medium);line-height:1.4;letter-spacing:.015em}h2{font-size:1.25rem;font-weight:var(--font-weight-medium);line-height:1.5;letter-spacing:.01em}h3{font-size:1.125rem;font-weight:var(--font-weight-medium);line-height:1.5;letter-spacing:.01em}h4,label{font-size:1rem;font-weight:var(--font-weight-medium);line-height:1.5;letter-spacing:.01em}button{font-family:inherit;font-size:1rem;font-weight:var(--font-weight-medium);line-height:1.5;letter-spacing:.01em;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-weight:var(--font-weight-normal);line-height:1.5;letter-spacing:.005em;border:none;color:inherit}pre{font-family:var(--font-family-mono)}img{max-width:100%;display:block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dot--green{background-color:var(--color-green-500);box-shadow:var(--glow-green)}.dot--red{background-color:var(--color-red-500);box-shadow:var(--glow-red)}.dot--blue{background-color:var(--color-blue-500);box-shadow:var(--glow-blue)}.dot--cyan{background-color:var(--color-cyan-500);box-shadow:var(--glow-cyan)}.dot--amber{background-color:var(--color-amber-500);box-shadow:var(--glow-amber)}.dot--purple{background-color:var(--color-purple-500);box-shadow:var(--glow-purple)}.dot--orange{background-color:var(--color-orange-500);box-shadow:var(--glow-orange)}.dot--gray{background-color:var(--color-gray-500);box-shadow:var(--glow-gray)}.dot--gray-light{background-color:var(--color-gray-400)}.text--green{color:var(--color-green-700)}.text--red{color:var(--color-red-700)}.text--blue{color:var(--color-blue-700)}.text--cyan{color:var(--color-cyan-700)}.text--amber{color:var(--color-amber-700)}.text--purple{color:var(--color-purple-700)}.text--orange{color:var(--color-orange-700)}.text--gray{color:var(--color-gray-700)}.text--gray-light{color:var(--color-gray-600)}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.section-header__icon-badge{padding:.375rem;border-radius:var(--radius-lg)}.section-header__icon{width:1rem;height:1rem;color:var(--color-text-secondary);display:block}.section-header__title{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1}.card{background:var(--color-surface-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-2xl);border:1px solid var(--color-surface-card-border);box-shadow:var(--shadow-card-raised)}.card--pressed{box-shadow:var(--shadow-card-pressed)}.app-layout{min-height:100vh;padding:1rem}@media(min-width:768px){.app-layout{padding:1.5rem}}@media(min-width:1024px){.app-layout{padding:2rem}}.app-layout__stack,.app-layout__logs-grid{display:flex;flex-direction:column;gap:0}.app-state-chart,.device-grid,.event-log,.log-viewer{padding:.75rem 0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border:none;border-radius:0;border-bottom:1px solid var(--color-divider)}.header{margin-bottom:1.5rem}.header__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.header__title{font-size:1.25rem;font-weight:300;color:var(--color-text-secondary);letter-spacing:.05em}@media(min-width:768px){.header__title{font-size:1.5rem}}.header__date{font-size:.75rem;color:var(--color-text-muted)}.header__bar{padding:.75rem;background:var(--color-surface-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);border:1px solid var(--color-surface-card-border)}@media(min-width:768px){.header__bar{padding:1rem}}.header__bar-content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.header__kiosk{display:flex;align-items:center;gap:.75rem}.header__kiosk-icon-wrapper{padding:.5rem;border-radius:var(--radius-lg)}.header__kiosk-icon{width:1rem;height:1rem;color:var(--color-text-secondary)}@media(min-width:768px){.header__kiosk-icon{width:1.25rem;height:1.25rem}}.header__kiosk-name{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}@media(min-width:768px){.header__kiosk-name{font-size:1rem}}.header__kiosk-url{font-size:.75rem;color:var(--color-text-muted)}.header__status-row{display:flex;align-items:center;gap:.75rem;font-size:.75rem;overflow-x:auto}.header__connection{display:flex;align-items:center;gap:.375rem;white-space:nowrap}.header__connection-icon{width:.75rem;height:.75rem;color:var(--color-text-muted)}.header__connection-label{color:var(--color-text-tertiary);display:none}@media(min-width:768px){.header__connection-label{display:inline}}.header__platform-state{display:flex;align-items:center;gap:.5rem}.header__platform-current{display:flex;align-items:center;gap:.375rem;cursor:pointer;white-space:nowrap}.header__platform-icon{width:.75rem;height:.75rem;color:var(--color-text-muted)}.header__platform-label{color:var(--color-text-tertiary);display:none}@media(min-width:768px){.header__platform-label{display:inline}}.header__platform-others{display:flex;align-items:center;gap:.5rem;max-width:0;overflow:hidden;transition:max-width .3s ease-in-out}.header__platform-state:hover .header__platform-others{max-width:800px}.header__platform-other-state{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:var(--radius-lg);background:var(--color-surface-subtle);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);white-space:nowrap;opacity:.6;transition:opacity .15s}.header__platform-other-state:hover{opacity:1}.header__platform-other-dot{width:.375rem;height:.375rem;border-radius:50%}.header__platform-other-label{font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.header__dot{width:.5rem;height:.5rem;border-radius:50%}.header__mode-toggle{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:var(--radius-lg);background:var(--color-surface-panel);color:var(--color-text-tertiary);margin-left:auto;transition:background-color .15s,color .15s}.header__mode-toggle:hover{background:var(--color-surface-panel-strong);color:var(--color-text-primary)}.header__mode-icon{width:.75rem;height:.75rem}.header__mode-label{display:none;font-size:13px}@media(min-width:640px){.header__mode-label{display:inline}}.app-state-chart__empty{color:var(--color-text-muted);font-size:.75rem;padding-left:3em}.app-state-chart__clients{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto}@media(min-width:768px){.app-state-chart__clients{max-height:none}}.client-state-row{padding:.5rem .75rem;border-radius:var(--radius-lg);background:var(--color-surface-panel);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-bottom:1px solid var(--color-divider-soft);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.client-state-row__client-id{font-weight:var(--font-weight-medium);font-size:.875rem;color:var(--color-text-primary);min-width:120px;font-family:var(--font-family)}.client-state-row__states{display:flex;align-items:center;gap:.5rem;overflow:hidden}.client-state-row__hidden-states{display:flex;align-items:center;gap:.5rem;max-width:0;overflow:hidden;transition:max-width .3s ease-in-out}.client-state-row__states:hover .client-state-row__hidden-states{max-width:800px}.client-state-row__inactive-state{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:var(--radius-lg);background:var(--color-surface-subtle);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);white-space:nowrap;opacity:.6;transition:opacity .15s}.client-state-row__inactive-state:hover{opacity:1}.client-state-row__inactive-dot{width:.375rem;height:.375rem;border-radius:50%}.client-state-row__inactive-label{font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.client-state-row__current-state{display:flex;align-items:center;gap:.375rem;cursor:pointer;white-space:nowrap}.client-state-row__current-dot{width:.5rem;height:.5rem;border-radius:50%}.client-state-row__current-label{font-size:.75rem;font-weight:var(--font-weight-medium)}.device-grid__live-badge{margin-left:auto;background:var(--color-amber-100);border:1px solid var(--color-amber-300);color:var(--color-amber-700);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:var(--font-weight-medium)}@media(max-width:767px){.device-grid__live-badge{padding:.25rem .5rem}}.device-grid__grid{display:grid;grid-template-columns:1fr;gap:.5rem}@media(min-width:1024px){.device-grid__grid{grid-template-columns:repeat(2,1fr)}}.device-card{padding:.5rem .75rem;border-radius:var(--radius-lg);background:var(--color-surface-card-solid);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.device-card__info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.device-card__icon-wrapper{padding:.5rem;border-radius:var(--radius-lg);flex-shrink:0}.device-card__icon{width:1rem;height:1rem}.device-card__icon--ready{color:var(--color-text-secondary)}.device-card__icon--busy{color:var(--color-blue-600)}.device-card__icon--unavailable{color:var(--color-gray-400)}.device-card__details{flex:1;min-width:0}.device-card__name-row{display:flex;align-items:baseline;gap:.75rem}.device-card__label{font-weight:var(--font-weight-medium);font-size:.875rem;color:var(--color-text-primary)}.device-card__type{font-size:.75rem;color:var(--color-text-muted)}.device-card__component-id{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-family-mono)}.device-card__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.device-card__fault-code{font-size:.75rem;color:var(--color-red-700);font-family:var(--font-family-mono);display:none;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:1024px){.device-card__fault-code{display:inline}}.device-status{display:flex;align-items:center;gap:.5rem}.device-status__dot{width:.625rem;height:.625rem;border-radius:50%}.device-status__label{font-size:.75rem;font-weight:var(--font-weight-medium)}.device-card__settings-btn{padding:.375rem;border-radius:var(--radius-lg);background:var(--color-surface-panel);color:var(--color-text-tertiary);transition:background-color .15s,color .15s}.device-card__settings-btn:hover{background:var(--color-surface-panel-strong);color:var(--color-text-primary)}.device-card__settings-btn:disabled{opacity:.5;cursor:not-allowed}.device-card__settings-icon{width:.875rem;height:.875rem}.event-log__count{margin-bottom:.75rem;font-size:.75rem;color:var(--color-text-muted)}.event-log__scroll-container{border-radius:var(--radius-xl);background:var(--color-surface-panel);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:var(--shadow-inset-container);overflow:hidden}.event-log__scroll{height:16rem;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}@media(min-width:768px){.event-log__scroll{height:20rem;padding:.5rem 1rem}}.event-log__empty{color:var(--color-text-muted);font-size:.875rem;text-align:center;padding:2rem 0}.event-entry{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;white-space:nowrap}.event-entry__icon-wrapper{padding:.25rem;border-radius:var(--radius-sm);flex-shrink:0}.event-entry__icon-wrapper--state-update{background:var(--color-cyan-100)}.event-entry__icon-wrapper--component-event{background:var(--color-amber-100)}.event-entry__icon-wrapper--app-state-update{background:var(--color-purple-100)}.event-entry__icon--state-update{width:.75rem;height:.75rem;color:var(--color-cyan-600)}.event-entry__icon--component-event{width:.75rem;height:.75rem;color:var(--color-amber-600)}.event-entry__icon--app-state-update{width:.75rem;height:.75rem;color:var(--color-purple-600)}.event-entry__timestamp{font-size:.75rem;color:var(--color-muted-foreground);font-family:var(--font-family-mono);flex-shrink:0}.event-entry__summary{font-size:.75rem;color:var(--color-foreground);overflow:hidden;text-overflow:ellipsis}.log-viewer__filters{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}@media(min-width:768px){.log-viewer__filters{gap:1rem}}.log-viewer__filter-label{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.5rem}.log-viewer__levels{display:flex;flex-wrap:wrap;gap:.5rem}@media(min-width:768px){.log-viewer__levels{gap:.75rem}}.log-viewer__level-item{display:flex;align-items:center;gap:.375rem}@media(min-width:768px){.log-viewer__level-item{gap:.5rem}}.label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1;font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none}.label--sm{font-size:.75rem}.log-viewer__controls-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:768px){.log-viewer__controls-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.log-viewer__select{width:100%;padding:.5rem 1rem;border-radius:var(--radius-xl);background:var(--color-surface-panel);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:var(--shadow-inset-input);color:var(--color-text-primary);outline:none;transition:box-shadow .15s;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.log-viewer__select:focus{box-shadow:var(--shadow-inset-input-focus)}.log-viewer__search-wrapper{position:relative}.log-viewer__search-input{width:100%;padding:.5rem 1rem .5rem 2.25rem;border-radius:var(--radius-xl);background:var(--color-surface-panel);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:var(--shadow-inset-input);color:var(--color-text-primary);outline:none;transition:box-shadow .15s}.log-viewer__search-input::placeholder{color:var(--color-text-placeholder)}.log-viewer__search-input:focus{box-shadow:var(--shadow-inset-input-focus)}.log-viewer__search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);z-index:1;width:1rem;height:1rem;color:var(--color-text-placeholder);pointer-events:none}.log-viewer__search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--color-text-placeholder);padding:0;background:none;border:none}.log-viewer__search-clear:hover{color:var(--color-text-primary)}.log-viewer__search-clear-icon{width:1rem;height:1rem}.log-viewer__toolbar{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}@media(min-width:640px){.log-viewer__toolbar{flex-direction:row;align-items:center}}.log-viewer__count{font-size:.75rem;color:var(--color-text-muted)}.log-viewer__jump-btn{padding:.375rem .75rem;border-radius:var(--radius-lg);background:var(--color-surface-panel);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-size:.75rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:flex;align-items:center;gap:.375rem;transition:background-color .15s}.log-viewer__jump-btn:hover{background:var(--color-surface-panel-strong)}.log-viewer__jump-icon{width:.75rem;height:.75rem}.log-viewer__scroll-container{border-radius:var(--radius-xl);background:var(--color-surface-panel);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:var(--shadow-inset-container);overflow:hidden}.log-viewer__scroll{height:16rem;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;font-family:var(--font-family-mono);font-size:.75rem}@media(min-width:768px){.log-viewer__scroll{height:24rem;padding:.5rem 1rem}}.log-viewer__empty{color:var(--color-text-muted);text-align:center;padding:2rem 0}.log-entry{background:var(--color-surface-subtle);border-radius:var(--radius-sm);padding:.5rem}.log-entry__row{display:flex;align-items:flex-start;gap:.5rem}.log-entry__expand-btn{color:var(--color-muted-foreground);flex-shrink:0;margin-top:.125rem;padding:0;background:none;border:none}.log-entry__expand-btn:hover{color:var(--color-foreground)}.log-entry__expand-icon{width:.75rem;height:.75rem}.log-entry__spacer{width:.75rem;flex-shrink:0}.log-entry__content{flex:1;min-width:0}.log-entry__meta{display:flex;align-items:flex-start;gap:.5rem}.log-entry__timestamp,.log-entry__module{color:var(--color-muted-foreground);flex-shrink:0}.log-entry__message{color:var(--color-foreground)}.log-entry__context{margin-top:.5rem;padding:.5rem;background:var(--color-surface-context);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.log-entry__context pre{color:var(--color-muted-foreground);font-size:.75rem;overflow-x:auto;margin:0}.level-badge{padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:var(--font-weight-medium);text-transform:uppercase;flex-shrink:0}.level-badge--fatal,.level-badge--error{background:var(--color-red-100);color:var(--color-red-700)}.level-badge--warn{background:var(--color-amber-100);color:var(--color-amber-700)}.level-badge--info{background:var(--color-cyan-100);color:var(--color-cyan-700)}.level-badge--debug{background:var(--color-gray-100);color:var(--color-gray-700)}.level-badge--trace{background:var(--color-gray-50);color:var(--color-gray-600)}.checkbox{width:1rem;height:1rem;flex-shrink:0;border-radius:4px;border:1px solid var(--color-gray-300);background:var(--color-surface-card);box-shadow:0 1px 2px #0000000d;transition:box-shadow .15s;outline:none;display:flex;align-items:center;justify-content:center;padding:0}.checkbox--checked{background:var(--color-surface-card-solid);color:var(--color-text-primary)}.checkbox:disabled{cursor:not-allowed;opacity:.5}.checkbox__icon{width:.875rem;height:.875rem}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--color-overlay)}.dialog-content{position:fixed;top:50%;left:50%;z-index:50;display:grid;width:100%;max-width:calc(100% - 2rem);transform:translate(-50%,-50%);gap:1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:1.5rem;box-shadow:var(--shadow-dialog)}@media(min-width:640px){.dialog-content{max-width:32rem}}.dialog-header{display:flex;flex-direction:column;gap:.5rem;text-align:center}@media(min-width:640px){.dialog-header{text-align:left}}.dialog-title{font-size:1.125rem;line-height:1;font-weight:var(--font-weight-semibold)}.dialog-description{color:var(--color-muted-foreground);font-size:.875rem}.fault-modal{background:var(--color-surface-card-solid);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-color:var(--color-surface-card-border);color:var(--color-text-primary);max-width:28rem}.fault-modal__title{color:var(--color-text-primary)}.fault-modal__description{color:var(--color-text-muted)}.fault-modal__body{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.fault-modal__status-label{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:.75rem}.fault-modal__status-value{color:var(--color-text-primary)}.fault-modal__fault-active{color:var(--color-red-700);margin-left:.5rem}.fault-modal__section-label{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:.5rem}.fault-modal__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.fault-modal__fault-btn{height:auto;padding:.5rem .75rem;font-size:.75rem;white-space:normal;text-align:left;border-radius:var(--radius-lg);background:var(--color-surface-panel);color:var(--color-text-secondary);border:1px solid var(--color-border-strong);transition:background-color .15s}.fault-modal__fault-btn:hover{background:var(--color-surface-panel-strong)}.fault-modal__fault-btn:disabled{opacity:.5;cursor:not-allowed}.fault-modal__clear-section{padding-top:.5rem}.fault-modal__clear-btn{width:100%;padding:.625rem 1rem;border-radius:var(--radius-xl);background:var(--color-emerald-400);color:#fff;font-weight:var(--font-weight-medium);transition:opacity .15s}.fault-modal__clear-btn:disabled{opacity:.5;cursor:not-allowed}.fault-modal__warning{background:var(--color-amber-100);border:1px solid var(--color-amber-300);color:var(--color-amber-700);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.75rem}.image-fallback{display:inline-block;background:var(--color-gray-100);text-align:center;vertical-align:middle}.image-fallback__container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.config-section__toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background:var(--color-surface-panel);border-radius:var(--radius-xl);box-shadow:var(--shadow-card-raised);transition:background-color .15s}.config-section__toggle:hover{background:var(--color-surface-panel-strong)}.config-section__badge{margin-left:auto;font-size:.75rem;font-weight:var(--font-weight-medium);color:var(--color-amber-700);background:var(--color-amber-100);border:1px solid var(--color-amber-300);padding:.125rem .5rem;border-radius:var(--radius-sm)}.config-section__content{margin-top:.75rem;padding:1rem;background:var(--color-surface-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-inset-container)}.config-section__save{margin-top:1rem;padding:.5rem 1.5rem;background:var(--color-blue-600);color:#fff;border-radius:var(--radius-lg);font-size:.875rem;font-weight:var(--font-weight-medium);box-shadow:var(--shadow-card-raised);transition:background-color .15s}.config-section__save:hover{background:var(--color-blue-700)}.config-section__feedback{display:block;margin-top:.5rem;font-size:.75rem;font-weight:var(--font-weight-medium)}.config-section__feedback--success{color:var(--color-green-700)}.config-section__feedback--error{color:var(--color-red-700)}.config-panel__section-title{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;padding-bottom:.375rem;border-bottom:1px solid var(--color-border-soft)}.config-panel__section-title:not(:first-child){margin-top:1.5rem}.config-panel__field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.config-panel__field label{font-size:.75rem;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}.config-panel__field input,.config-panel__field select{padding:.5rem .75rem;font-size:.875rem;color:var(--color-text-primary);background:var(--color-surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset-input);transition:box-shadow .15s}.config-panel__field input:focus,.config-panel__field select:focus{outline:none;box-shadow:var(--shadow-inset-input-focus),var(--ring-blue)}.config-panel__field input[type=number]{font-family:var(--font-family-mono)}.config-panel__error{font-size:.75rem;color:var(--color-red-700)}.config-panel__app-card{padding:.75rem;margin-bottom:.75rem;background:var(--color-surface-panel);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl)}.config-panel__app-card legend{font-size:.8125rem;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);padding:0 .25rem}.config-panel__app-card button{margin-top:.5rem;padding:.25rem .75rem;font-size:.75rem;color:var(--color-red-700);background:var(--color-red-100);border-radius:var(--radius-sm);transition:background-color .15s}.config-panel__app-card button:hover{background:var(--color-danger-hover)}