@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";html{font-size:14px}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--text-main:#0f172a;--text-muted:#64748b;--text-subtle:#94a3b8;--border-light:#e2e8f0;--border-strong:#cbd5e1;--success:#16a34a;--success-light:#dcfce7;--error:#dc2626;--error-light:#fee2e2;--warning:#d97706;--warning-light:#fef3c7;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 12px 32px #0f172a1f;--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased}input,button,select,textarea{font-family:var(--font-main)}.form-control{background:var(--bg-primary);border:1px solid var(--border-light);color:var(--text-main);border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:all .15s}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem;transition:all .15s;display:inline-flex}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-main)}.btn-icon:focus-visible,.icon-btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.flex{display:flex}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-between{justify-content:space-between;align-items:center;display:flex}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.align-center{align-items:center}.w-full{width:100%}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.p-4{padding:1rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.text-right{text-align:right}.login-container{background:var(--bg-secondary);place-items:center;min-height:100vh;padding:2rem 1rem;display:grid;position:relative;overflow:hidden auto}.login-glass-card{background:var(--bg-primary);border:1px solid var(--border-light);z-index:10;width:100%;max-width:540px;box-shadow:var(--shadow-lg);border-radius:20px;padding:2.5rem;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:1.5rem}.logo-icon{background:var(--primary-light);border:1px solid var(--primary-light);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1.5rem;display:flex}.login-header h1{letter-spacing:-.02em;color:var(--text-main);margin-bottom:.4rem;font-size:1.6rem;font-weight:700}.login-header p{color:var(--text-muted);font-size:.95rem}.login-form{flex-direction:column;gap:1rem;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-row{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=480px){.input-row{grid-template-columns:1fr 1fr}}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.input-group input{background:var(--bg-primary);border:1px solid var(--border-light);color:var(--text-main);border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:all .15s}.input-group input::placeholder{color:var(--text-subtle)}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.login-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.85rem;font-size:.95rem;font-weight:600;transition:all .15s;display:flex}.login-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md)}.divider{text-align:center;color:var(--text-subtle);align-items:center;margin:1rem 0 .25rem;font-size:.8rem;font-weight:500;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--border-light);flex:1}.divider span{padding:0 1rem}.login-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-badge{background:var(--error-light);color:var(--error);text-align:center;border:1px solid var(--error-light);border-radius:8px;padding:.75rem;font-size:.875rem}.layout-container{background-color:var(--bg-primary);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-light);z-index:10;flex-direction:column;flex-shrink:0;width:260px;height:100%;padding:1.5rem 1rem;display:flex;overflow:hidden}.sidebar-header{align-items:center;gap:.75rem;padding:0 .5rem 2rem;display:flex}.sidebar-logo{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.sidebar-header h2{letter-spacing:-.02em;color:var(--text-main);font-size:1.2rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:.15rem;min-height:0;padding-right:.5rem;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 12px calc(100% - 12px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 12px calc(100% - 12px),#0000 100%)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.nav-item{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.65rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item svg{flex-shrink:0}.nav-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-main)}.nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:600}.nav-group-label{text-transform:uppercase;color:var(--text-subtle);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.5rem;padding:0 1rem;font-size:.7rem;font-weight:700;overflow:hidden}.nav-group-label.mt-4{margin-top:1.1rem}.nav-item.active svg{color:var(--primary)}.text-error{color:var(--error)!important}.text-error:hover{background:var(--error-light)!important}.sidebar-footer{border-top:1px solid var(--border-light);flex-direction:column;gap:.25rem;margin-top:auto;padding-top:.75rem;display:flex}.main-content{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;position:relative}.top-header{border-bottom:1px solid var(--border-light);background:var(--bg-primary);z-index:5;justify-content:space-between;align-items:center;height:68px;padding:0 2rem;display:flex}.header-user{align-items:center;gap:.75rem;display:flex}.user-avatar{background:var(--primary-light);border:1px solid var(--border-light);width:38px;height:38px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-main);font-size:.9rem;font-weight:600}.user-role{color:var(--text-muted);font-size:.75rem}.content-wrapper{background:var(--bg-primary);flex:1;min-height:0;padding:1.5rem 2rem;overflow:auto}.page-container{flex-direction:column;gap:1.5rem;display:flex}.page-header{justify-content:space-between;align-items:center;display:flex}.page-title{letter-spacing:-.02em;color:var(--text-main);font-size:1.4rem;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.95rem}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-weight:600;transition:all .15s;display:flex}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-md)}.glass-card{background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:14px;padding:1.5rem}.mb-4{margin-bottom:1rem}.slide-down{animation:.3s cubic-bezier(.16,1,.3,1) slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.inline-form{align-items:center;gap:1rem;margin-top:1rem;display:flex}.inline-form input{background:var(--bg-primary);border:1px solid var(--border-light);color:var(--text-main);border-radius:8px;outline:none;flex:1;padding:.75rem 1rem;transition:border-color .15s}.inline-form input:focus{border-color:var(--primary)}.table-container{padding:0;overflow:hidden}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-light);background:var(--bg-secondary);padding:1rem 1.5rem;font-size:.8rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border-light);color:var(--text-main);padding:1rem 1.5rem;font-size:.9rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-secondary)}.font-medium{font-weight:500}.text-muted{color:var(--text-muted)}.badge{border-radius:12px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.action-buttons{gap:.5rem;display:flex}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:all .15s;display:flex}.icon-btn:hover{background:var(--bg-tertiary);color:var(--text-main)}.empty-state{text-align:center;color:var(--text-muted);padding:3rem!important}.loading-state{color:var(--primary);justify-content:center;padding:4rem;display:flex}.catalog-tabs{border-bottom:1px solid var(--border-light);gap:1rem;margin-bottom:1.5rem;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .15s}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tree-container{padding:.5rem}.tree-node-wrapper{margin-bottom:.25rem}.tree-node{border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem;transition:background .15s;display:flex}.tree-node:hover{background:var(--bg-tertiary)}.tree-node-content{align-items:center;display:flex}.tree-children{border-left:1px solid var(--border-light);margin-left:1rem}.advanced-form{flex-direction:column;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.form-section h3{color:var(--text-main);border-bottom:1px solid var(--border-light);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.05rem}.form-section input,.form-section textarea,.form-section select{background:var(--bg-primary);border:1px solid var(--border-light);width:100%;color:var(--text-main);border-radius:8px;outline:none;margin-bottom:1rem;padding:.75rem 1rem;transition:border-color .15s}.form-section input:focus,.form-section textarea:focus,.form-section select:focus{border-color:var(--primary)}.form-row{gap:1rem;display:flex}.form-row>input{margin-bottom:1rem}.image-upload-box{border:2px dashed var(--border-strong);cursor:pointer;background:var(--bg-secondary);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;transition:all .15s;display:flex}.image-upload-box:hover{border-color:var(--primary);background:var(--primary-light)}.selected-files{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.form-actions{border-top:1px solid var(--border-light);justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}.btn-secondary{background:var(--bg-primary);border:1px solid var(--border-light);color:var(--text-main);cursor:pointer;border-radius:10px;padding:.7rem 1.2rem;font-weight:500;transition:all .15s}.btn-secondary:hover{background:var(--bg-tertiary)}.table-thumb{object-fit:cover;border:1px solid var(--border-light);border-radius:8px;width:40px;height:40px}.table-thumb-placeholder{background:var(--primary-light);width:40px;height:40px;color:var(--primary);border:1px solid var(--primary-light);border-radius:8px;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.text-sm{font-size:.8rem}.glass-select option{background:var(--bg-primary);color:var(--text-main)}.mx-auto{margin-left:auto;margin-right:auto;display:block}.inbox-container{gap:1.5rem;height:100%;display:flex;overflow:hidden}.inbox-sidebar{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden}.inbox-header{border-bottom:1px solid var(--border-light);padding:1.5rem}.inbox-header h3{color:var(--text-main);margin:0}.convo-list{flex:1;overflow-y:auto}.convo-item{cursor:pointer;border-bottom:1px solid var(--border-light);border-left:3px solid #0000;gap:1rem;padding:1rem 1.5rem;transition:all .15s;display:flex}.convo-item:hover,.convo-item.active{background:var(--bg-tertiary)}.convo-item.active{border-left:3px solid var(--primary)}.convo-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:600;display:flex}.convo-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.convo-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-main);margin-bottom:.25rem;font-weight:600;overflow:hidden}.convo-meta{color:var(--text-muted);font-size:.85rem}.unread-badge{background-color:var(--primary);color:#fff;border-radius:12px;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.inbox-main{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.chat-header{border-bottom:1px solid var(--border-light);padding:1.5rem}.chat-messages{background:var(--bg-secondary);flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.message-bubble{word-break:break-word;border-radius:16px;max-width:70%;padding:1rem 1.25rem;line-height:1.5}.message-bubble.received{background:var(--bg-primary);border:1px solid var(--border-light);color:var(--text-main);border-bottom-left-radius:4px;align-self:flex-start}.message-bubble.sent{background:var(--primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-input-area{border-top:1px solid var(--border-light);gap:1rem;padding:1.5rem;display:flex}.chat-input{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-main);border-radius:24px;flex:1;padding:.75rem 1.5rem;font-family:inherit}.chat-input:focus{border-color:var(--primary);background:var(--bg-primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.chat-input:disabled{opacity:.6;cursor:not-allowed}.empty-chat-state,.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.chat-error-banner{background:var(--error-light);color:var(--error);border-top:1px solid var(--error-light);align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.9rem;display:flex}.chat-session-expired{background:var(--bg-secondary);text-align:center;border-top:1px solid var(--border-light);color:var(--text-muted);padding:1.5rem}.chat-session-expired p{margin-bottom:.5rem}.inbox-details{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;flex-shrink:0;width:300px;animation:.3s slideInRight;display:flex}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.details-header{border-bottom:1px solid var(--border-light);padding:1.5rem}.details-header h3{color:var(--text-main);margin:0}.details-content{padding:1.5rem;overflow-y:auto}.details-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:700;display:flex}.details-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;margin-bottom:1rem;padding:1rem}.details-section h5{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem;font-size:.8rem}.details-section p{word-break:break-all;color:var(--text-main);margin:0;font-size:.95rem;font-weight:500}.modal-overlay{z-index:1000;background:#0f172a66;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-primary);width:100%;max-width:450px;box-shadow:var(--shadow-lg);border-radius:16px;padding:0;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3{color:var(--text-main);margin:0}.modal-body{padding:1.5rem}.settings-card{max-width:720px}.settings-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.settings-card-header h3{color:var(--text-main);font-size:1.05rem}.status-badge{border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.status-connected{background:var(--success-light);color:var(--success)}.status-disconnected{background:var(--warning-light);color:var(--warning)}.status-loading{background:var(--bg-tertiary);color:var(--text-muted)}.connected-summary{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;display:grid}.help-text{margin-top:-.5rem;margin-bottom:1rem}.success-badge{background:var(--success-light);color:var(--success);text-align:center;border:1px solid var(--success-light);border-radius:8px;padding:.75rem;font-size:.875rem}