.theme-menu-backdrop{position:fixed;inset:0;z-index:999}.impersonation-banner{background:#fd7e14;color:#fff;padding:.4rem 2rem;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.85rem;font-weight:500;flex-shrink:0}.impersonation-banner strong{font-weight:700}.impersonation-banner .btn{background:#fff3;border:1px solid rgba(255,255,255,.5);color:#fff;font-size:.75rem;padding:.2rem .6rem;cursor:pointer}.impersonation-banner .btn:hover{background:#ffffff59}[data-theme=dark] .impersonation-banner{background:#c45d00}:root{--ellisys-blue: #0066b3;--ellisys-blue-dark: #004d86;--ellisys-blue-light: #e6f2fa;--ellisys-baby-blue: #a8d4f0;--logo-color: #004d86;--text-primary: #222;--text-secondary: #555;--text-muted: #777;--border-color: #ddd;--bg-light: #f8f9fa;--bg-surface: white;--bg-surface-secondary: #f8f9fa;--border-color-light: #eee;--border-color-lighter: #f0f0f0;--input-bg: white;--input-color: #222;--color-danger: #dc3545;--btn-success-bg: #28a745;--btn-secondary-bg: #6c757d;--btn-default-bg: white;--danger-zone-bg: #fff5f5;--confidential-color: #c00;--error-bg: #f8d7da;--error-color: #721c24;--error-border: #f5c6cb;--success-bg: #d4edda;--success-color: #155724;--success-border: #c3e6cb;--badge-green-bg: #d4edda;--badge-green-color: #155724;--badge-red-bg: #f8d7da;--badge-red-color: #721c24;--badge-gray-bg: #e9ecef;--badge-gray-color: #555;--badge-spec-bg: #ede9fe;--badge-spec-color: #6d28d9;--badge-video-bg: #fef3c7;--badge-video-color: #92400e;--badge-webpage-bg: #d1faf5;--badge-webpage-color: #065f56;--badge-doc-bg: #d1fae5;--badge-doc-color: #065f46;--modal-overlay: rgba(0,0,0,.4);--text-link: var(--ellisys-blue);--shadow-card: 0 2px 12px rgba(0,0,0,.08);--shadow-dropdown: 0 4px 8px rgba(0,0,0,.1)}[data-theme=dark]{color-scheme:dark;--ellisys-blue-light: #1a2f44;--text-link: #4da6d9;--ellisys-baby-blue: #162d4a;--logo-color: #a8d4f0;--text-primary: #e0e0e0;--text-secondary: #aaa;--text-muted: #888;--border-color: #333;--bg-light: #121212;--bg-surface: #1e1e1e;--bg-surface-secondary: #252525;--border-color-light: #2a2a2a;--border-color-lighter: #252525;--input-bg: #2a2a2a;--input-color: #e0e0e0;--color-danger: #e05560;--btn-success-bg: #218838;--btn-secondary-bg: #555;--btn-default-bg: #2a2a2a;--danger-zone-bg: #2a1515;--confidential-color: #e05555;--error-bg: #3a1a1a;--error-color: #e08080;--error-border: #5a2020;--success-bg: #1a3a2a;--success-color: #6fcf97;--success-border: #1a4a2a;--badge-blue-bg: #1a2f44;--badge-blue-color: #a8d4f0;--badge-green-bg: #1a3a2a;--badge-green-color: #6fcf97;--badge-red-bg: #3a1a1a;--badge-red-color: #e08080;--badge-gray-bg: #333;--badge-gray-color: #aaa;--badge-spec-bg: #2e1065;--badge-spec-color: #a78bfa;--badge-video-bg: #3a3020;--badge-video-color: #e0b060;--badge-webpage-bg: #1a3a35;--badge-webpage-color: #6fcfc7;--badge-doc-bg: #1a3a2a;--badge-doc-color: #6fcf97;--modal-overlay: rgba(0,0,0,.6);--shadow-card: 0 2px 12px rgba(0,0,0,.3);--shadow-dropdown: 0 4px 8px rgba(0,0,0,.4)}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg-light);color:var(--text-primary);line-height:1.5;height:100%}#app{display:flex;flex-direction:column;height:100%}header{background:var(--ellisys-baby-blue);padding:.5rem 2rem;display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-primary)}.logo-icon{display:inline-block;width:120px;height:36px;background-color:var(--logo-color);-webkit-mask-image:var(--logo-mask);mask-image:var(--logo-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.logo-text{font-size:1.25rem;font-weight:600;color:var(--text-link)}header nav{margin-left:auto;display:flex;gap:1.5rem;align-items:center}header nav a{color:var(--text-link);text-decoration:none;font-size:.9rem;font-weight:500}header nav a:hover{color:var(--text-primary)}[data-theme=dark] .logo-text,[data-theme=dark] header nav a{color:#a8d4f0}.container{max-width:1200px;margin:0 auto;padding:1.5rem 2rem}h1{font-size:1.3rem;color:var(--text-primary);margin-bottom:1.25rem}.title-row{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.title-row h1{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.detail-row{display:flex;gap:.5rem;margin:.35rem 0}.detail-label{font-weight:600;color:var(--text-secondary);min-width:120px;font-size:.85rem}.detail-value{font-size:.9rem}.detail-date{color:var(--text-muted)}.meta-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500;line-height:1.4;cursor:pointer;border:1px solid var(--border-color);transition:all .2s;color:var(--text-primary);background:var(--btn-default-bg)}.btn-primary{background:var(--ellisys-blue);border-color:var(--ellisys-blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--ellisys-blue-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-success{background:var(--btn-success-bg);border-color:var(--btn-success-bg);color:#fff}.btn-success:hover{opacity:.9}.btn-success:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-surface);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-light)}.btn-cancel{background:var(--bg-surface);border-color:var(--color-danger);color:var(--text-secondary)}.btn-cancel:hover{background:var(--bg-light)}.btn-sm{padding:.3rem .75rem;font-size:.8rem}a.btn{text-decoration:none}.btn-outline{background:var(--btn-default-bg);border-color:var(--border-color);color:var(--text-primary)}.btn-outline:hover{border-color:var(--ellisys-blue);color:var(--text-link)}.btn-delete{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-delete:hover{opacity:.9}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.btn-warning{background:var(--status-pending-bg, #ffc107);border-color:var(--status-pending-bg, #ffc107);color:var(--status-pending-color, #000)}.btn-warning:hover{opacity:.9}.btn-warning:disabled{opacity:.5;cursor:not-allowed}.back-link{color:var(--text-link);text-decoration:none;font-size:.85rem}.back-link:hover{text-decoration:underline}.form-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.form-panel>:is(h2,h3){font-size:.95rem;font-weight:600;color:var(--text-link);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}[data-theme=dark] .form-panel>:is(h2,h3){color:#a8d4f0}.titled-section{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;margin-top:1.5rem;margin-bottom:1rem}.titled-section>:is(h2,h3){font-size:.95rem;font-weight:600;color:var(--text-link);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}[data-theme=dark] .titled-section>:is(h2,h3){color:#a8d4f0}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:600;font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem}.field-undo{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.85rem;padding:0 .2rem;margin-left:.3rem;line-height:1;vertical-align:middle;border-radius:3px;opacity:.7;transition:opacity .15s,color .15s}.field-undo:hover{opacity:1;color:var(--ellisys-blue)}.form-group select,.form-group input,.form-group textarea{width:100%;padding:.5rem .6rem;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:.9rem;color:var(--text-primary);background:var(--input-bg)}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--ellisys-blue);box-shadow:0 0 0 2px var(--ellisys-blue-light)}.form-group textarea{resize:vertical;min-height:60px}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.form-meta{font-size:.8rem;color:var(--text-muted);margin-bottom:1rem}.actions{display:flex;align-items:baseline;gap:.75rem;margin-top:1.25rem}.badge{display:inline-block;padding:.15rem .4rem;border-radius:3px;font-size:.75rem;font-weight:500;margin-right:.25rem;text-transform:lowercase}.badge-blue{background:var(--badge-blue-bg, var(--ellisys-blue-light));color:var(--badge-blue-color, var(--ellisys-blue))}.badge-green{background:var(--badge-green-bg);color:var(--badge-green-color)}.badge-red{background:var(--badge-red-bg);color:var(--badge-red-color)}.badge-gray{background:var(--badge-gray-bg);color:var(--badge-gray-color)}.badge-spec{background:var(--badge-spec-bg);color:var(--badge-spec-color)}.badge-video{background:var(--badge-video-bg);color:var(--badge-video-color)}.badge-webpage{background:var(--badge-webpage-bg);color:var(--badge-webpage-color)}.badge-doc{background:var(--badge-doc-bg);color:var(--badge-doc-color)}.badge-change-create{background:var(--badge-green-bg);color:var(--badge-green-color)}.badge-change-edit{background:var(--badge-blue-bg, #dbeafe);color:var(--badge-blue-color, #2563eb)}.badge-sso{background:var(--badge-blue-bg, var(--ellisys-blue-light));color:var(--badge-blue-color, var(--ellisys-blue))}.badge-local{background:#fff3e0;color:#e65100}.badge-change-delete{background:var(--badge-red-bg);color:var(--badge-red-color)}.badge-code{text-transform:uppercase}.badge-ref-case{background:var(--badge-gray-bg);color:var(--badge-gray-color)}.badge-ref-faq{background:var(--badge-green-bg);color:var(--badge-green-color)}.badge-ref-doc{background:var(--badge-doc-bg);color:var(--badge-doc-color)}.badge-ref-spec{background:var(--badge-spec-bg);color:var(--badge-spec-color)}.badge-ref-video{background:var(--badge-video-bg);color:var(--badge-video-color)}.badge-ref-webpage{background:var(--badge-webpage-bg);color:var(--badge-webpage-color)}.badge-ref-answer,.badge-ref-link{background:var(--badge-gray-bg);color:var(--badge-gray-color)}.status-msg{padding:.6rem 1rem;border-radius:4px;font-size:.85rem;margin-top:1rem;display:none}.status-msg.success{display:block;background:var(--success-bg);color:var(--success-color);border:1px solid var(--success-border)}.status-msg.error{display:block;background:var(--error-bg);color:var(--error-color);border:1px solid var(--error-border)}.error-msg{background:var(--error-bg);color:var(--error-color);padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem}#theme-icon{display:inline-flex;align-items:center}.theme-menu-wrap{position:relative;display:inline-block}.theme-menu{display:none;position:absolute;right:0;top:100%;margin-top:.35rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-dropdown);min-width:130px;z-index:1000;padding:.3rem 0}.theme-menu.open{display:block}.theme-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .75rem;border:none;background:none;cursor:pointer;font-size:.85rem;color:#222;font-family:inherit}[data-theme=dark] .theme-menu button{color:#e0e0e0}.theme-menu button svg{flex-shrink:0}.theme-menu button:hover{background:var(--bg-surface-secondary);color:var(--text-link)}.theme-menu button.active{font-weight:700;color:var(--text-link)}.loading{text-align:center;padding:2rem;color:var(--text-muted)}