@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Roboto+Mono:wght@400;500&display=swap";:root{--md-ref-palette-primary10: #1c1c2c;--md-ref-palette-primary20: #301279;--md-ref-palette-primary30: #503c80;--md-ref-palette-primary40: #9470ea;--md-ref-palette-primary90: #baacd4;--md-ref-palette-primary95: #f0edfd;--md-ref-palette-secondary10: #2d2408;--md-ref-palette-secondary20: #f9cb52;--md-ref-palette-secondary30: #fdd663;--md-ref-palette-secondary40: #ffe082;--md-ref-palette-secondary90: #fff8e8;--md-ref-palette-secondary95: #fffcf5;--md-ref-palette-tertiary20: #503c80;--md-ref-palette-tertiary40: #9470ea;--md-ref-palette-tertiary90: #f0edfd;--md-sys-color-primary: #301279;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #f0edfd;--md-sys-color-on-primary-container: #1c1c2c;--md-sys-color-secondary: #f9cb52;--md-sys-color-on-secondary: #2d2408;--md-sys-color-secondary-container: #fff8e8;--md-sys-color-on-secondary-container: #2d2408;--md-sys-color-tertiary: #9470ea;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #f0edfd;--md-sys-color-on-tertiary-container: #1c1c2c;--md-sys-color-surface: #fefbff;--md-sys-color-surface-dim: #e6e1f0;--md-sys-color-surface-bright: #fefbff;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #f9f4ff;--md-sys-color-surface-container: #f3eeff;--md-sys-color-surface-container-high: #ede7f9;--md-sys-color-surface-container-highest: #e7e1f3;--md-sys-color-on-surface: #1c1c2c;--md-sys-color-on-surface-variant: #503c80;--md-sys-color-background: #fefbff;--md-sys-color-on-background: #1c1c2c;--md-sys-color-outline: #503c80;--md-sys-color-outline-variant: #baacd4;--md-sys-color-success: #2E7D32;--md-sys-color-success-container: #E8F5E8;--md-sys-color-on-success: #FFFFFF;--md-sys-color-on-success-container: #1B5E20;--md-sys-color-warning: #F57C00;--md-sys-color-warning-container: #FFF3E0;--md-sys-color-on-warning: #FFFFFF;--md-sys-color-on-warning-container: #E65100;--md-sys-color-error: #BA1A1A;--md-sys-color-error-container: #FFDAD6;--md-sys-color-on-error: #FFFFFF;--md-sys-color-on-error-container: #410002;--md-sys-color-info: #1976D2;--md-sys-color-info-container: #E3F2FD;--md-sys-color-on-info: #FFFFFF;--md-sys-color-on-info-container: #0D47A1;--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 1000px;--md-sys-elevation-level0: none;--md-sys-elevation-level1: 0px 1px 3px rgba(0,0,0,.12), 0px 1px 2px rgba(0,0,0,.24);--md-sys-elevation-level2: 0px 1px 5px rgba(0,0,0,.12), 0px 2px 2px rgba(0,0,0,.14), 0px 3px 1px rgba(0,0,0,.2);--md-sys-elevation-level3: 0px 3px 5px rgba(0,0,0,.12), 0px 1px 18px rgba(0,0,0,.12), 0px 6px 10px rgba(0,0,0,.14);--md-sys-elevation-level4: 0px 2px 4px rgba(0,0,0,.12), 0px 8px 12px rgba(0,0,0,.14);--md-sys-elevation-level5: 0px 4px 4px rgba(0,0,0,.12), 0px 8px 12px rgba(0,0,0,.14);--md-sys-typescale-display-large: 57px/64px "Roboto", sans-serif;--md-sys-typescale-display-medium: 45px/52px "Roboto", sans-serif;--md-sys-typescale-display-small: 36px/44px "Roboto", sans-serif;--md-sys-typescale-headline-large: 32px/40px "Roboto", sans-serif;--md-sys-typescale-headline-medium: 28px/36px "Roboto", sans-serif;--md-sys-typescale-headline-small: 24px/32px "Roboto", sans-serif;--md-sys-typescale-title-large: 22px/28px "Roboto", sans-serif;--md-sys-typescale-title-medium: 16px/24px "Roboto", sans-serif;--md-sys-typescale-title-small: 14px/20px "Roboto", sans-serif;--md-sys-typescale-label-large: 14px/20px "Roboto", sans-serif;--md-sys-typescale-label-medium: 12px/16px "Roboto", sans-serif;--md-sys-typescale-label-small: 11px/16px "Roboto", sans-serif;--md-sys-typescale-body-large: 16px/24px "Roboto", sans-serif;--md-sys-typescale-body-medium: 14px/20px "Roboto", sans-serif;--md-sys-typescale-body-small: 12px/16px "Roboto", sans-serif;--md-sys-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--md-sys-motion-duration-short2: .1s;--md-sys-motion-duration-short4: .2s;--md-sys-motion-duration-medium1: .25s;--md-sys-motion-duration-medium2: .3s}*{margin:0;padding:0;box-sizing:border-box}body{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-background);background-color:var(--md-sys-color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.md-display-large{font:var(--md-sys-typescale-display-large);font-weight:400;color:var(--md-sys-color-on-surface)}.md-headline-large{font:var(--md-sys-typescale-headline-large);font-weight:400;color:var(--md-sys-color-on-surface)}.md-headline-medium{font:var(--md-sys-typescale-headline-medium);font-weight:400;color:var(--md-sys-color-on-surface)}.md-title-large{font:var(--md-sys-typescale-title-large);font-weight:400;color:var(--md-sys-color-on-surface)}.md-title-medium{font:var(--md-sys-typescale-title-medium);font-weight:500;color:var(--md-sys-color-on-surface)}.md-body-large{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface)}.md-body-medium{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.md-label-large{font:var(--md-sys-typescale-label-large);font-weight:500;color:var(--md-sys-color-on-surface)}.container{margin:0 auto;padding:0 24px}.card,.md-card{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-level1);padding:24px;margin:16px 0;transition:box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.md-card--elevated{background:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-level3)}.md-card--outlined{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);box-shadow:none}.card:hover,.md-card:hover{box-shadow:var(--md-sys-elevation-level2)}.btn,.md-button{font:var(--md-sys-typescale-label-large);font-weight:500;border-radius:var(--md-sys-shape-corner-full);padding:10px 24px;height:40px;min-width:64px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-emphasized);position:relative;overflow:hidden}.btn-primary,.md-button--filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--md-sys-elevation-level0)}.btn-primary:hover,.md-button--filled:hover{box-shadow:var(--md-sys-elevation-level1);background:color-mix(in srgb,var(--md-sys-color-primary) 92%,var(--md-sys-color-on-primary))}.btn-secondary,.md-button--outlined{background:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.btn-secondary:hover,.md-button--outlined:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent)}.md-button--text{background:transparent;color:var(--md-sys-color-primary);padding:10px 12px}.md-button--text:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent)}.md-search-container{position:relative;max-width:320px}.md-search-input-container{position:relative;display:flex;align-items:center;background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-full);padding:8px 16px;border:1px solid transparent;transition:all var(--md-sys-motion-duration-short2)}.md-search-input-container:focus-within{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-high)}.md-search-icon{color:var(--md-sys-color-on-surface-variant);margin-right:8px;flex-shrink:0}.md-search-input{background:transparent;border:none;outline:none;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface);flex:1;min-width:0}.md-search-input::placeholder{color:var(--md-sys-color-on-surface-variant)}.md-search-clear{background:none;border:none;color:var(--md-sys-color-on-surface-variant);cursor:pointer;padding:2px;margin-left:4px;border-radius:var(--md-sys-shape-corner-full);display:flex;align-items:center;justify-content:center;transition:background-color var(--md-sys-motion-duration-short2)}.md-search-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.md-search-results{position:absolute;top:100%;left:0;right:0;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-level3);max-height:400px;overflow-y:auto;z-index:1000;margin-top:4px}.md-search-result-item{width:100%;background:none;border:none;padding:12px 16px;cursor:pointer;text-align:left;border-bottom:1px solid var(--md-sys-color-outline-variant);transition:background-color var(--md-sys-motion-duration-short2)}.md-search-result-item:last-child{border-bottom:none}.md-search-result-item:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent)}.md-search-result-path{font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-primary);margin-bottom:2px}.md-search-result-name{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface);font-weight:500;margin-bottom:2px}.md-search-result-description{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.md-search-loading,.md-search-no-results{padding:16px;text-align:center;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.form-group{margin-bottom:16px;position:relative}.form-group label{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);display:block;margin-bottom:8px;font-weight:500}.form-group input,.form-group select,.form-group textarea,.md-text-field{width:100%;background:var(--md-sys-color-surface-container-highest);border:none;border-bottom:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-small) var(--md-sys-shape-corner-extra-small) 0 0;padding:16px 12px 8px;font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface);transition:border-color var(--md-sys-motion-duration-short2)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.md-text-field:focus{outline:none;border-bottom:2px solid var(--md-sys-color-primary)}.form-group textarea{resize:vertical;min-height:100px}.status-badge,.md-status-chip{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-medium);font-weight:500;text-transform:capitalize}.status-approved,.md-status-chip--approved{background:var(--md-sys-color-success-container);color:var(--md-sys-color-on-success-container)}.status-in_review,.md-status-chip--in-review{background:var(--md-sys-color-warning-container);color:var(--md-sys-color-on-warning-container)}.status-open,.md-status-chip--open{background:var(--md-sys-color-info-container);color:var(--md-sys-color-on-info-container)}.status-rejected,.md-status-chip--rejected{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.md-status-indicator{width:12px;height:12px;border-radius:var(--md-sys-shape-corner-full);border:2px solid var(--md-sys-color-surface);box-shadow:0 0 0 1px var(--md-sys-color-outline-variant)}.md-status-indicator--approved{background:var(--md-sys-color-success)}.md-status-indicator--in-review{background:var(--md-sys-color-warning)}.md-status-indicator--open{background:var(--md-sys-color-info)}.md-status-indicator--rejected{background:var(--md-sys-color-error)}.table{width:100%;border-collapse:collapse;background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;box-shadow:var(--md-sys-elevation-level1)}.table th{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-title-small);font-weight:500;padding:16px 12px;text-align:left;border-bottom:1px solid var(--md-sys-color-outline-variant)}.table td{padding:16px 12px;border-bottom:1px solid var(--md-sys-color-outline-variant);font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface)}.table tbody tr:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent);cursor:pointer}.view-toggle{display:flex;gap:8px;padding:4px;background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-full);width:fit-content}.loading{display:flex;justify-content:center;align-items:center;height:200px;font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface-variant)}.error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);padding:16px;border-radius:var(--md-sys-shape-corner-medium);margin:16px 0;font:var(--md-sys-typescale-body-medium)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-extra-large);padding:0;max-width:500px;width:90%;max-height:90vh;box-shadow:var(--md-sys-elevation-level5);display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.modal-header h2{font:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-on-surface);margin:0}.modal-close{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-surface-variant);transition:background var(--md-sys-motion-duration-short2)}.modal-close:hover{background:var(--md-sys-color-surface-container-highest)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);border-radius:0 0 var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large);flex-shrink:0}.md-technical-display{font-family:Roboto Mono,Consolas,Monaco,monospace;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:16px;border-radius:var(--md-sys-shape-corner-small);border:1px solid var(--md-sys-color-outline-variant);font-size:14px}.md-hierarchy-item{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);padding:12px;margin:4px 0;transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.md-hierarchy-item:hover{background:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-level1)}.md-focus-ring:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.container{padding:0 16px}.modal-content{margin:16px;width:calc(100% - 32px)}.card,.md-card{padding:16px}}.text-on-surface{color:var(--md-sys-color-on-surface)!important}.text-on-surface-variant{color:var(--md-sys-color-on-surface-variant)!important}.text-primary{color:var(--md-sys-color-primary)!important}.text-secondary{color:var(--md-sys-color-secondary)!important}.text-tertiary{color:var(--md-sys-color-tertiary)!important}.bg-surface{background-color:var(--md-sys-color-surface)!important}.bg-surface-container{background-color:var(--md-sys-color-surface-container)!important}.bg-surface-container-low{background-color:var(--md-sys-color-surface-container-low)!important}.bg-surface-container-high{background-color:var(--md-sys-color-surface-container-high)!important}.bg-surface-container-highest{background-color:var(--md-sys-color-surface-container-highest)!important}.bg-primary-container{background-color:var(--md-sys-color-primary-container)!important}.bg-secondary-container{background-color:var(--md-sys-color-secondary-container)!important}.border-outline{border-color:var(--md-sys-color-outline)!important}.border-outline-variant{border-color:var(--md-sys-color-outline-variant)!important}.text-muted,.text-subtle{color:var(--md-sys-color-on-surface-variant)}.bg-muted{background-color:var(--md-sys-color-surface-container-high)}.bg-subtle{background-color:var(--md-sys-color-surface-container)}.md-top-app-bar{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);height:64px;padding:0 24px 0 16px;display:flex;align-items:center;box-shadow:var(--md-sys-elevation-level1);margin-bottom:24px}.md-header-container{display:flex;align-items:center;width:100%;gap:24px}.md-header-search{flex:0 0 auto}.md-header-nav{margin-left:auto}.md-header-logo{text-decoration:none;color:var(--md-sys-color-on-primary);font:var(--md-sys-typescale-title-large);font-weight:500;display:flex;align-items:center;gap:12px}.md-header-logo-icon{width:32px;height:32px;border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-secondary);display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-secondary);font-weight:700;font-size:16px}.md-header-nav{display:flex;gap:8px}.md-header-nav-link{text-decoration:none;color:var(--md-sys-color-on-primary);padding:10px 16px;border-radius:var(--md-sys-shape-corner-full);transition:background var(--md-sys-motion-duration-short2);font:var(--md-sys-typescale-label-large);font-weight:500;display:flex;align-items:center;gap:8px}.md-header-nav-link:hover{background:#ffffff1a}.md-header-nav-button{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:8px}.md-header-account-button{width:40px;justify-content:center;padding:10px}.md-page-header{text-align:left;margin-bottom:2rem}.md-page-title-section{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.md-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;text-align:left}.md-landing-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.md-sbs-path-display{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);padding:8px 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-small);background-color:var(--md-sys-color-surface-container-low)}.md-graph-legend{display:flex;justify-content:center;margin-bottom:1rem}.md-graph-legend-items{display:flex;gap:1rem;font-size:.875rem}.md-graph-legend-item{display:flex;align-items:center;gap:.5rem}.md-graph-legend-dot{width:12px;height:12px;border-radius:var(--md-sys-shape-corner-full)}.md-graph-container{display:flex;justify-content:center}.md-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:1rem;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.md-breadcrumb-link{color:var(--md-sys-color-primary);text-decoration:none;border-radius:var(--md-sys-shape-corner-extra-small);padding:4px 8px;transition:background var(--md-sys-motion-duration-short2)}.md-breadcrumb-link:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent);text-decoration:none}.md-breadcrumb-separator{color:var(--md-sys-color-outline);-webkit-user-select:none;user-select:none;margin:0 4px}.md-breadcrumb-current{color:var(--md-sys-color-on-surface);font-weight:500}.two-panel-layout{display:flex;gap:24px;height:calc(100vh - 180px);min-height:600px}.left-panel{flex:0 0 360px;border-right:1px solid var(--md-sys-color-outline-variant);padding-right:24px;overflow-y:auto}.right-panel{flex:1;padding-left:24px;overflow-y:auto}.page-container{padding:0 24px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem}.page-title{font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-on-surface);margin:0}.empty-state,.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;color:var(--md-sys-color-on-surface-variant)}.empty-icon{opacity:.3;margin-bottom:16px}.empty-state h3,.no-selection h3{font:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-on-surface);margin:0 0 8px}.empty-state p,.no-selection p{font:var(--md-sys-typescale-body-medium);margin:0;opacity:.7}.loading-spinner,.error-message{display:flex;align-items:center;justify-content:center;height:200px;font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface-variant)}.error-message{color:var(--md-sys-color-error)}.page-header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.md-form-section{margin-bottom:24px}.md-form-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.md-form-section-title{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);margin:0}.checklist-items{display:flex;flex-direction:column;gap:12px}.checklist-item-editor{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-lowest)}.checklist-item-input{flex:1}.checklist-item-controls{display:flex;align-items:center;gap:12px}.md-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.md-checkbox input[type=checkbox]{margin:0;cursor:pointer}.md-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none}.md-icon-button-danger:hover{background:color-mix(in srgb,var(--md-sys-color-error) 8%,transparent)}.md-icon-button-danger:hover svg{color:var(--md-sys-color-error)}.template-details-panel{height:100%;overflow-y:auto}.template-header{border-bottom:1px solid var(--md-sys-color-outline-variant);padding-bottom:24px;margin-bottom:24px}.template-header-view,.template-header-editing{display:flex;justify-content:space-between;align-items:center;gap:16px}.template-name{font:var(--md-sys-typescale-headline-medium);color:var(--md-sys-color-on-surface);margin:0;flex:1}.template-name-input{flex:1;font:var(--md-sys-typescale-headline-medium)}.template-header-actions{display:flex;align-items:center;gap:8px}.template-content{display:flex;flex-direction:column;gap:32px}.template-section{display:flex;flex-direction:column;gap:12px}.template-section-header{display:flex;justify-content:space-between;align-items:center}.template-section-title{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);margin:0}.template-description{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface-variant);margin:0;line-height:1.5}.template-gate-order{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface-variant);margin:0}.gate-order-input{max-width:200px}.checklist-display{display:flex;flex-direction:column;gap:12px}.checklist-item.view{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--md-sys-color-surface-container-lowest);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium)}.checklist-item-view{display:flex;justify-content:space-between;align-items:center;width:100%}.checklist-item-text{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface);flex:1}.checklist-item-required{font:var(--md-sys-typescale-label-medium);padding:4px 8px;border-radius:var(--md-sys-shape-corner-extra-small);font-weight:500}.checklist-item-required.required{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.checklist-item-required.optional{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant)}.template-actions{border-top:1px solid var(--md-sys-color-outline-variant);padding-top:24px;display:flex;justify-content:flex-start}.md-button-danger{color:var(--md-sys-color-error);border-color:var(--md-sys-color-error)}.md-button-danger:hover{background:color-mix(in srgb,var(--md-sys-color-error) 8%,transparent)}.md-button-filled.md-button-danger{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error);border-color:var(--md-sys-color-error)}.md-button-filled.md-button-danger:hover{background:color-mix(in srgb,var(--md-sys-color-error) 90%,black)}.version-selector{position:relative}.version-selector-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-body-small);cursor:pointer;transition:all var(--md-sys-motion-duration-short2)}.version-selector-trigger:hover{background:var(--md-sys-color-surface-container-low)}.version-selector-label{white-space:nowrap}.version-selector-icon{transition:transform var(--md-sys-motion-duration-short2)}.version-selector-icon.open{transform:rotate(180deg)}.version-selector-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10}.version-selector-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:280px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-level2);z-index:11;overflow:hidden}.version-selector-header{display:flex;align-items:center;gap:8px;padding:16px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);font:var(--md-sys-typescale-title-small);color:var(--md-sys-color-on-surface)}.version-selector-list{max-height:200px;overflow-y:auto}.version-selector-item{width:100%;display:block;padding:12px 16px;border:none;background:transparent;text-align:left;cursor:pointer;transition:background var(--md-sys-motion-duration-short2)}.version-selector-item:hover{background:var(--md-sys-color-surface-container-low)}.version-selector-item.selected{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.version-info{display:flex;flex-direction:column;gap:4px}.version-number{font:var(--md-sys-typescale-body-medium);font-weight:500;display:flex;align-items:center;gap:8px}.current-badge{font:var(--md-sys-typescale-label-small);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);padding:2px 6px;border-radius:var(--md-sys-shape-corner-extra-small)}.version-selector-item.selected .current-badge{background:var(--md-sys-color-on-primary-container);color:var(--md-sys-color-primary-container)}.version-date{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.version-selector-item.selected .version-date{color:var(--md-sys-color-on-primary-container);opacity:.8}.version-selector-empty{padding:16px;text-align:center;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small)}.md-modal-small{max-width:480px}.template-diff-viewer{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);padding:24px;margin-bottom:24px}.template-diff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.template-diff-title{display:flex;align-items:center;gap:12px}.template-diff-title h3{font:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-on-surface);margin:0}.warning-icon{color:var(--md-sys-color-error)}.template-diff-info{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-highest);padding:8px 12px;border-radius:var(--md-sys-shape-corner-small)}.template-diff-loading,.template-diff-error{display:flex;align-items:center;gap:8px;padding:16px;color:var(--md-sys-color-on-surface-variant)}.template-diff-error{color:var(--md-sys-color-error);background:var(--md-sys-color-error-container);border-radius:var(--md-sys-shape-corner-medium)}.template-diff-changes{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.template-change{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);padding:20px}.change-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.change-icon{padding:4px;border-radius:var(--md-sys-shape-corner-extra-small)}.change-icon-added{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.change-icon-removed{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.change-icon-modified{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.change-type-label{font:var(--md-sys-typescale-title-small);font-weight:500;color:var(--md-sys-color-on-surface)}.change-description{margin-bottom:16px}.change-description strong{display:block;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface);margin-bottom:8px}.change-item{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-highest);padding:12px;border-radius:var(--md-sys-shape-corner-small);margin-bottom:8px}.change-item.removed{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);text-decoration:line-through;opacity:.8}.change-required{font:var(--md-sys-typescale-label-small);padding:2px 6px;border-radius:var(--md-sys-shape-corner-extra-small);font-weight:500}.change-required.required{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.change-required.optional{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant)}.change-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.change-old,.change-new{display:flex;flex-direction:column;gap:8px}.change-label{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant);font-weight:500}.change-old .change-item{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);opacity:.8}.change-new .change-item{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.change-decision{display:flex;flex-direction:column;gap:12px}.change-decision-buttons{display:flex;gap:12px}.decision-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-label-large);cursor:pointer;transition:all var(--md-sys-motion-duration-short2)}.decision-button:hover{background:var(--md-sys-color-surface-container-low)}.decision-button.accept.selected{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border-color:var(--md-sys-color-tertiary)}.decision-button.ignore.selected{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-color:var(--md-sys-color-outline)}.decision-button:disabled{opacity:.5;cursor:not-allowed}.decision-reason{margin-top:8px}.decision-reason .md-text-field{font-size:.875rem}.template-diff-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--md-sys-color-outline-variant)}.diff-actions-info{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.version-summary{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);font-style:italic;margin-top:4px;display:block}.sync-status-banner{background:var(--md-sys-color-secondary-container);border:1px solid var(--md-sys-color-secondary);border-radius:var(--md-sys-shape-corner-medium);padding:12px 16px;margin-bottom:16px}.sync-status-info{display:flex;align-items:center;gap:12px}.sync-status-info svg{color:var(--md-sys-color-on-secondary-container);flex-shrink:0}.sync-status-text{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-secondary-container);font-weight:500;flex:1}.sync-status-version{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-secondary-container);opacity:.8;background:var(--md-sys-color-secondary);padding:4px 8px;border-radius:var(--md-sys-shape-corner-extra-small)}.edit-button{position:absolute;bottom:1rem;right:1rem;background:transparent;border:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border-radius:var(--md-sys-shape-corner-small);z-index:1}.edit-button:hover{background:var(--md-sys-color-primary-container)}.editable-panel-content{margin-bottom:1rem}.edit-error{color:var(--md-sys-color-error);background:var(--md-sys-color-error-container);padding:.75rem;margin:1rem 0;border-radius:var(--md-sys-shape-corner-medium);font:var(--md-sys-typescale-body-medium)}.edit-actions{display:flex;gap:1rem;align-items:center;padding-top:1rem;border-top:1px solid var(--md-sys-color-outline-variant);flex-wrap:wrap}.edit-action-btn{display:flex;align-items:center;gap:.5rem}.btn-danger{padding:.75rem 1rem;background:var(--md-sys-color-error);color:var(--md-sys-color-on-error);border:none;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;font:var(--md-sys-typescale-label-large);font-weight:500;transition:all var(--md-sys-motion-duration-short2);display:inline-flex;align-items:center;gap:8px}.btn-danger:hover{background:color-mix(in srgb,var(--md-sys-color-error) 90%,black)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.sidebar-list{width:300px;flex-shrink:0}.sidebar-list-header{margin-bottom:1rem}.sidebar-list-header h3{margin:0;font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.sidebar-empty-state{text-align:center;padding:2rem 1rem;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-medium)}.sidebar-items{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.sidebar-item{padding:.75rem;border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);cursor:pointer;transition:all .2s}.sidebar-item:hover{background:var(--md-sys-color-surface-container-low)}.sidebar-item.selected{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sidebar-item-content{display:flex;align-items:center;justify-content:space-between}.sidebar-item-main{display:flex;align-items:center;gap:.5rem;flex:1}.sidebar-item-icon{display:flex;align-items:center;color:var(--md-sys-color-primary)}.sidebar-item.selected .sidebar-item-icon{color:var(--md-sys-color-on-primary-container)}.sidebar-item-text{flex:1}.sidebar-item-name{font:var(--md-sys-typescale-body-medium);font-weight:500;color:var(--md-sys-color-on-surface)}.sidebar-item.selected .sidebar-item-name{color:var(--md-sys-color-on-primary-container)}.sidebar-item-subtitle{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);margin-top:.25rem}.sidebar-item.selected .sidebar-item-subtitle{color:var(--md-sys-color-on-primary-container);opacity:.7}.sidebar-item-status{margin-left:.5rem}.sidebar-add-button{width:100%;padding:.75rem;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border:1px dashed var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font:var(--md-sys-typescale-label-large);font-weight:500;transition:all var(--md-sys-motion-duration-short2)}.sidebar-add-button:hover{background:color-mix(in srgb,var(--md-sys-color-primary-container) 80%,var(--md-sys-color-primary))}.add-item-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--md-sys-shape-corner-medium);cursor:pointer;font:var(--md-sys-typescale-label-medium);font-weight:500;transition:all var(--md-sys-motion-duration-short2);border:none;background:transparent}.add-item-button-dashed{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border:1px dashed var(--md-sys-color-primary)}.add-item-button-dashed:hover{background:color-mix(in srgb,var(--md-sys-color-primary-container) 80%,var(--md-sys-color-primary))}.add-item-button-contained{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:1px solid var(--md-sys-color-primary)}.add-item-button-contained:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 90%,black)}.add-item-button-outlined{background:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.add-item-button-outlined:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent)}.add-item-button-full-width{width:100%}.add-item-button:disabled{opacity:.5;cursor:not-allowed}.two-column-layout{display:flex;gap:2rem}.main-content{flex:1}.edit-mode-field{background:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);transition:all var(--md-sys-motion-duration-short2)}.edit-mode-field:focus{border-color:var(--md-sys-color-primary);outline:none}.no-navigate{pointer-events:none;color:var(--md-sys-color-on-surface-variant)!important;text-decoration:none!important}.no-navigate:hover{text-decoration:none!important;color:var(--md-sys-color-on-surface-variant)!important}