.sidebar{width:240px;background-color:var(--sidebar-bg);color:var(--sidebar-color);height:100vh;transition:width .3s ease;position:relative}.sidebar.collapsed{width:60px}.sidebar-header{padding:1rem;display:flex;justify-content:flex-end;border-bottom:1px solid var(--sidebar-border)}.toggle-button{background:none;border:none;color:var(--sidebar-color);cursor:pointer;font-size:1rem}.sidebar-nav{padding:1rem 0}.sidebar-nav ul{list-style:none}.sidebar-nav li{margin-bottom:.5rem}.sidebar-nav li a{display:flex;align-items:center;padding:.75rem 1rem;color:var(--sidebar-color);text-decoration:none;transition:background-color .2s;opacity:.8}.sidebar-nav li a:hover{background-color:var(--sidebar-hover);opacity:1}.sidebar-nav li.active a{background-color:var(--sidebar-active);opacity:1}.sidebar-nav .icon{margin-right:.75rem;font-size:1.25rem}.sidebar.collapsed .label{display:none}.theme-toggle-sidebar{background:none;border:none;color:var(--sidebar-color);cursor:pointer;font-size:1.25rem;margin-right:auto}.menu-separator{height:1px;background-color:var(--sidebar-border);margin:1rem 0;opacity:.5}.form-card{background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 8px #0000001a;width:100%;max-width:500px;overflow:hidden}.form-header{padding:1.5rem;border-bottom:1px solid var(--card-border)}.form-header h2{font-size:1.25rem;font-weight:600;margin:0;color:var(--foreground)}.form-content{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:var(--foreground)}.form-group input{width:100%;padding:.75rem;border:1px solid var(--input-border);border-radius:4px;font-size:1rem;background-color:var(--card-background);color:var(--foreground)}.form-group input:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 2px #4a90e233}.form-group .error-message{color:var(--error);font-size:.75rem;margin-top:.25rem}.form-footer{padding:1rem 1.5rem;border-top:1px solid var(--card-border);display:flex;justify-content:flex-end}.add-button{background-color:#c2f0c2;color:#2f662f;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.submit-button{background-color:var(--primary);color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:var(--primary-hover)}.submit-button:disabled{background-color:var(--primary-disabled);cursor:not-allowed}.form-group select{width:100%;padding:.75rem;border:1px solid var(--input-border);border-radius:4px;font-size:1rem;background-color:var(--card-background);color:var(--foreground)}.form-group select:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 2px #4a90e233}.response-section{margin-top:1.5rem;padding:1.5rem;border-top:1px solid var(--card-border)}.response-section h3{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--foreground)}.response-content{background-color:var(--background);border:1px solid var(--card-border);border-radius:4px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;color:var(--foreground);white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.decrypt-section{margin-top:1.5rem;padding:1.5rem;border-top:1px solid var(--card-border);background-color:var(--background);border-radius:4px}.decrypt-section h3{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--foreground)}.decrypted-section{margin-top:1.5rem;padding:1.5rem;border-top:1px solid var(--card-border)}.decrypted-section h3{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--foreground)}.certificate-group{margin-bottom:1.5rem}.certificate-group h4{font-size:.875rem;font-weight:600;margin:0 0 .5rem;color:var(--foreground)}.certificate-content{background-color:var(--background);border:1px solid var(--card-border);border-radius:4px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.4;color:var(--foreground);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.save-section{margin-top:1.5rem;display:flex;justify-content:center}.save-button{background-color:var(--primary);color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.save-button:hover:not(:disabled){background-color:var(--primary-hover)}.save-button:disabled{background-color:var(--primary-disabled);cursor:not-allowed}.save-button.saved{background-color:#10b981}.save-button.saved:hover{background-color:#059669}.save-aes-button{background-color:var(--primary);color:#fff;border:none;border-radius:4px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.save-aes-button:hover:not(:disabled){background-color:var(--primary-hover)}.save-aes-button:disabled{background-color:var(--primary-disabled);cursor:not-allowed}.save-aes-button.saved{background-color:#10b981}.save-aes-button.saved:hover{background-color:#059669}.file-info{margin-top:.75rem;padding:.75rem;background-color:var(--background);border:1px solid var(--card-border);border-radius:4px;font-size:.875rem}.file-info p{margin:.25rem 0;color:var(--foreground)}.file-info p:first-child{font-weight:500}.certificates-status{margin-bottom:1.5rem;padding:1rem;border-radius:4px;border:1px solid var(--card-border)}.certificates-status h3{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:var(--foreground)}.certificates-info{background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:4px;padding:.75rem}.certificates-info p{margin:.25rem 0;color:#0c4a6e;font-size:.875rem}.certificates-warning{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:4px;padding:.75rem}.certificates-warning p{margin:.25rem 0;color:#92400e;font-size:.875rem}:root{--background: #f5f5f5;--foreground: #333333;--card-background: #ffffff;--card-border: #eeeeee;--primary: #4a90e2;--primary-hover: #3a80d2;--primary-disabled: #a0c0e8;--input-border: #dddddd;--input-focus: #4a90e2;--error: #e53e3e;--sidebar-bg: #2c3e50;--sidebar-color: #ffffff;--sidebar-active: rgba(255, 255, 255, .2);--sidebar-hover: rgba(255, 255, 255, .1);--sidebar-border: rgba(255, 255, 255, .1)}.dark-mode{--background: #121212;--foreground: #e0e0e0;--card-background: #1e1e1e;--card-border: #333333;--primary: #5c9cf5;--primary-hover: #4a90e2;--primary-disabled: #2a4b75;--input-border: #444444;--input-focus: #5c9cf5;--error: #ff5252;--sidebar-bg: #1a1a1a;--sidebar-color: #e0e0e0;--sidebar-active: rgba(92, 156, 245, .2);--sidebar-hover: rgba(255, 255, 255, .05);--sidebar-border: #333333}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s,border-color .3s}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--foreground);background-color:var(--background)}.app-container{display:flex;min-height:100vh}.main-content{flex:1;padding:2rem}h1{font-size:1.75rem;margin-bottom:1.5rem;color:var(--foreground)}.theme-toggle{position:fixed;top:1rem;right:1rem;background:var(--primary);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0000001a;z-index:100}.theme-toggle:hover{background:var(--primary-hover)}.message-panel{border:1px solid #ddd;padding:16px;min-width:35%;max-width:50%;margin:20px auto;border-radius:8px;background-color:#f9f9f9;font-family:sans-serif;box-shadow:0 0 10px #0000000d}.connection-status{font-size:15px;margin-bottom:12px}.chat-messages{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:10px;background-color:#fafafa;border:1px solid #eee;margin-bottom:10px}.chat-message{max-width:100%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;box-sizing:border-box;padding:10px}.chat-message.sent{align-self:flex-end;background-color:#c2f0c2;border-bottom-right-radius:0;border:1px solid #97d897;color:#2f662f;box-shadow:0 1px 4px #32963233}.chat-message.received{align-self:flex-start;background-color:#d0e7ff;border-bottom-left-radius:0;border:1px solid #a0c4ff;color:#004a99;box-shadow:0 1px 4px #004b9933}.message-meta{font-size:.75em;color:#666;margin-top:6px;text-align:right}.message-json{margin-top:6px;font-size:.85em;background-color:#f7f7f7;padding:8px;border-radius:6px}h4{font-size:18px;margin-bottom:12px}.filter-container{margin-bottom:16px}.topic-filter-input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.topic-filter-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}strong{color:#333}.message-json pre{background-color:#f9f9f9;padding:8px;border-radius:6px;font-family:monospace;white-space:pre-wrap;word-break:break-word;margin:4px 0;max-height:300px;overflow-y:auto;max-width:100%;box-sizing:border-box}.message-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:8px;color:#666}.message-meta-left{text-align:left}.message-meta-right{text-align:right}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.topic-info{flex:1;word-break:break-all}.message-actions{display:flex;gap:8px;align-items:center}.quick-response-buttons{display:flex;gap:6px;align-items:center;flex-shrink:0}.quick-response-btn{border:none;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:2px;transition:all .3s cubic-bezier(.4,0,.2,1);text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;overflow:hidden;flex-shrink:0;min-width:38px}.quick-response-btn.success{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 2px 4px #28a74533,0 1px 2px #0000001a}.quick-response-btn.error{background:linear-gradient(135deg,#dc3545,#e83e3e);box-shadow:0 2px 4px #dc354533,0 1px 2px #0000001a}.quick-response-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.quick-response-btn.success:hover{background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-1px);box-shadow:0 4px 12px #28a74566,0 2px 4px #0003}.quick-response-btn.error:hover{background:linear-gradient(135deg,#e83e3e,#c82333);transform:translateY(-1px);box-shadow:0 4px 12px #dc354566,0 2px 4px #0003}.quick-response-btn:hover:before{opacity:1}.quick-response-btn:active{transform:translateY(0)}.quick-response-btn.success:active{box-shadow:0 2px 4px #28a7454d,0 1px 2px #00000026}.quick-response-btn.error:active{box-shadow:0 2px 4px #dc35454d,0 1px 2px #00000026}.quick-response-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.quick-response-btn:disabled:before{display:none}