:root{--color-primary-50: #e3f2fd;--color-primary-100: #bbdefb;--color-primary-200: #90caf9;--color-primary-300: #64b5f6;--color-primary-400: #42a5f5;--color-primary-500: #2196f3;--color-primary-600: #1e88e5;--color-primary-700: #1976d2;--color-primary-800: #1565c0;--color-primary-900: #0d47a1;--color-neutral-0: #ffffff;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #eeeeee;--color-neutral-300: #e0e0e0;--color-neutral-400: #bdbdbd;--color-neutral-500: #9e9e9e;--color-neutral-600: #757575;--color-neutral-700: #616161;--color-neutral-800: #424242;--color-neutral-900: #212121;--color-risk-minimal: #4caf50;--color-risk-low: #8bc34a;--color-risk-moderate: #ffc107;--color-risk-high: #ff9800;--color-risk-severe: #f44336;--color-surface-dry: #8d6e63;--color-surface-wet: #42a5f5;--color-surface-frost: #90caf9;--color-surface-ice: #e1f5fe;--color-surface-snow: #eceff1;--color-surface-treated: #66bb6a;--color-background: var(--color-neutral-50);--color-surface: var(--color-neutral-0);--color-border: var(--color-neutral-200);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-disabled: var(--color-neutral-400);--color-accent: var(--color-primary-500);--color-accent-hover: var(--color-primary-600);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SF Mono", "Fira Code", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-modal: 200;--z-tooltip: 300;--z-toast: 400}[data-theme=dark]{--color-background: var(--color-neutral-900);--color-surface: var(--color-neutral-800);--color-border: var(--color-neutral-700);--color-text-primary: var(--color-neutral-50);--color-text-secondary: var(--color-neutral-400);--color-text-disabled: var(--color-neutral-600);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-secondary{color:var(--color-text-secondary)}.text-disabled{color:var(--color-text-disabled)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-mono{font-family:var(--font-family-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.uppercase{text-transform:uppercase;letter-spacing:.05em}.app-container{display:flex;flex-direction:column;min-height:100vh}.taskbar{position:fixed;top:0;left:0;right:0;height:48px;background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:var(--z-dropdown);display:flex;align-items:center;padding:0 var(--space-4)}.main-content{margin-top:48px;flex:1;display:flex}.sidebar{width:280px;min-width:280px;background:var(--color-surface);border-right:1px solid var(--color-border);overflow-y:auto}.bento-grid{flex:1;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(100px,auto);gap:var(--space-4);padding:var(--space-4)}.bento-cell{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-4);overflow:hidden}.bento-cell--sm{grid-column:span 3;grid-row:span 1}.bento-cell--md{grid-column:span 6;grid-row:span 2}.bento-cell--lg{grid-column:span 8;grid-row:span 3}.bento-cell--full{grid-column:span 12;grid-row:span 2}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.panel-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mt-4{margin-top:var(--space-4)}@media (max-width: 1024px){.sidebar{width:240px;min-width:240px}.bento-cell--lg{grid-column:span 12}}@media (max-width: 768px){.sidebar{display:none}.bento-grid{grid-template-columns:1fr}.bento-cell--sm,.bento-cell--md,.bento-cell--lg,.bento-cell--full{grid-column:span 1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn--primary{background:var(--color-accent);color:var(--color-neutral-0)}.btn--primary:hover{background:var(--color-accent-hover)}.btn--secondary{background:var(--color-neutral-100);color:var(--color-text-primary)}.btn--secondary:hover{background:var(--color-neutral-200)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover{background:var(--color-neutral-100);color:var(--color-text-primary)}.btn--icon{padding:var(--space-2);border-radius:var(--radius-md)}.btn--sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.card--interactive{cursor:pointer;transition:all var(--transition-fast)}.card--interactive:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.card--selected{border-color:var(--color-accent);background:var(--color-primary-50)}.risk-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.risk-badge--minimal{background:var(--color-risk-minimal);color:var(--color-neutral-0)}.risk-badge--low{background:var(--color-risk-low);color:var(--color-neutral-900)}.risk-badge--moderate{background:var(--color-risk-moderate);color:var(--color-neutral-900)}.risk-badge--high{background:var(--color-risk-high);color:var(--color-neutral-0)}.risk-badge--severe{background:var(--color-risk-severe);color:var(--color-neutral-0)}.surface-indicator{width:12px;height:12px;border-radius:var(--radius-full)}.surface-indicator--dry{background:var(--color-surface-dry)}.surface-indicator--wet{background:var(--color-surface-wet)}.surface-indicator--frost{background:var(--color-surface-frost)}.surface-indicator--ice{background:var(--color-surface-ice);border:1px solid var(--color-neutral-300)}.surface-indicator--snow{background:var(--color-surface-snow);border:1px solid var(--color-neutral-300)}.surface-indicator--treated{background:var(--color-surface-treated)}.input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-accent)}.input::placeholder{color:var(--color-text-disabled)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.tab{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-bottom:2px solid transparent;transition:all var(--transition-fast)}.tab:hover{color:var(--color-text-primary)}.tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tooltip{position:absolute;z-index:var(--z-tooltip);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);background:var(--color-neutral-800);color:var(--color-neutral-0);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:none}.bridge-list{display:flex;flex-direction:column}.bridge-list-item{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast)}.bridge-list-item:hover{background:var(--color-neutral-50)}.bridge-list-item--selected{background:var(--color-primary-50);border-left:3px solid var(--color-accent)}.loading-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-neutral-200) 0%,var(--color-neutral-100) 50%,var(--color-neutral-200) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.modal-body{flex:1;padding:var(--space-4);overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--color-border)}.ml-auto{margin-left:auto}.skeleton--bridge{height:48px;margin-bottom:var(--space-2)}.skeleton--bridge:last-child{margin-bottom:0}.text-error{color:var(--color-risk-severe)}.chart-placeholder{height:200px;background:var(--color-neutral-100);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.panel-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.panel-actions{display:flex;gap:var(--space-2)}.tooltip-trigger{display:inline-block}.tooltip--positioned{left:var(--tooltip-x);top:var(--tooltip-y)}.tooltip--center-x{transform:translate(-50%)}.tooltip--center-y{transform:translateY(-50%)}.modal--sm{width:400px}.modal--md{width:500px}.modal--lg{width:700px}.modal--xl{width:900px}.menu-bar{display:flex;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.menu-section{position:relative}.menu-trigger{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.menu-trigger:hover,.menu-trigger--active{background:var(--color-neutral-100);color:var(--color-text-primary)}.menu-dropdown{position:absolute;top:100%;left:0;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--space-1)}.menu-item{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);text-align:left;color:var(--color-text-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.menu-item:hover{background:var(--color-neutral-100)}.menu-item--disabled{opacity:.5;cursor:not-allowed}.menu-separator{height:1px;background:var(--color-border);margin:var(--space-1) 0}.tool-dock{display:flex;gap:var(--space-1);padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius-md)}.tool-dock-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.tool-dock-btn:hover{background:var(--color-neutral-100);color:var(--color-text-primary)}.tool-dock-btn--disabled{opacity:.4;cursor:not-allowed}.tool-dock-icon{font-size:var(--font-size-lg)}.draggable-modal{position:fixed;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-modal);display:flex;flex-direction:column;overflow:hidden}.draggable-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-neutral-50);border-bottom:1px solid var(--color-border);cursor:move;-webkit-user-select:none;user-select:none}.modal-header-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal-header-controls{display:flex;gap:var(--space-1)}.modal-control-btn{width:24px;height:24px;font-size:var(--font-size-sm)}.draggable-modal-body{flex:1;padding:var(--space-4);overflow-y:auto}.draggable-modal-resize-handle{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:se-resize;background:linear-gradient(135deg,transparent 50%,var(--color-neutral-300) 50%);border-radius:0 0 var(--radius-lg) 0}.kebab-menu{position:relative}.kebab-trigger{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.kebab-dropdown{position:absolute;top:100%;right:0;min-width:150px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--space-1)}.kebab-item{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);text-align:left;color:var(--color-text-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.kebab-item:hover{background:var(--color-neutral-100)}.kebab-item--disabled{opacity:.5;cursor:not-allowed}.kebab-item--danger{color:var(--color-risk-severe)}.kebab-item--danger:hover{background:var(--color-risk-severe);color:var(--color-neutral-0)}.settings-content{min-height:300px}.settings-section{padding:var(--space-4) 0}.status-indicator{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);font-size:var(--font-size-xs)}.status-indicator--ok{background:var(--color-risk-minimal);color:var(--color-neutral-0)}.status-indicator--warning{background:var(--color-risk-moderate);color:var(--color-neutral-900)}.capability-item{position:relative;padding-left:var(--space-4)}.capability-item:before{content:"";position:absolute;left:0;top:.4em;width:8px;height:8px;background:var(--color-risk-minimal);border-radius:var(--radius-full)}