:root{--color-brand: #c86b36;--color-brand-hover: #b55b2b;--color-brand-soft: rgba(200, 107, 54, .12);--color-brand-light: rgba(200, 107, 54, .06);--color-brand-glow: rgba(200, 107, 54, .28);--color-accent-cool: rgba(96, 138, 176, .18);--color-bg-page: #f6f3ef;--color-bg-panel: rgba(255, 255, 255, .82);--color-bg-panel-solid: #ffffff;--color-bg-elevated: rgba(255, 255, 255, .96);--color-bg-hover: rgba(255, 248, 240, .8);--color-bg-subtle: rgba(246, 240, 232, .5);--color-text-primary: #2d2a26;--color-text-secondary: #6a645d;--color-text-muted: #948b81;--color-text-inverse: #ffffff;--color-border: rgba(199, 181, 163, .46);--color-border-weak: rgba(199, 181, 163, .26);--color-border-strong: rgba(199, 181, 163, .72);--color-border-focus: rgba(200, 107, 54, .6);--color-success: #2f7d68;--color-success-soft: rgba(47, 125, 104, .12);--color-warning: #c58a1f;--color-warning-soft: rgba(197, 138, 31, .14);--color-danger: #b5523c;--color-danger-soft: rgba(181, 82, 60, .12);--color-muted: #847d75;--color-muted-soft: rgba(132, 125, 117, .12);--font-family-base: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-family-heading: "Manrope", "IBM Plex Sans", system-ui, sans-serif;--font-family-mono: "JetBrains Mono", "Roboto Mono", "Consolas", "Menlo", monospace;--shadow-xs: 0 1px 3px rgba(139, 90, 43, .06);--shadow-sm: 0 2px 8px rgba(139, 90, 43, .08);--shadow-card: 0 8px 24px rgba(53, 41, 27, .07);--shadow-elevated: 0 16px 40px rgba(53, 41, 27, .1);--shadow-brand: 0 8px 20px rgba(200, 107, 54, .18);--blur-panel: blur(16px);--blur-bar: blur(14px);--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-xs: 6px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--focus-ring: 0 0 0 3px rgba(200, 107, 54, .2);--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .35s;--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-base: all .25s cubic-bezier(.4, 0, .2, 1);--nav-width: 134px;--nav-width-collapsed: 52px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100vh}body{font-family:var(--font-family-base);font-size:14px;line-height:1.6;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 8% 2%,rgba(200,107,54,.12),transparent 28%),radial-gradient(circle at 100% -10%,var(--color-accent-cool),transparent 34%),linear-gradient(180deg,#f9f5ef 0%,var(--color-bg-page) 100%);background-attachment:fixed}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font:inherit;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffc7;transition:var(--transition-base)}input:hover,select:hover{border-color:var(--color-border-strong);background:#ffffffeb}input:focus,select:focus,textarea:focus{border-color:var(--color-border-focus);box-shadow:var(--focus-ring);outline:none}img,svg{display:block;max-width:100%}h1,h2,h3,h4{font-family:var(--font-family-heading);line-height:1.3}p,dl,dt,dd{margin:0}.is-mono{font-family:var(--font-family-mono);letter-spacing:.01em}.app-shell{display:grid;grid-template-columns:var(--nav-width) 1fr;width:100%;min-height:100vh;transition:grid-template-columns var(--duration-base) var(--ease-out)}.app-shell.is-nav-collapsed{grid-template-columns:var(--nav-width-collapsed) 1fr}.app-shell__main{min-width:0;overflow-x:hidden;background:radial-gradient(circle at top right,rgba(198,223,245,.22),transparent 30%)}.app-shell__viewport{min-width:0;overflow-x:hidden}.app-shell__content{padding:var(--space-6);width:min(100%,1440px);max-width:1440px;min-width:0;box-sizing:border-box}.side-nav{position:sticky;top:0;height:100vh;overflow-y:auto;padding:var(--space-5) var(--space-3);border-right:1px solid var(--color-border-weak);background:linear-gradient(180deg,#fffdf9eb,#f6f0e8e0);-webkit-backdrop-filter:var(--blur-bar);backdrop-filter:var(--blur-bar);display:flex;flex-direction:column;transition:padding var(--duration-base) var(--ease-out);z-index:20}.side-nav.is-collapsed{padding:var(--space-5) 10px}.side-nav__brand{display:flex;justify-content:space-between;align-items:center;gap:var(--space-1);margin-bottom:var(--space-6);min-height:34px;padding:0}.side-nav__brand-left{display:flex;flex:1 1 auto;min-width:0;gap:0;align-items:center;overflow:hidden}.side-nav__brand-mark{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-brand),#8f573b);color:#fff;font-weight:700;font-size:14px;flex-shrink:0;box-shadow:var(--shadow-brand)}.side-nav__brand-name{display:block;min-width:0;font-family:var(--font-family-heading);font-weight:700;font-size:12px;letter-spacing:.02em;color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;opacity:1;transition:opacity var(--duration-fast) var(--ease-out)}.side-nav.is-collapsed .side-nav__brand-name{opacity:0;width:0;overflow:hidden}.side-nav.is-collapsed .side-nav__brand{justify-content:center}.side-nav__toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fffcf7b8;color:var(--color-text-secondary);flex-shrink:0;transition:var(--transition-base)}.side-nav__toggle:hover{border-color:var(--color-brand-glow);background:#f2e4d6e6;color:var(--color-brand)}.side-nav__toggle svg{width:14px;height:14px;transition:transform var(--duration-base) var(--ease-out)}.side-nav.is-collapsed .side-nav__toggle svg{transform:rotate(180deg)}.side-nav__menu{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.side-nav__item{display:flex;align-items:center;gap:var(--space-2);padding:10px 12px;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:14px;font-weight:500;border:1px solid transparent;position:relative;transition:var(--transition-base);white-space:nowrap;overflow:hidden}.side-nav.is-collapsed .side-nav__item{justify-content:center;padding:10px 8px}.side-nav__item:hover{background:var(--color-brand-soft);border-color:#c86b362e;color:var(--color-text-primary)}.side-nav__item.is-active{background:var(--color-brand-soft);border-color:#c86b3652;color:var(--color-brand);font-weight:600}.side-nav__item.is-active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:var(--radius-full);background:linear-gradient(180deg,var(--color-brand),#a75d33)}.side-nav__icon{width:18px;height:18px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.side-nav__icon svg{width:18px;height:18px}.side-nav__label{opacity:1;transition:opacity var(--duration-fast) var(--ease-out)}.side-nav.is-collapsed .side-nav__label{opacity:0;width:0;overflow:hidden}.side-nav__footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border-weak)}.top-bar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-weak);background:#faf6f0c7;-webkit-backdrop-filter:var(--blur-bar);backdrop-filter:var(--blur-bar);min-height:64px}.top-bar__lead{min-width:0;display:flex;align-items:center;gap:var(--space-3)}.top-bar__hamburger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:var(--transition-fast)}.top-bar__hamburger:hover{background:var(--color-brand-soft);color:var(--color-brand)}.top-bar__hamburger svg{width:22px;height:22px}.top-bar__system-title{font-family:var(--font-family-heading);font-size:20px;font-weight:700;line-height:1.2;color:var(--color-text-primary);white-space:nowrap}.top-bar__actions{display:flex;align-items:center;gap:var(--space-3);min-width:0}.top-bar__scene-picker{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:#fffcf7e6;box-shadow:var(--shadow-xs);min-width:min(380px,40vw)}.top-bar__scene-label{font-size:13px;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.top-bar__scene-picker select{flex:1;min-width:0;min-height:34px;border:1px solid transparent;border-radius:var(--radius-full);padding:0 var(--space-3);background:transparent;font-size:13px}.top-bar__scene-picker select:focus{border-color:var(--color-border-focus);background:#fff9}.top-bar__scene-value{flex:1;min-height:34px;display:inline-flex;align-items:center;padding:0 var(--space-3);border-radius:var(--radius-full);color:var(--color-text-secondary);background:#ffffff73;font-size:13px}.top-bar__user{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:#fffcf7e6;box-shadow:var(--shadow-xs);font-size:13px;color:var(--color-text-secondary)}.top-bar__logout{color:var(--color-brand);font-size:13px;font-weight:500;transition:var(--transition-fast)}.top-bar__logout:hover{color:var(--color-brand-hover)}.page{display:grid;min-width:0;gap:var(--space-5)}.page-header{display:flex;justify-content:space-between;gap:var(--space-6);align-items:flex-end}.page-header__info h2{font-size:22px;font-weight:700;color:var(--color-text-primary)}.page-header__description{margin-top:var(--space-1);color:var(--color-text-secondary);font-size:13px}.page-header__breadcrumbs{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);font-size:13px;color:var(--color-text-muted)}.page-header__breadcrumb-link{color:var(--color-text-secondary);transition:var(--transition-fast)}.page-header__breadcrumb-link:hover{color:var(--color-brand)}.page-header__breadcrumb-sep{color:var(--color-text-muted);font-size:11px}.page-header__breadcrumb-current{color:var(--color-text-primary);font-weight:500}.page-header__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.page-header__back-button{min-height:34px;padding:0 var(--space-3);font-size:13px}.drawer-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#2f2a2566;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:19;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out)}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.mobile-tab-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border-weak);background:#fffcf7f5;-webkit-backdrop-filter:var(--blur-bar);backdrop-filter:var(--blur-bar);box-shadow:0 -12px 28px #2f2a2514}.mobile-tab-bar__item{display:grid;justify-items:center;gap:4px;min-width:0;padding:8px 4px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:var(--transition-fast)}.mobile-tab-bar__item.is-active{color:var(--color-brand);background:var(--color-brand-soft)}.mobile-tab-bar__icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}.mobile-tab-bar__icon svg{width:20px;height:20px}.mobile-tab-bar__label{font-size:11px;font-weight:600}.metric-grid,.card-grid,.detail-grid{display:grid;gap:var(--space-4)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid--dashboard,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.param-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.page-fade-enter-active,.page-fade-leave-active{transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.page-fade-enter-from{opacity:0;transform:translateY(6px)}.page-fade-leave-to{opacity:0}@media (max-width: 1180px){.metric-grid,.card-grid,.detail-grid,.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.side-nav{position:fixed;left:0;top:0;width:var(--nav-width);transform:translate(-100%);transition:transform var(--duration-base) var(--ease-out);box-shadow:none;z-index:25}.side-nav.is-drawer-open{transform:translate(0);box-shadow:var(--shadow-elevated)}.side-nav.is-collapsed{padding:var(--space-5) var(--space-4)}.side-nav.is-collapsed .side-nav__label,.side-nav.is-collapsed .side-nav__brand-name{opacity:1;width:auto}.side-nav.is-collapsed .side-nav__item{justify-content:flex-start;padding:10px var(--space-3)}.drawer-backdrop{display:block}.top-bar__hamburger{display:inline-flex}.top-bar{padding:var(--space-3) var(--space-4)}.top-bar__system-title{font-size:16px}.top-bar__scene-picker{min-width:0;flex:1}.app-shell__content{padding:var(--space-4);padding-bottom:calc(var(--space-6) + 82px + env(safe-area-inset-bottom,0px))}.metric-grid,.card-grid,.detail-grid,.member-grid,.param-grid{grid-template-columns:1fr}.metric-grid--dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-tab-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}@media (max-width: 640px){.top-bar{flex-wrap:wrap;gap:var(--space-2)}.top-bar__scene-picker{order:3;width:100%}.top-bar__lead{width:100%;justify-content:space-between}.top-bar__actions{width:100%}.metric-grid--dashboard{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-bg-panel);color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.button:hover:not(:disabled){background:var(--color-bg-elevated);border-color:var(--color-border-focus);box-shadow:var(--shadow-xs)}.button:active:not(:disabled){transform:scale(.97)}.button--primary{border-color:transparent;background:linear-gradient(135deg,var(--color-brand),#b55b2b);color:var(--color-text-inverse);box-shadow:var(--shadow-brand)}.button--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-brand-hover),#9e5c37);box-shadow:0 10px 28px #c86b3638;transform:translateY(-1px)}.button--danger{border-color:transparent;background:linear-gradient(135deg,#c55a42,#a94335);color:var(--color-text-inverse);box-shadow:0 8px 20px #c55a4233}.button--danger:hover:not(:disabled){background:linear-gradient(135deg,#b44e39,#97392d);box-shadow:0 10px 24px #c55a4242;transform:translateY(-1px)}.button--ghost{background:#fffcf7d6;border-color:var(--color-border);color:var(--color-text-secondary)}.button--ghost:hover:not(:disabled){background:var(--color-bg-elevated);color:var(--color-text-primary)}.button--sm{min-height:32px;padding:0 var(--space-3);font-size:13px}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.data-card{padding:var(--space-5);border:1px solid var(--color-border);background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);transition:var(--transition-base);overflow:hidden;position:relative}.data-card:hover{transform:translateY(-2px);border-color:var(--color-border-strong);box-shadow:var(--shadow-card)}.data-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-brand),rgba(200,107,54,.3));opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.data-card:hover:before{opacity:1}.data-card__title{color:var(--color-text-secondary);font-size:13px;font-weight:500}.data-card__value{display:block;margin:var(--space-2) 0 var(--space-2);font-size:32px;font-family:var(--font-family-heading);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--color-text-primary)}.data-card__hint{color:var(--color-text-muted);font-size:12px}.panel{padding:var(--space-5);border:1px solid var(--color-border);background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);transition:var(--transition-base);min-width:0;max-width:100%}.panel__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.panel__header h3{font-size:16px;font-weight:600;color:var(--color-text-primary)}.panel__subtle{color:var(--color-text-muted);font-size:12px}.panel__placeholder{padding:var(--space-6) var(--space-2);text-align:center;color:var(--color-text-secondary);font-size:14px}.panel__placeholder--compact{padding:var(--space-4) 0}.panel--filters{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.panel--filters input[type=text]{flex:1 1 240px;min-width:min(200px,100%);min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-full);background:#ffffffb3}.panel--filters select{min-height:40px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:#ffffffbd;transition:var(--transition-base)}.panel--filters select:focus{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.checkbox{display:inline-flex;gap:var(--space-2);align-items:center;color:var(--color-text-secondary);font-size:13px;cursor:pointer;white-space:nowrap}.checkbox input[type=checkbox]{width:16px;height:16px;border-radius:var(--radius-xs);accent-color:var(--color-brand)}.state-tag{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 9px;border-radius:var(--radius-full);font-size:12px;font-weight:600;white-space:nowrap}.state-tag:before{content:"";width:7px;height:7px;border-radius:var(--radius-full);background:currentColor;opacity:.74;flex-shrink:0}.state-tag--success{color:var(--color-success);background:var(--color-success-soft);border:1px solid rgba(47,125,104,.22)}.state-tag--success:before{animation:pulse-dot 1.9s ease-out infinite}.state-tag--warning{color:var(--color-warning);background:var(--color-warning-soft);border:1px solid rgba(197,138,31,.22)}.state-tag--danger{color:var(--color-danger);background:var(--color-danger-soft);border:1px solid rgba(181,82,60,.22)}.state-tag--muted{color:var(--color-muted);background:var(--color-muted-soft);border:1px solid rgba(132,125,117,.2)}.table-shell{overflow:auto;border-radius:var(--radius-md);position:relative;max-width:100%}.table{width:100%;border-collapse:collapse}.table thead{background:#f6f0e8cc}.table th,.table td{padding:var(--space-3) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border-weak)}.table th{font-weight:600;font-size:13px;color:var(--color-text-secondary);letter-spacing:.02em;white-space:nowrap}.table tbody tr{cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.table tbody tr:hover{background:#c86b360f}.table-empty{padding:var(--space-8) var(--space-2);color:var(--color-text-secondary)}.detail-list{display:grid;gap:var(--space-4)}.detail-list>div{display:grid;gap:var(--space-1)}.detail-list dt{color:var(--color-text-secondary);font-size:13px;font-weight:500}.detail-list dd{color:var(--color-text-primary);font-size:14px}.member-card,.param-card{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);transition:var(--transition-base)}.member-card:hover,.param-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.member-card p,.param-card p{color:var(--color-text-secondary);font-size:13px}.member-card strong,.param-card strong{font-size:18px;font-weight:600}.member-card span{font-size:12px;color:var(--color-text-muted)}.param-card__value-line{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}.param-card__value-line span{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:#2f2a2559;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;animation:modal-fade-in var(--duration-fast) var(--ease-out)}.modal-card{width:min(640px,100%);max-height:min(80vh,720px);overflow:auto;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:#fffcf7fa;box-shadow:var(--shadow-elevated);animation:modal-slide-up var(--duration-base) var(--ease-spring)}.modal-form{display:grid;gap:var(--space-4)}.modal-field{display:grid;gap:var(--space-2)}.modal-field>span{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.modal-field input{min-height:44px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffe6}.modal-field input:focus{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5)}.modal-error{color:var(--color-danger);font-size:13px}.empty-state{padding:var(--space-10) var(--space-4);text-align:center}.empty-state__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto var(--space-4);border-radius:var(--radius-lg);background:var(--color-brand-light);color:var(--color-text-muted)}.empty-state__icon svg{width:28px;height:28px}.empty-state h3{margin-bottom:var(--space-2);font-size:16px;font-weight:600;color:var(--color-text-primary)}.empty-state p{color:var(--color-text-secondary);font-size:14px;max-width:360px;margin:0 auto;line-height:1.6}.trend-chart{width:100%}.text-link{color:var(--color-brand);font-weight:500;transition:var(--transition-fast)}.text-link:hover{color:var(--color-brand-hover)}.toast-container{position:fixed;top:var(--space-5);right:var(--space-5);z-index:50;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-panel-solid);box-shadow:var(--shadow-elevated);border:1px solid var(--color-border);font-size:14px;color:var(--color-text-primary);pointer-events:auto;animation:toast-slide-in var(--duration-base) var(--ease-spring);max-width:360px}.toast--success{border-left:3px solid var(--color-success)}.toast--error{border-left:3px solid var(--color-danger)}.toast--warning{border-left:3px solid var(--color-warning)}.toast.is-leaving{animation:toast-slide-out var(--duration-fast) var(--ease-out) forwards}.skeleton{background:linear-gradient(90deg,#c7b5a31f 25%,#c7b5a33d,#c7b5a31f 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton--text{height:14px;width:80%}.skeleton--title{height:20px;width:50%}.skeleton--value{height:36px;width:60%}.skeleton--card{height:120px}.skeleton--row{height:48px;width:100%}@keyframes pulse-dot{0%{opacity:.9;box-shadow:0 0 #2f7d6847}70%{opacity:1;box-shadow:0 0 0 7px #2f7d6800}to{opacity:.75;box-shadow:0 0 #2f7d6800}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(24px)}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.auth-page{min-height:100vh;position:relative;display:grid;place-items:center;padding:var(--space-8);overflow:hidden;background:radial-gradient(circle at 16% 14%,rgba(228,181,142,.4),transparent 20%),radial-gradient(circle at 84% 18%,rgba(150,196,241,.2),transparent 18%),radial-gradient(circle at 52% 78%,rgba(255,186,138,.24),transparent 20%),radial-gradient(circle at 48% 34%,rgba(255,255,255,.1),transparent 22%),linear-gradient(180deg,#5f5a5f,#726a66,#8b7a71 64%,#9d8a7c)}.auth-page__aurora{position:absolute;border-radius:var(--radius-full);filter:blur(22px);opacity:.75;pointer-events:none}.auth-page__aurora--left{top:6%;left:-4%;width:520px;height:520px;background:radial-gradient(circle,rgba(156,196,255,.34),transparent 70%)}.auth-page__aurora--right{right:-8%;bottom:-2%;width:560px;height:560px;background:radial-gradient(circle,rgba(138,236,219,.24),transparent 72%)}.auth-page__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(236,242,250,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(236,242,250,.03) 1px,transparent 1px),radial-gradient(circle at 8% 18%,rgba(255,255,255,.95) 0 1px,transparent 1.8px),radial-gradient(circle at 14% 42%,rgba(255,255,255,.72) 0 1px,transparent 1.8px),radial-gradient(circle at 21% 70%,rgba(255,255,255,.82) 0 1px,transparent 1.8px),radial-gradient(circle at 37% 24%,rgba(255,255,255,.7) 0 1px,transparent 1.7px),radial-gradient(circle at 48% 14%,rgba(255,255,255,.92) 0 1px,transparent 1.9px),radial-gradient(circle at 56% 56%,rgba(255,255,255,.6) 0 1px,transparent 1.8px),radial-gradient(circle at 68% 34%,rgba(255,255,255,.76) 0 1px,transparent 1.7px),radial-gradient(circle at 77% 62%,rgba(255,255,255,.78) 0 1px,transparent 1.8px),radial-gradient(circle at 88% 22%,rgba(255,255,255,.88) 0 1px,transparent 1.9px),radial-gradient(circle at 92% 78%,rgba(255,255,255,.68) 0 1px,transparent 1.8px),radial-gradient(circle at 52% 42%,rgba(210,229,255,.16) 0 20%,transparent 54%);background-size:60px 60px,60px 60px,auto,auto,auto,auto,auto,auto,auto,auto,auto,auto,auto;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 92%);pointer-events:none;opacity:.95}.auth-page__panel{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .88fr;gap:var(--space-6);width:min(1080px,100%);animation:modal-slide-up .5s var(--ease-spring)}.auth-page__hero{position:relative;padding:var(--space-8) var(--space-8);border-radius:28px;box-shadow:0 22px 56px #00000038;background:radial-gradient(circle at 50% 22%,rgba(190,217,255,.18),transparent 22%),linear-gradient(180deg,#fbfdffe0,#f1f6fbdb);border:1px solid rgba(232,239,248,.34);overflow:hidden}.auth-page__hero:before{content:"";position:absolute;inset:auto 10% 12% 10%;height:1px;background:linear-gradient(90deg,transparent,rgba(127,161,196,.28),transparent)}.auth-page__hero:after{content:"";position:absolute;right:-32px;bottom:-56px;width:320px;height:320px;border-radius:50%;border:1px solid rgba(120,155,191,.14);box-shadow:0 0 0 28px #789bbf0d,0 0 0 64px #789bbf06;pointer-events:none}.auth-page__hero-inner{display:flex;flex-direction:column;justify-content:center;min-height:100%;position:relative;z-index:1}.auth-page__eyebrow{margin:0 0 var(--space-2);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.auth-page h1{max-width:none;color:#223248;font-size:clamp(28px,3.2vw,40px);line-height:1.2;letter-spacing:.02em;white-space:nowrap}.auth-page__hero-copy{max-width:none;margin:var(--space-3) 0 0;color:#5d6d80;font-size:14px;line-height:1.7;white-space:nowrap}.auth-form{position:relative;display:grid;gap:var(--space-4);align-content:center;padding:var(--space-8);border-radius:28px;box-shadow:0 22px 56px #00000038;border:1px solid rgba(232,239,248,.36);background:#fcfdffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-form__heading{display:grid;gap:var(--space-2)}.auth-form h2{font-size:28px;font-weight:700}.auth-form__heading p{color:var(--color-text-secondary);font-size:14px}.auth-form label{display:grid;gap:var(--space-2)}.auth-form label span{color:var(--color-text-secondary);font-size:14px;font-weight:600}.auth-form input{min-height:48px;padding:0 var(--space-4);border:1px solid rgba(199,181,163,.6);border-radius:var(--radius-md);background:#ffffffeb}.auth-form input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 4px #c86b3626;outline:none}.auth-form__error{color:var(--color-danger)}.auth-form__verify{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:end}.auth-form__send-code{min-width:130px;min-height:48px;padding:0 var(--space-4);white-space:nowrap}.auth-form__feedback{min-height:21px;margin:-2px 0 0;font-size:13px;line-height:1.6}.auth-form__feedback.is-error{color:var(--color-danger)}.auth-form__feedback.is-success{color:var(--color-success)}.auth-form__submit--locked,.auth-form__submit--locked:hover{background:linear-gradient(135deg,#c84f43,#9e3028)!important;box-shadow:0 14px 30px #b5523c42!important}.auth-form .button--primary{width:100%;min-height:48px;margin-top:var(--space-1);background:linear-gradient(135deg,var(--color-brand),#a96235);box-shadow:0 14px 30px #c86b3642}.auth-form .button--primary:hover{background:linear-gradient(135deg,var(--color-brand-hover),#94542e)}.auth-form .button,.auth-form .button:hover,.auth-form .button:active{transform:none}.auth-form__link{color:var(--color-brand);font-weight:500}@media (max-width: 1180px){.auth-page__panel{grid-template-columns:1fr;max-width:480px}.auth-page h1,.auth-page__hero-copy{white-space:normal}}@media (max-width: 720px){.auth-page{padding:var(--space-4)}.auth-page__hero,.auth-form{padding:var(--space-6);border-radius:var(--radius-xl)}.auth-page h1{font-size:26px}.auth-form__verify{grid-template-columns:1fr}.auth-form__send-code{width:100%}}.device-table{width:100%;min-width:0;table-layout:fixed;font-size:clamp(11px,.82vw,13px)}.device-table thead th{background:#c86b3614;border-bottom:2px solid rgba(200,107,54,.18)}.device-table th{font-size:inherit;white-space:normal;overflow-wrap:anywhere}.device-table .table td,.device-table td{padding:9px 7px;overflow-wrap:anywhere;word-break:break-word}.device-table tbody tr{cursor:default}.device-table tbody tr:hover{background:transparent}.device-table tbody tr:nth-child(2n) td{background:#c6dff514}.device-table tbody td:hover{background:#c86b360f}.device-table__col-node{width:6.5%}.device-table__col-object{width:11%}.device-table__col-alarm,.device-table__col-updated{width:9%}.device-table__col-history{width:7%}.device-table th:nth-child(5),.device-table td:nth-child(5){width:13%}.device-table th:nth-child(6),.device-table td:nth-child(6){width:10%}.device-table th:nth-child(8),.device-table td:nth-child(8){width:10%;text-align:center}.device-table__node-cell,.device-table__object-name-cell,.device-table__group-cell,.device-table__updated-cell{vertical-align:middle;text-align:center}.device-table__device-cell{display:grid;gap:2px;min-width:0;font-size:inherit;line-height:1.2;color:var(--color-text-secondary);justify-items:center}.device-table__device-subtitle{color:var(--color-text-secondary);font-size:inherit}.device-table__object-cell{display:grid;gap:4px;min-width:0;justify-items:center}.device-table__node-cell span,.device-table__object-name-cell span{font-weight:400}.device-table__group-cell .device-table__status-button{justify-content:center}.device-table__updated-cell span{display:block;line-height:1.25}.device-table__reading{min-width:0;line-height:1.45;white-space:pre-line;overflow-wrap:anywhere}.device-table__position-cell{width:80px;text-align:center;vertical-align:middle}.device-table__position-text{display:block;width:100%;text-align:center;white-space:pre-line;word-break:break-word}.device-table__action-button{min-height:28px;padding:0 8px;font-size:12px;font-weight:600;line-height:1}@media (max-width: 1280px){.device-table{font-size:11px}.device-table .table td,.device-table td{padding:8px 6px}}.device-table__history-cell{text-align:center}.device-table__status-button{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;cursor:pointer;transition:var(--transition-fast)}.device-table__status-button:hover:not(:disabled){transform:scale(1.05)}.device-table__status-button:disabled{cursor:not-allowed;opacity:.72}.device-table__placeholder{color:var(--color-text-muted);font-style:italic}.monitor-mobile-list{display:none}.monitor-card{border:1px solid var(--color-border-weak);border-radius:var(--radius-lg);background:#ffffffeb;box-shadow:var(--shadow-xs);padding:var(--space-4)}.monitor-card.is-alarm{border-color:#c1463a3d;box-shadow:0 10px 24px #c1463a14}.monitor-card__header,.monitor-card__sensor-head,.monitor-card__sensor-foot,.monitor-card__actions{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.monitor-card__header-main{min-width:0}.monitor-card__edge,.monitor-card__updated,.monitor-card__sensor-uid{color:var(--color-text-secondary);font-size:12px}.monitor-card__header h3{margin:2px 0 6px;font-size:18px;line-height:1.3;color:var(--color-text-primary)}.monitor-card__actions{margin-top:var(--space-3)}.monitor-card__sensor-list{display:grid;gap:var(--space-3);margin-top:var(--space-3)}.monitor-card__sensor-item{padding:var(--space-3);border-radius:var(--radius-md);background:#f6f0e880}.monitor-card__sensor-reading{margin-top:var(--space-2);white-space:pre-line;line-height:1.45;color:var(--color-text-primary)}.monitor-card__sensor-foot{margin-top:var(--space-2);align-items:center}.monitor-card__sensor-foot span{font-size:12px;color:var(--color-text-secondary)}.monitor-card__more{margin-top:var(--space-3)}.monitor-card__more summary{cursor:pointer;color:var(--color-brand);font-size:13px;font-weight:600}.monitor-card__sensor-list--expanded{margin-top:var(--space-3)}@media (max-width: 960px){.monitor-mobile-list{display:grid;gap:var(--space-4)}.monitor-desktop-table{display:none}}.alarm-list{display:grid;gap:var(--space-3)}.alarm-list__item{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#fff9}.alarm-list__meta{display:flex;align-items:center;gap:var(--space-2)}.status-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.status-dot--danger{background:var(--color-danger)}.status-dot--success{background:var(--color-success)}.object-mobile-list{display:none}.object-mobile-card{padding:var(--space-4);border:1px solid var(--color-border-weak);border-radius:var(--radius-lg);background:#ffffffeb;box-shadow:var(--shadow-xs)}.object-mobile-card.is-alarm{border-color:#c1463a3d;box-shadow:0 10px 24px #c1463a14}.object-mobile-card__head,.object-mobile-card__foot{display:flex;justify-content:space-between;gap:var(--space-3)}.object-mobile-card__head{align-items:flex-start}.object-mobile-card__edge,.object-mobile-card__subtitle,.object-mobile-card__foot span{font-size:12px;color:var(--color-text-secondary)}.object-mobile-card__head h3{margin:4px 0 6px;font-size:18px;line-height:1.3;color:var(--color-text-primary)}.object-mobile-card__message{margin-top:var(--space-3);color:var(--color-text-primary);line-height:1.5}.object-mobile-card__foot{margin-top:var(--space-3);align-items:center}@media (max-width: 960px){.object-mobile-list{display:grid;gap:var(--space-4);margin-bottom:var(--space-4)}.object-desktop-table{display:none}}.scene-manage-list{display:grid;gap:var(--space-3)}.scene-manage-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-panel);cursor:pointer;text-align:left;transition:var(--transition-base);position:relative;overflow:hidden}.scene-manage-item:hover{border-color:#c86b3673;background:#ffffffe0;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.scene-manage-item__left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.scene-manage-item__radio{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-full);flex-shrink:0;transition:var(--transition-fast)}.scene-manage-item__radio.is-selected{border-color:var(--color-brand)}.scene-manage-item__dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-brand)}.scene-manage-item__texts{display:grid;gap:var(--space-1);min-width:0}.scene-manage-item__name-row{display:flex;align-items:center;gap:var(--space-2)}.scene-manage-item__subtitle{color:var(--color-text-secondary);font-size:13px}.scene-manage-item__tag{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-brand-soft);color:var(--color-brand);font-size:12px;font-weight:600}.scene-manage-item__actions{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-text-secondary);flex-shrink:0}.scene-manage-item__action{padding:var(--space-1) var(--space-2);border:0;background:transparent;color:inherit;font-size:13px;cursor:pointer;border-radius:var(--radius-xs);transition:var(--transition-fast)}.scene-manage-item__action:hover{background:var(--color-brand-light);color:var(--color-brand)}.scene-manage-item__action--danger{color:var(--color-danger)}.scene-manage-item__action--danger:hover{background:var(--color-danger-soft);color:var(--color-danger)}.area-code-list{display:grid;gap:var(--space-2);max-height:280px;overflow:auto}.area-code-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffb8;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-fast)}.area-code-item:hover{border-color:var(--color-border-strong)}.area-code-item.is-selected{border-color:#c86b368c;background:#f2e4d6bd;color:var(--color-brand);font-weight:500}.scene-card{display:grid;gap:var(--space-5);padding:var(--space-5);border:1px solid var(--color-border);background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);transition:var(--transition-base);position:relative}.scene-card__type{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-1)}.scene-card h3{font-size:16px;font-weight:600}.scene-card.is-active{border-color:var(--color-brand);background:var(--color-bg-elevated);box-shadow:var(--shadow-elevated)}.scene-card:hover:not(.is-active){border-color:var(--color-border-focus);box-shadow:var(--shadow-card);transform:translateY(-2px)}.detail-page .panel__header{align-items:flex-start}.detail-page .page-header__actions{align-self:flex-start}.detail-page .member-card,.detail-page .param-card{min-width:0}.detail-page .detail-list dd,.detail-page .member-card strong,.detail-page .param-card strong{overflow-wrap:anywhere}@media (max-width: 960px){.detail-page{gap:var(--space-4)}.detail-page .panel{padding:var(--space-4)}.detail-page .panel__header{flex-wrap:wrap;gap:var(--space-3)}.detail-page .panel__header select,.detail-page .page-header__actions,.detail-page .page-header__back-button{width:100%}.detail-page .member-card,.detail-page .param-card{padding:var(--space-3)}.detail-page .member-card strong,.detail-page .param-card strong{font-size:16px}}