.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f1419,#1a1f2e)}.login-box{background:#1a1f2e;border:1px solid #333;border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 60px #00000080}.login-header{text-align:center;margin-bottom:30px}.kitt-icon{font-size:48px;margin-bottom:15px;animation:pulse 2s infinite}.login-header h1{font-size:24px;margin-bottom:8px;color:#fff}.login-header p{color:#999;font-size:14px}.form-group label{display:block;margin-bottom:8px;font-size:14px;color:#ccc}.form-group input{width:100%;padding:12px;border:1px solid #444;border-radius:6px;background:#0f1419;color:#e0e0e0;font-size:14px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:red;background:#1a2333}.form-group input:disabled{opacity:.5;cursor:not-allowed}.login-button{width:100%;padding:12px;background:red;color:#fff;border:none;border-radius:6px;font-weight:700;font-size:14px;cursor:pointer;transition:background-color .3s}.login-button:hover:not(:disabled){background:#c00}.login-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#ff00001a;border:1px solid #ff0000;color:#ff6b6b;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.login-footer{text-align:center;margin-top:20px;font-size:12px;color:#666}.login-footer code{background:#0f1419;padding:2px 6px;border-radius:3px;color:#999;font-family:Courier New,monospace}.user-profile{position:relative;display:flex;align-items:center;width:100%;z-index:1001}.profile-toggle{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#1a1f2e;border:1px solid #333;border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:100%;position:relative;z-index:1001}.profile-toggle:hover{background:#252d3d;border-color:#f90}.profile-avatar{font-size:20px;width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:#0f1419;border-radius:50%}.profile-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.profile-name{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-role{font-size:10px;color:#999;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-arrow{font-size:12px;color:#666;transition:transform .2s ease;flex-shrink:0}@media (min-width: 1025px){.profile-dropdown{position:absolute;bottom:100%;left:0;right:auto;top:auto;width:300px;margin-bottom:8px;background:#1a1f2e;border:2px solid #ff9900;border-radius:8px;padding:15px;z-index:2000;box-shadow:0 8px 32px #000000f2;max-height:60vh;overflow-y:auto;display:block!important;visibility:visible!important;opacity:1!important}}@media (max-width: 1024px){.profile-dropdown{position:fixed;top:15px;left:120px;transform:none;width:280px;background:#1a1f2e;border:2px solid #ff9900;border-radius:8px;padding:15px;z-index:2000;box-shadow:0 8px 32px #000000f2;max-height:calc(100vh - 200px);overflow-y:auto;display:block!important;visibility:visible!important;opacity:1!important}}@media (max-width: 480px){.profile-dropdown{left:10px;right:10px;width:auto;max-width:calc(100% - 20px)}}.profile-card{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #333}.profile-card h4{margin:0 0 4px;font-size:14px;color:#fff;word-break:break-word}.profile-username{margin:2px 0 8px;font-size:11px;color:#999;font-style:italic;word-break:break-word}.profile-email,.profile-phone{margin:6px 0;font-size:12px;color:#bbb;word-break:break-all}.profile-role-badge{display:inline-block;margin-top:8px;padding:4px 12px;background:#0f1419;border:1px solid #ff9900;color:#f90;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.profile-actions{display:flex;flex-direction:column;gap:8px}.btn{padding:12px;border-radius:6px;cursor:pointer;font-weight:500;border:none;transition:all .3s;font-size:13px;text-align:center;width:100%;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#252d3d;color:#e0e0e0;border:1px solid #333}.btn-secondary:hover{background:#2d3847;border-color:#f90}.btn-primary{background:#1a3d1a;color:#6bff6b;border:1px solid #00cc00}.btn-primary:hover{background:#1a4d1a;border-color:#6bff6b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:3000;padding:10px}.modal-content{background:#1a1f2e;border:2px solid #ff9900;border-radius:8px;padding:20px;max-width:400px;width:100%;max-height:90vh;overflow-y:auto}.modal-content h2{margin:0 0 20px;font-size:18px;color:#f90}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.form-group label{font-size:12px;font-weight:600;color:#999;text-transform:uppercase}.form-group input{padding:12px;background:#0f1419;border:1px solid #333;color:#e0e0e0;border-radius:6px;font-family:inherit;font-size:16px}.form-group input:focus{outline:none;border-color:#f90;box-shadow:0 0 8px #f903}.form-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.form-actions button{width:100%}.alert{padding:12px 16px;border-radius:6px;margin-bottom:15px;font-size:13px;word-break:break-word}.alert-error{background:#3d1a1a;color:#ff6b6b;border-left:3px solid #ff0000}.alert-success{background:#1a3d1a;color:#6bff6b;border-left:3px solid #00cc00}.profile-dropdown::-webkit-scrollbar{width:4px}.profile-dropdown::-webkit-scrollbar-track{background:transparent}.profile-dropdown::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.profile-dropdown::-webkit-scrollbar-thumb:hover{background:#666}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.modal-content::-webkit-scrollbar-thumb:hover{background:#666}.profile-subscription{margin-top:10px;padding:10px;background:#ff99000d;border:1px solid rgba(255,153,0,.2);border-radius:4px}.subscription-status{display:block;font-size:12px;color:#fff;font-weight:500}.btn-outline{background:transparent;border:1px solid #ff9900;color:#f90}.btn-outline:hover{background:#ff99001a;border-color:#ffb033;color:#ffb033}.app-header{position:fixed;top:0;left:0;right:0;height:70px;background:#1a1f2e;border-bottom:1px solid #333;z-index:998;box-shadow:0 2px 8px #0000004d;transition:height .3s ease;display:flex;align-items:center}.app-header.collapsed{height:40px;overflow:visible;border-bottom:1px solid #333}.app-header.collapsed .header-content{display:none}.header-expand-button{position:absolute;top:2px;left:50%;transform:translate(-50%);width:36px;height:36px;display:none;align-items:center;justify-content:center;background:transparent;border:1px solid #ff9900;border-radius:4px;color:#f90;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;z-index:1002}.app-header.collapsed .header-expand-button{display:flex}.header-expand-button:hover{background:#ff99001a}.header-content{display:grid;grid-template-columns:auto 1fr auto;align-items:center;justify-items:stretch;padding:0 15px;height:100%;gap:15px;width:100%}.header-logo-section{display:flex;align-items:center;gap:10px;min-width:0;justify-self:start}.header-logo{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ff99001a;border:1px solid rgba(255,153,0,.3);border-radius:6px;white-space:nowrap}.logo-icon{font-size:18px;min-width:18px}.logo-text{font-size:14px;font-weight:700;color:#f90;letter-spacing:1px}.header-logo-section .logo-text{display:inline}.app-header.collapsed .logo-text{display:none}.header-title{flex:1;text-align:center;min-width:0;justify-self:center}.header-title h1{margin:0;font-size:16px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:10px;min-width:0;justify-self:end}.header-controls{display:flex;gap:5px;align-items:center}.control-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid #444;border-radius:4px;color:#999;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;padding:0}.control-button:hover{background:#ff99001a;border-color:#f90;color:#f90}.control-button.collapse-all{border-color:#f90;color:#f90}.header-actions .user-profile{position:relative;z-index:1001}.header-actions .profile-dropdown{position:absolute;top:100%;right:0;left:auto;bottom:auto;margin-top:8px;width:300px;z-index:2000}@media (max-width: 1024px){.app-header{height:60px}.header-content{padding:0 10px;gap:8px}.header-logo{padding:6px 10px}.logo-icon{font-size:16px}.logo-text{font-size:12px}.header-title h1{font-size:13px}.control-button{width:32px;height:32px;font-size:12px}.header-actions .profile-dropdown{right:-10px;width:calc(100vw - 20px);max-width:320px}}@media (max-width: 768px){.app-header{height:55px}.header-content{padding:0 8px;gap:5px}.header-logo{padding:5px 8px}.logo-icon{font-size:14px}.logo-text{font-size:11px}.header-title h1{font-size:12px}.header-title{display:none}.control-button{width:30px;height:30px;font-size:11px}.header-actions .profile-dropdown{right:-5px;width:calc(100vw - 10px);max-width:300px}}@media (max-width: 480px){.app-header{height:50px}.header-content{padding:0 5px;gap:3px}.header-logo{padding:4px 6px}.logo-icon{font-size:12px}.logo-text{display:none}.header-controls{gap:2px}.control-button{width:28px;height:28px;font-size:10px}.header-actions .profile-dropdown{width:calc(100vw - 10px);max-width:280px}}.sidebar{position:fixed;left:0;top:70px;bottom:0;width:240px;height:calc(100vh - 70px);background:#1a1f2e;border-right:1px solid #333;display:flex;flex-direction:column;z-index:1000;transition:width .3s ease}.sidebar.collapsed{width:80px}.sidebar-collapse-button{position:sticky;top:0;width:100%;height:44px;padding:8px;display:flex;align-items:center;justify-content:center;background:#252d3d;border:none;border-bottom:1px solid #333;color:#f90;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s ease;z-index:1001}.sidebar-collapse-button:hover{background:#2a333f;color:#ffb033}.sidebar-collapse-button:active{background:#f903}.sidebar-header,.sidebar-logo{display:none}.sidebar-nav{flex:1;padding:10px 0;overflow-y:auto}.nav-item{width:100%;padding:12px 20px;display:flex;align-items:center;gap:12px;background:none;border:none;color:#999;cursor:pointer;transition:all .3s;text-align:left;font-size:14px;white-space:nowrap}.sidebar.collapsed .nav-item{padding:12px;justify-content:center}.nav-item:hover{background:#ff00001a;color:#ccc}.nav-item.active{background:#ff000026;color:red;border-right:3px solid #ff0000}.sidebar.collapsed .nav-item.active{border-right:none;border-bottom:3px solid #ff0000}.nav-icon{font-size:18px;flex-shrink:0}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .nav-label{display:none}.sidebar-footer{padding:10px 15px;border-top:1px solid #333;background:#0f1419;margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:60px}.sidebar-footer .user-profile{width:100%}.sidebar-footer .profile-toggle{width:100%;justify-content:flex-start}.sidebar.collapsed .sidebar-footer{padding:10px;min-height:50px}.sidebar.collapsed .sidebar-footer .profile-toggle{justify-content:center;padding:8px}@media (max-width: 768px){.sidebar-footer{padding:10px;min-height:60px;width:100%}.sidebar-footer .profile-toggle{width:100%;padding:10px;justify-content:center}.sidebar-footer .profile-avatar{width:28px;height:28px;font-size:16px}.profile-info,.profile-arrow{display:none!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width: 1024px){.sidebar{width:80px}.logo-text,.nav-label,.logout-label{display:none}.nav-item,.logout-button{padding:12px;justify-content:center}.nav-item.active{border-right:none;border-bottom:3px solid #ff0000}}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:60px;width:240px;height:calc(100vh - 60px);border-right:1px solid #333;border-bottom:none;z-index:999;transition:width .3s ease}.sidebar.collapsed{width:80px}.dashboard-content{margin-left:240px;transition:margin-left .3s ease}.sidebar.collapsed~.dashboard-content{margin-left:80px}.sidebar-header{justify-content:space-between;padding:15px;min-height:auto;border-bottom:1px solid #333}.sidebar-logo{justify-content:flex-start;gap:10px}.sidebar.collapsed .sidebar-logo{justify-content:center}.logo-text{display:block;font-size:16px}.sidebar.collapsed .logo-text{display:none}.collapse-button{display:flex;padding:8px;background:none;border:none;color:#999;cursor:pointer;font-size:16px;min-width:40px;min-height:40px;align-items:center;justify-content:center;z-index:1001}.collapse-button:active,.collapse-button:focus{background:#f903;color:#f90;outline:none}.sidebar-nav{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;flex-wrap:nowrap;padding:0}.nav-item{flex:1;padding:12px;justify-content:flex-start;font-size:12px;border-right:none;border-bottom:1px solid #333;min-height:50px;text-align:left}.sidebar.collapsed .nav-item{justify-content:center;text-align:center}.nav-icon{font-size:16px;min-width:20px}.nav-label{display:inline;margin-left:10px}.sidebar.collapsed .nav-label{display:none}.nav-item.active{border-right:none;border-bottom:3px solid #ff0000}.sidebar-footer{border-top:1px solid #333;padding:10px;min-height:60px;width:100%}.profile-toggle{width:100%;padding:10px;justify-content:center}.profile-arrow,.profile-info{display:none}}@media (max-width: 480px){.sidebar{top:0;height:100vh;width:80px}.sidebar-nav{flex-direction:column}.nav-item{flex:1;border-bottom:1px solid #333}.nav-item.active{border-bottom:3px solid #ff0000}.logout-button{flex:1}}.memory-container{display:flex;flex-direction:column;height:100%;background:#0a0e27;color:#e0e0e0}.memory-header{padding:24px;background:linear-gradient(135deg,#1a1f3a,#16213e);border-bottom:2px solid #dc2626;text-align:center}.memory-header h1{margin:0;font-size:28px;color:#fff}.memory-header p{margin:8px 0 0;font-size:13px;color:#a0a0a0}.memory-layout{display:flex;flex:1;min-height:0;gap:20px;padding:20px;overflow:hidden}.memory-sidebar{flex:0 0 240px;min-width:240px;max-width:240px;background:#111827;border:1px solid #333;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:calc(100vh - 140px)}.sidebar-section h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#dc2626;text-transform:uppercase;letter-spacing:.5px}.agent-btn{padding:10px 12px;background:#1f2937;border:1px solid #374151;border-radius:6px;color:#a0a0a0;cursor:pointer;font-size:13px;transition:all .2s;text-align:left}.agent-btn:hover{background:#2d3748;border-color:#4b5563;color:#e0e0e0}.agent-btn.active{background:#dc2626;border-color:#b91c1c;color:#fff;font-weight:600}.category-btn{padding:8px 10px;background:transparent;border:1px solid #333;border-radius:4px;color:#999;cursor:pointer;font-size:12px;transition:all .2s;text-align:left}.category-btn:hover{background:#1f2937;border-color:#555;color:#e0e0e0}.category-btn.active{background:#dc2626;border-color:#b91c1c;color:#fff;font-weight:600}.memory-content{flex:1;display:flex;flex-direction:column;min-width:0;gap:16px;overflow:hidden}.memory-toolbar{display:flex;gap:12px;align-items:center}.search-box{flex:1;display:flex;align-items:center;gap:8px;background:#1f2937;border:1px solid #374151;border-radius:6px;padding:0 12px;height:40px}.search-input{flex:1;background:transparent;border:none;color:#e0e0e0;font-size:13px;outline:none}.result-count{padding:4px 8px;background:#374151;border-radius:4px;color:#999;font-size:11px;white-space:nowrap}.btn-new-memory{padding:10px 16px;background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s;white-space:nowrap}.btn-new-memory:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.new-memory-form{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.new-memory-form h4{margin:0 0 8px;color:#fff;font-size:14px}.form-select,.form-textarea{background:#111827;border:1px solid #333;border-radius:6px;color:#e0e0e0;padding:10px 12px;font-size:13px;font-family:inherit}.form-textarea{resize:vertical;min-height:120px}.form-select:focus,.form-textarea:focus{border-color:#dc2626;outline:none;box-shadow:0 0 0 2px #dc262633}.form-actions{display:flex;gap:8px;justify-content:flex-end}.btn-save,.btn-cancel{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.btn-save{background:#10b981;color:#fff}.btn-cancel{background:#555;color:#fff}.btn-cancel:hover{background:#666}.memory-main{display:flex;flex:1;gap:16px;min-height:0;overflow:hidden}.memory-list-section{flex:0 0 280px;min-width:280px;max-width:280px;background:#111827;border:1px solid #333;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;max-height:calc(100vh - 200px)}.memory-list-section h3{margin:0;font-size:14px;color:#dc2626;text-transform:uppercase;letter-spacing:.5px}.error-message{display:flex;align-items:center;gap:8px;padding:12px;background:#7f1d1d;border:1px solid #991b1b;border-radius:6px;color:#fca5a5;font-size:12px}.error-message button{background:none;border:none;color:#fca5a5;cursor:pointer;font-size:16px;padding:0;margin-left:auto}.loading{display:flex;align-items:center;justify-content:center;color:#666;font-size:13px;padding:32px 12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 12px;text-align:center;color:#666}.empty-icon{font-size:32px}.empty-state p{margin:0;font-size:13px}.memory-cards{display:flex;flex-direction:column;gap:8px}.memory-card{padding:12px;background:#1f2937;border:1px solid #333;border-radius:6px;cursor:pointer;transition:all .2s}.memory-card:hover{background:#2d3748;border-color:#555}.memory-card.active{background:#374151;border-color:#dc2626;box-shadow:0 0 0 2px #dc262633}.card-badge{display:inline-block;padding:4px 8px;background:#111827;border-radius:3px;color:#a0a0a0;font-size:10px;margin-bottom:6px;white-space:nowrap}.card-preview{margin:0;font-size:12px;color:#d0d0d0;line-height:1.4;word-break:break-word}.card-meta{margin-top:8px;color:#666;font-size:10px}.memory-viewer{flex:1;background:#111827;border:1px solid #333;border-radius:8px;display:flex;flex-direction:column;min-width:0}.viewer-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #333}.viewer-title{display:flex;align-items:center;gap:12px;flex:1}.badge-large{font-size:24px}.viewer-title h3{margin:0;font-size:14px;color:#fff;text-transform:uppercase;letter-spacing:.5px}.viewer-title small{display:block;color:#666;font-size:11px;margin-top:4px}.viewer-actions{display:flex;gap:8px}.btn-action{padding:8px 12px;background:#1f2937;border:1px solid #374151;border-radius:4px;cursor:pointer;color:#999;font-size:14px;transition:all .2s}.btn-action:hover{background:#2d3748;border-color:#555;color:#e0e0e0}.btn-action.btn-delete:hover{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.btn-action.btn-success{background:#10b981;border-color:#059669;color:#fff}.btn-action.btn-success:hover{background:#059669}.viewer-content{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.memory-view{flex:1;overflow-y:auto}.memory-view pre,.memory-editor{margin:0;color:#e0e0e0;font-size:12px;line-height:1.6;font-family:Monaco,Courier New,monospace;white-space:pre-wrap;word-wrap:break-word}.memory-editor{width:100%;height:100%;background:#0a0e27;border:1px solid #333;border-radius:4px;padding:12px;resize:none;outline:none}.memory-editor:focus{border-color:#dc2626;box-shadow:0 0 0 2px #dc262633}@media (max-width: 1200px){.memory-layout{flex-direction:column;padding:12px;overflow-y:auto}.memory-sidebar{flex:0 0 auto;width:100%;max-width:100%;flex-direction:row;gap:16px;overflow-x:auto;overflow-y:visible;max-height:none}.sidebar-section{min-width:200px;flex:1}.memory-main{flex-direction:column;overflow-y:auto}.memory-list-section{flex:0 0 auto;width:100%;max-width:100%;max-height:300px}.memory-viewer{max-height:400px}}.documents-container{display:flex;flex-direction:column;gap:20px;padding:20px;height:100%}.documents-container.loading{display:flex;align-items:center;justify-content:center;color:#666;font-size:16px}.docs-header{border-bottom:2px solid rgba(255,0,0,.3);padding-bottom:20px}.docs-header h1{margin:0 0 8px;color:#fff;font-size:28px}.docs-header p{margin:0;color:#999;font-size:14px}.docs-controls{display:flex;flex-direction:column;gap:12px;background:#ff00000d;border:1px solid rgba(255,0,0,.2);border-radius:8px;padding:16px}.search-box{display:flex;gap:12px;align-items:center}.search-count{color:#999;font-size:12px;white-space:nowrap}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{background:#0000004d;border:1px solid rgba(255,0,0,.1);border-radius:4px;padding:8px 14px;color:#999;font-size:12px;cursor:pointer;transition:all .2s ease}.filter-btn.active{background:#f003;border-color:red;color:#ff6b6b;font-weight:600}.docs-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.docs-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:4px}.no-documents{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:60px 20px;color:#666;text-align:center;flex:1}.no-documents p{margin:0;font-size:16px}.no-documents .subtext{font-size:12px;color:#555}.folder-tree{display:flex;flex-direction:column;gap:0}.folder-section{border:1px solid rgba(255,0,0,.15);border-radius:6px;margin-bottom:12px;overflow:hidden;background:#0003}.folder-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ff00001a;border-bottom:1px solid rgba(255,0,0,.1);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.folder-header:hover{background:#ff000026}.folder-toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:#999;font-size:12px;flex-shrink:0}.folder-icon{font-size:20px;flex-shrink:0}.folder-title{color:#fff;font-weight:600;font-size:14px;flex:1}.folder-count{color:#999;font-size:11px;background:#0000004d;padding:2px 8px;border-radius:12px}.folder-contents{display:flex;flex-direction:column;padding:8px;gap:6px}.document-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#0003;border:1px solid rgba(255,0,0,.1);border-radius:4px;cursor:pointer;transition:all .2s ease}.document-item:hover{background:#ff00001a;border-color:#ff00004d;transform:translate(4px)}.doc-icon{font-size:24px;flex-shrink:0;line-height:1}.doc-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.doc-info h4{margin:0;color:#fff;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-preview{margin:0;color:#999;font-size:11px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.doc-meta{display:flex;gap:6px;flex-wrap:wrap}.tags{display:flex;gap:4px;flex-wrap:wrap}.tag{background:#64646433;color:#999;padding:2px 6px;border-radius:3px;font-size:10px;white-space:nowrap}.doc-timestamp{color:#666;font-size:11px;text-align:right;flex-shrink:0;white-space:nowrap}.doc-viewer{display:flex;flex-direction:column;gap:12px;background:#0003;border:1px solid rgba(255,0,0,.1);border-radius:8px;padding:16px;flex:1;min-height:0;overflow:hidden}.viewer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid rgba(255,0,0,.1);padding-bottom:12px}.viewer-header h2{margin:0;color:#fff;font-size:16px}.meta{margin:0;color:#999;font-size:12px}.viewer-actions{display:flex;gap:8px;flex-shrink:0}.btn-edit,.btn-close,.btn-save,.btn-cancel,.btn-delete{background:#ff000026;border:1px solid rgba(255,0,0,.3);border-radius:4px;padding:8px 12px;color:#ff6b6b;font-size:12px;cursor:pointer;transition:all .2s ease}.btn-edit:hover,.btn-close:hover{background:#ff000040;border-color:#ff000080;color:#fff}.btn-save{background:#00aa0026;border-color:#00aa004d;color:#6f6}.btn-save:hover{background:#00aa0040;border-color:#00aa0080;color:#fff}.btn-delete{background:#ff000026;border-color:#ff00004d;color:#ff6b6b}.btn-delete:hover{background:#ff00004d;border-color:red}.doc-content{flex:1;min-height:0;overflow-y:auto;background:#0000004d;border:1px solid rgba(255,0,0,.1);border-radius:4px;padding:16px}.doc-content pre{margin:0;padding:0;color:#ccc;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.doc-tags{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0}.doc-tags .tag{background:#6496ff33;color:#6cf;padding:4px 10px;border-radius:4px;font-size:11px}.doc-editor-section{display:flex;flex-direction:column;gap:12px;background:#0003;border:1px solid rgba(255,0,0,.1);border-radius:8px;padding:16px;flex:1;min-height:0;overflow:hidden}.editor-header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid rgba(255,0,0,.1);padding-bottom:12px}.editor-header h2{margin:0;color:#fff;font-size:16px}.editor-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.doc-editor{flex:1;min-height:300px;background:#0000004d;border:1px solid rgba(255,0,0,.1);border-radius:4px;padding:16px;color:#fff;font-family:Monaco,Courier New,monospace;font-size:13px;resize:vertical;outline:none;transition:all .2s ease}.doc-editor:focus{border-color:red;box-shadow:0 0 8px #f003}.docs-list::-webkit-scrollbar,.doc-content::-webkit-scrollbar{width:8px}.docs-list::-webkit-scrollbar-track,.doc-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.docs-list::-webkit-scrollbar-thumb,.doc-content::-webkit-scrollbar-thumb{background:#ff00004d;border-radius:4px}.docs-list::-webkit-scrollbar-thumb:hover,.doc-content::-webkit-scrollbar-thumb:hover{background:#ff000080}.btn-new-doc{padding:8px 16px;background:#a00;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s;font-size:13px}.btn-new-doc:hover{background:#c00;transform:translateY(-2px);box-shadow:0 4px 12px #aa00004d}.new-doc-form-container{background:#a000001a;border:2px solid #a00;border-radius:8px;padding:20px;margin-bottom:20px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.new-doc-form{display:flex;flex-direction:column;gap:14px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid rgba(170,0,0,.2)}.form-header h3{margin:0;color:#fff;font-size:16px}.btn-close-form{background:none;border:none;color:#a00;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.btn-close-form:hover{color:#c00}.form-group label{color:#aaa;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{background:#1a1a1a;border:1px solid #333;color:#ddd;padding:10px 12px;border-radius:6px;font-family:inherit;font-size:13px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#a00;box-shadow:0 0 8px #a003;background:#0d0d0d}.form-group textarea{resize:vertical;font-family:Monaco,Courier New,monospace;line-height:1.4}.form-actions{display:flex;gap:12px;padding-top:8px}.btn-primary,.btn-secondary{padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s;flex:1}.btn-primary{background:#a00;color:#fff}.btn-primary:hover{background:#c00;transform:translateY(-2px);box-shadow:0 4px 12px #aa00004d}.btn-secondary{background:#262626;color:#aaa;border:1px solid #333}.btn-secondary:hover{background:#303030;color:#ccc;border-color:#555}.calendar-container{width:100%;max-width:1400px;margin:0 auto}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #333}.calendar-header h2{font-size:28px;color:#fff;margin:0}.event-form{background:#1a1f2e;border:1px solid #333;border-radius:12px;padding:25px;margin-bottom:30px}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.calendar-view{background:#1a1f2e;border:1px solid #333;border-radius:12px;padding:30px;margin-bottom:30px}.calendar-month-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px;flex-wrap:wrap}.header-middle{display:flex;gap:15px;align-items:center;flex:1;justify-content:center}.calendar-month-header h3{font-size:24px;color:#fff;margin:0;min-width:200px;text-align:center}.nav-btn,.today-btn{padding:8px 16px;background:#333;border:1px solid #444;color:#999;border-radius:4px;cursor:pointer;transition:all .3s;font-weight:700}.nav-btn:hover,.today-btn:hover{background:#444;color:#ccc;border-color:#555}.view-toggle{display:flex;gap:10px;border:1px solid #333;border-radius:4px;background:#0f1419;padding:4px}.toggle-btn{padding:6px 16px;background:transparent;border:none;color:#999;cursor:pointer;border-radius:3px;font-weight:700;transition:all .3s;font-size:13px}.toggle-btn:hover{color:#ccc}.toggle-btn.active{background:red;color:#fff}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#333;border:1px solid #333;border-radius:8px;overflow:hidden}.weekday{background:#0f1419;color:#999;padding:12px;text-align:center;font-weight:700;font-size:12px}.calendar-day{background:#0f1419;min-height:120px;padding:12px;position:relative;border:1px solid #333}.calendar-day.empty{background:#141820}.day-number{font-size:16px;font-weight:700;color:#ccc;margin-bottom:8px}.day-events{display:flex;flex-direction:column;gap:4px}.event{padding:4px 8px;border-radius:3px;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.event.general{background:#0066ff4d;color:#0af}.event.meeting{background:#ffc8004d;color:#fd7}.event.deadline{background:#ff00004d;color:#f66}.event.milestone{background:#00ff644d;color:#6f9}.event.reminder{background:#c896ff4d;color:#d9f}.week-view{display:flex;flex-direction:column;gap:1px;background:#333;border-radius:8px;overflow:hidden}.week-header{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#333}.week-day-header{background:#0f1419;padding:16px 12px;text-align:center;border-right:1px solid #333}.week-day-header.today{background:#ff00001a;border-color:red}.week-day-name{color:#999;font-size:12px;font-weight:700;margin-bottom:8px}.week-day-date{font-size:20px;font-weight:700;color:#ccc}.week-day-date.today{color:red;background:#f003;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin:0 auto}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#333;min-height:400px}.week-day-column{background:#0f1419;padding:12px;border-right:1px solid #333;min-height:400px}.week-day-column:last-child{border-right:none}.week-day-events{display:flex;flex-direction:column;gap:8px}.week-event{padding:8px;border-radius:4px;border-left:3px solid;font-size:12px;cursor:pointer;transition:all .2s}.week-event:hover{transform:scale(1.02)}.week-event.general{background:#06f3;border-left-color:#0af;color:#0af}.week-event.meeting{background:#ffc80033;border-left-color:#fd7;color:#fd7}.week-event.deadline{background:#f003;border-left-color:#f66;color:#f66}.week-event.milestone{background:#00ff6433;border-left-color:#6f9;color:#6f9}.week-event.reminder{background:#c896ff33;border-left-color:#d9f;color:#d9f}.week-event-time{font-size:11px;opacity:.8;margin-bottom:2px}.week-event-title{font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.events-list{background:#1a1f2e;border:1px solid #333;border-radius:12px;padding:30px;margin-bottom:30px}.events-list h3{font-size:20px;color:#fff;margin:0 0 20px}.events-timeline{display:flex;flex-direction:column;gap:15px}.event-timeline-item{display:grid;grid-template-columns:180px 1fr 40px;gap:20px;padding:15px;background:#0f1419;border-radius:6px;border-left:4px solid #333;align-items:start}.event-timeline-item.meeting{border-left-color:#fd7}.event-timeline-item.deadline{border-left-color:#f66}.event-timeline-item.milestone{border-left-color:#6f9}.event-timeline-item.reminder{border-left-color:#d9f}.event-time{color:#999;font-size:12px;white-space:nowrap}.event-details{display:flex;flex-direction:column;gap:8px}.event-title{color:#ccc;font-weight:700;font-size:15px}.event-description{color:#666;font-size:13px}.event-delete{background:none;border:none;color:#666;cursor:pointer;font-size:16px;transition:color .3s}.event-delete:hover{color:red}.empty-state{text-align:center;padding:40px 20px;color:#666;font-size:16px}.gcal-note{background:#0066ff1a;border:1px solid rgba(0,102,255,.3);border-radius:8px;padding:15px;color:#0af;font-size:13px}.gcal-note p{margin:0}@media (max-width: 768px){.calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{min-height:80px;padding:8px}.day-number{font-size:14px}.event{font-size:9px;padding:2px 4px}.event-timeline-item{grid-template-columns:1fr;gap:8px}.form-row{grid-template-columns:1fr}.calendar-month-header{flex-direction:column}.calendar-month-header h3{width:100%;margin:10px 0}.week-grid,.week-day-column{min-height:300px}}.contacts-container{width:100%;max-width:1400px;margin:0 auto}.contacts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #333}.contacts-header h2{font-size:28px;color:#fff;margin:0}.contact-form{background:#1a1f2e;border:1px solid #333;border-radius:12px;padding:25px;margin-bottom:30px}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #333;border-radius:6px;background:#0f1419;color:#e0e0e0;font-family:inherit;font-size:14px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:red;background:#1a2333}.submit-btn{width:100%;padding:12px;background:red;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:16px;transition:background-color .3s}.contacts-search{margin-bottom:30px}.search-input{width:100%;padding:12px;border:1px solid #333;border-radius:6px;background:#1a1f2e;color:#e0e0e0;font-size:14px}.contacts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.contact-card{background:#1a1f2e;border:1px solid #333;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s}.contact-card:hover{border-color:red;box-shadow:0 8px 24px #ff00001a;transform:translateY(-2px)}.contact-card-header{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:12px}.contact-card-header h3{flex:1;font-size:18px;color:#fff;margin:0}.role-badge{display:inline-block;padding:4px 12px;background:#0066ff26;color:#0af;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}.company{color:#999;font-size:13px;margin:8px 0}.contact-card-meta{display:flex;flex-direction:column;gap:6px;margin:12px 0;padding:12px 0;border-top:1px solid #333;border-bottom:1px solid #333}.contact-card-meta a{color:#0af;font-size:12px;text-decoration:none;transition:color .3s}.contact-card-meta a:hover{color:#08f}.contact-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tag{display:inline-block;padding:4px 8px;background:#333;color:#999;border-radius:3px;font-size:11px}.contact-detail{max-width:800px;margin:0 auto}.contact-header{background:#1a1f2e;border:1px solid #333;border-radius:12px;padding:30px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:start;gap:20px}.contact-name-section h1{font-size:32px;color:#fff;margin:0 0 8px}.contact-role{color:#999;font-size:14px;margin:0}.delete-btn{padding:8px 16px;background:red;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s;white-space:nowrap}.contact-info{background:#1a1f2e;border:1px solid #333;border-radius:12px;padding:30px;display:flex;flex-direction:column;gap:30px}.info-section{display:flex;flex-direction:column;gap:12px}.info-section h3{font-size:16px;color:#fff;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #333}.info-item{display:grid;grid-template-columns:100px 1fr;gap:20px;align-items:center}.info-item label{color:#999;font-size:13px;font-weight:700}.info-item a,.info-item span{color:#ccc;font-size:14px}.info-item a{color:#0af;text-decoration:none;transition:color .3s}.info-item a:hover{color:#08f}.notes-text{color:#ccc;font-size:14px;line-height:1.6;margin:0;padding:12px;background:#0f1419;border-radius:4px}.tags{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 768px){.contacts-list,.form-row{grid-template-columns:1fr}.contact-header{flex-direction:column}.delete-btn{width:100%}.info-item{grid-template-columns:1fr;gap:6px}}.projects-container{width:100%;max-width:1400px;margin:0 auto}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #333}.projects-header h2{font-size:28px;color:#fff;margin:0}.add-button{padding:10px 20px;background:red;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .3s}.add-button:hover{background:#c00}.project-form{background:#1a1f2e;border:1px solid #333;border-radius:12px;padding:25px;margin-bottom:30px}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#ccc;font-weight:700;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:1px solid #333;border-radius:6px;background:#0f1419;color:#e0e0e0;font-family:inherit;font-size:14px}.form-group textarea{resize:vertical;min-height:100px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:red;background:#1a2333}.form-actions{display:flex;gap:10px;margin-top:20px}.submit-btn,.cancel-btn{flex:1;padding:12px;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:16px;transition:background-color .3s}.submit-btn{background:red;color:#fff}.submit-btn:hover{background:#c00}.cancel-btn{background:#333;color:#999}.cancel-btn:hover{background:#444;color:#ccc}.projects-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.stat-box{background:#1a1f2e;border:1px solid #333;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:10px}.stat-label{color:#999;font-size:12px;font-weight:700;text-transform:uppercase}.stat-value{color:#fff;font-size:24px;font-weight:700}.projects-controls{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.search-input{padding:12px;border:1px solid #333;border-radius:6px;background:#1a1f2e;color:#e0e0e0;font-size:14px}.search-input:focus{outline:none;border-color:red}.status-filter{display:flex;gap:10px;flex-wrap:wrap}.filter-btn{padding:8px 16px;background:#1a1f2e;border:1px solid #333;color:#999;border-radius:20px;cursor:pointer;transition:all .3s;font-size:13px;white-space:nowrap}.filter-btn:hover{border-color:red;color:#ccc}.filter-btn.active{background:red;border-color:red;color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.project-card{background:#1a1f2e;border:1px solid #333;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s}.project-card:hover{border-color:red;box-shadow:0 8px 24px #ff00001a;transform:translateY(-2px)}.project-card.paused{opacity:.7}.project-card.completed{border-color:#6f9}.project-card.archived{opacity:.5}.project-card-header{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:15px}.project-card-header h3{flex:1;font-size:18px;color:#fff;margin:0}.status-badge{display:inline-block;padding:4px 12px;background:#0066ff26;color:#0af;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}.status-badge.active,.status-badge.completed{background:#66ff9926;color:#6f9}.status-badge.paused{background:#ffc80026;color:#fd7}.status-badge.archived{background:#96969626;color:#aaa}.project-description{color:#999;font-size:13px;margin:0 0 15px;line-height:1.5}.project-revenue{display:flex;flex-direction:column;gap:10px;padding-top:15px;border-top:1px solid #333}.revenue-row{display:flex;justify-content:space-between;color:#ccc;font-size:13px;font-weight:700}.progress-bar{height:6px;background:#0f1419;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,red,#f66);border-radius:3px;transition:width .3s}.progress-text{color:#666;font-size:11px;text-align:right}.project-detail{max-width:800px;margin:0 auto}.back-btn{padding:8px 16px;background:#333;border:1px solid #444;color:#999;border-radius:4px;cursor:pointer;margin-bottom:30px;transition:all .3s}.back-btn:hover{background:#444;color:#ccc;border-color:#555}.project-header{background:#1a1f2e;border:1px solid #333;border-radius:12px;padding:30px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:start;gap:20px}.project-name-section h1{font-size:32px;color:#fff;margin:0 0 8px}.project-status{color:#999;font-size:14px;margin:0;text-transform:uppercase;font-weight:700}.project-actions{display:flex;gap:10px}.edit-btn,.delete-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:all .3s;white-space:nowrap}.edit-btn{background:#06f;color:#fff}.edit-btn:hover{background:#0052cc}.delete-btn{background:red;color:#fff}.delete-btn:hover{background:#c00}.project-info{background:#1a1f2e;border:1px solid #333;border-radius:12px;padding:30px;display:flex;flex-direction:column;gap:30px}.info-section{display:flex;flex-direction:column;gap:15px}.info-section h3{font-size:16px;color:#fff;margin:0;padding-bottom:12px;border-bottom:1px solid #333}.info-section p{color:#ccc;margin:0;line-height:1.6}.revenue-info{display:flex;flex-direction:column;gap:15px}.revenue-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#0f1419;border-radius:6px}.revenue-item .label{color:#999;font-size:13px;font-weight:700}.revenue-item .value{color:#fff;font-size:18px;font-weight:700}.loading-state{text-align:center;padding:40px;color:#666;font-size:16px}.empty-state{text-align:center;padding:60px 20px;color:#666;font-size:18px;background:#1a1f2e;border:1px dashed #333;border-radius:12px}@media (max-width: 768px){.projects-grid,.form-row{grid-template-columns:1fr}.project-header{flex-direction:column}.project-actions{width:100%}.edit-btn,.delete-btn{flex:1}.projects-stats{grid-template-columns:repeat(2,1fr)}}.tasks-container{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#e0e0e0;padding:20px;gap:20px;overflow-y:auto}.tasks-header{display:flex;justify-content:space-between;align-items:center;padding:0}.tasks-header h2{margin:0;font-size:24px;color:#f44}.btn-primary{background:#f44;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary:hover{background:#f55;transform:scale(1.02)}.task-item{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:12px;padding:16px;border:1px solid #333;border-radius:8px;background:#1a1a1a;transition:all .2s ease}.task-item:hover{box-shadow:0 4px 12px #ff44441a;border-color:#f44}.task-title-box{grid-column:1;grid-row:1 / 3;background:linear-gradient(135deg,#2a1a1a,#351f1f);border-left:4px solid #ff4444;padding:12px;border-radius:4px;display:flex;flex-direction:column;justify-content:center}.task-title{font-size:16px;font-weight:600;color:#fff;margin:0;word-wrap:break-word;overflow-wrap:break-word;max-width:250px}.task-actions{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;gap:8px;justify-self:end;align-self:start}.task-actions .btn-icon{background:#ff44441a;border:1px solid #ff4444;color:#f44;padding:8px 10px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px;text-align:center}.task-actions .btn-icon:hover{background:#f443;border-color:#f55}.task-actions .btn-icon.delete:hover{background:#ff44444d}.task-actions .btn-icon.review:hover{background:#ff444440}.task-status-priority{grid-column:1;grid-row:2;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.status-select{padding:6px 8px;border-radius:4px;font-size:12px;font-weight:500;border:1px solid #ff4444;background:#ff44441a;color:#fff;cursor:pointer}.status-select:hover{background:#ff444426}.priority-badge{padding:6px 8px;border-radius:4px;font-size:12px;font-weight:500;background:#3b82f626;border:1px solid #3b82f6;color:#3b82f6}.task-description{grid-column:1 / 3;grid-row:3;margin:0;font-size:13px;color:#a0a0a0;line-height:1.4;max-height:60px;overflow:hidden}.task-assignee{grid-column:1 / 3;grid-row:4;font-size:12px;color:#c7c7c7}.task-project{grid-column:1;grid-row:5;font-size:12px;color:#a0a0a0;padding:4px 8px;background:#3b82f61a;border:1px solid #3b82f6;border-radius:4px;width:fit-content}.task-project.general{background:#64646426;border-color:#666;color:#999}.task-badges{grid-column:2;grid-row:5;display:flex;gap:8px;flex-wrap:wrap;justify-self:end}.badge{font-size:12px;padding:4px 8px;border-radius:3px;border-left:3px solid;background:#64646433;color:#a0a0a0;display:inline-flex;align-items:center}.badge.approved{background:#10b98126;color:#10b981;border-left-color:#10b981}.badge.approval-needed{background:#ff444426;color:#f44;border:none;cursor:pointer;padding:4px 8px;border-left:3px solid #ff4444}.badge.approval-needed:hover{background:#ff444440}.task-form{background:#252525;border:1px solid #333;border-radius:8px;padding:20px;gap:15px;margin-bottom:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;width:100%}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:600;color:#e0e0e0;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea,.form-group select{padding:10px;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:#e0e0e0;font-size:14px;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#f44;box-shadow:0 0 0 3px #ff44441a}.form-group.checkbox{flex-direction:row;align-items:center;gap:10px}.form-group.checkbox input{width:auto;height:auto;cursor:pointer}.tasks-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1}.empty-state{display:flex;align-items:center;justify-content:center;height:300px;color:#666;font-size:16px}.modal-content{background:#1a1a1a;border:1px solid #ff4444;border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #f443}.modal-content h3{color:#f44;margin:0 0 20px;font-size:18px}.form-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.btn-secondary{background:transparent;color:#a0a0a0;border:1px solid #444;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#6464641a;border-color:#666}.tasks-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px}.stat{background:#252525;border:1px solid #333;border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px}.stat-value{font-size:24px;font-weight:700;color:#f44}.stat-label{font-size:12px;color:#999;text-transform:uppercase}.tasks-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.filter-select{padding:10px;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:#e0e0e0;font-size:14px}.filter-select:focus{outline:none;border-color:#f44}@media (max-width: 768px){.task-item{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto}.task-title-box{grid-column:1;grid-row:1}.task-actions{grid-column:1;grid-row:2;flex-direction:row;justify-self:start}.task-status-priority{grid-column:1;grid-row:3}.task-description{grid-column:1;grid-row:4}.task-project{grid-column:1;grid-row:5}.task-badges{grid-column:1;grid-row:6;justify-self:start}.task-title{max-width:100%}.modal-content{width:95%;padding:16px}}@media (max-width: 480px){.task-item{padding:12px;gap:8px}.task-title{font-size:14px}.task-title-box{padding:8px}.task-actions{flex-wrap:wrap}.task-actions .btn-icon{padding:6px 8px;font-size:12px;min-width:36px}.form-row{grid-template-columns:1fr}}.alerts-container{display:flex;flex-direction:column;gap:20px;padding:20px;height:100%}.alerts-container.loading{display:flex;align-items:center;justify-content:center;color:#666;font-size:16px}.alerts-header{border-bottom:2px solid rgba(255,0,0,.3);padding-bottom:20px}.alerts-header h1{margin:0 0 8px;color:#fff;font-size:28px}.alerts-header p{margin:0;color:#999;font-size:14px}.stats-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#ff00000d;border:1px solid rgba(255,0,0,.2);border-radius:8px;padding:16px}.stat-card{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px;padding:12px;border-radius:6px;background:#0000004d;border:1px solid rgba(100,100,100,.3)}.stat-card.critical{border-color:#ff000080;background:#ff00001a}.stat-card.high{border-color:#ff640080;background:#ff64001a}.stat-card.medium{border-color:#ffaa0080;background:#ffaa001a}.stat-card.low{border-color:#00aa0080;background:#00aa001a}.stat-card.total{border-color:#6496ff80;background:#6496ff1a}.stat-number{font-size:24px;font-weight:700;color:#fff}.stat-label{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:1px}.controls{display:flex;gap:12px;margin-left:auto;align-items:center}.auto-refresh{display:flex;align-items:center;gap:8px;color:#999;font-size:13px;cursor:pointer}.auto-refresh input{cursor:pointer;width:16px;height:16px}.refresh-interval{background:#0000004d;border:1px solid rgba(255,0,0,.2);border-radius:4px;padding:6px 10px;color:#ccc;font-size:12px;cursor:pointer}.btn-refresh{background:#f003;border:1px solid rgba(255,0,0,.4);border-radius:4px;padding:8px 12px;color:#ff6b6b;font-size:12px;cursor:pointer;transition:all .2s ease}.filter-section{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{background:#0000004d;border:1px solid rgba(100,100,100,.3);border-radius:4px;padding:8px 14px;color:#999;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:#64646433;border-color:#64646480;color:#ccc}.filter-btn.active{background:#f003;border-color:#ff000080;color:#ff6b6b;font-weight:600}.filter-btn.critical.active{background:#f003;border-color:red;color:red}.filter-btn.high.active{background:#ff640033;border-color:#ff6400;color:#f93}.filter-btn.medium.active{background:#fa03;border-color:#fa0;color:#fc3}.filter-btn.low.active{background:#0a03;border-color:#0a0;color:#6f6}.alerts-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;min-height:300px}.no-alerts{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px;color:#666;text-align:center;flex:1}.no-alerts p{margin:0;font-size:16px}.no-alerts .subtext{font-size:12px;color:#555}.alert-card{background:#0000004d;border:1px solid rgba(100,100,100,.3);border-left:4px solid #ff6b6b;border-radius:6px;padding:16px;transition:all .2s ease}.alert-card:hover{background:#0006;border-color:#64646480}.alert-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.priority-badge{background:#f003;border:1px solid rgba(255,0,0,.4);color:#ff6b6b;padding:6px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap}.alert-type{color:#999;font-size:12px;text-transform:capitalize}.alert-time{color:#666;font-size:11px;margin-left:auto;white-space:nowrap}.alert-content{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(100,100,100,.2)}.alert-content h3{margin:0 0 8px;color:#fff;font-size:14px}.alert-content p{margin:0;color:#ccc;font-size:13px;line-height:1.5}.alert-details{margin:8px 0 0;padding:8px;background:#0003;border-radius:4px;color:#999;font-size:11px;overflow-x:auto;max-height:150px}.alert-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-action{background:#0000004d;border:1px solid rgba(100,100,100,.3);border-radius:4px;padding:8px 12px;color:#999;font-size:12px;cursor:pointer;transition:all .2s ease}.btn-action:hover{background:#64646433;color:#ccc}.btn-action.approve{background:#00aa0026;border-color:#00aa004d;color:#6f6}.btn-action.approve:hover{background:#00aa0040;border-color:#00aa0080}.btn-action.dismiss{background:#64646426;border-color:#6464644d;color:#999}.btn-action.dismiss:hover{background:#64646440;color:#ccc}.btn-action.archive{background:#6496ff26;border-color:#6496ff4d;color:#6cf}.btn-action.archive:hover{background:#6496ff40;border-color:#6496ff80}.btn-action.acknowledge-critical{background:#ff000040;border-color:#f009;color:#ff6b6b;font-weight:700;padding:10px 14px}.btn-action.acknowledge-critical:hover{background:#ff000059;border-color:#f00c;color:#faa}.alert-status{margin-top:8px;padding:8px 12px;background:#0003;border-radius:4px;font-size:11px;color:#999;text-transform:capitalize}.alerts-list::-webkit-scrollbar{width:8px}.alerts-list::-webkit-scrollbar-track{background:#0003;border-radius:4px}.alerts-list::-webkit-scrollbar-thumb{background:#ff00004d;border-radius:4px}.alerts-list::-webkit-scrollbar-thumb:hover{background:#ff000080}.daily-brief-container{display:flex;flex-direction:column;gap:20px;max-width:1000px;margin:0 auto}.brief-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.brief-header h2{margin:0;color:#fff;font-size:28px}.btn-refresh{background:#1a1f2e;color:#fff;border:1px solid #333;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;white-space:nowrap}.btn-refresh:hover:not(:disabled){border-color:red;color:red}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.empty-state{background:#1a1f2e;border:1px solid #333;border-radius:6px;padding:40px;text-align:center;color:#666}.brief-content{background:#1a1f2e;border:1px solid #333;border-radius:6px;padding:24px;color:#ccc;line-height:1.8}.brief-content h1,.brief-content h2,.brief-content h3,.brief-content h4{margin:20px 0 12px;color:#fff}.brief-section-h1{font-size:22px;color:red;border-bottom:2px solid #333;padding-bottom:10px}.brief-section-h2{font-size:18px;color:#fff;margin-top:16px}.brief-section-h3{font-size:15px;color:#aaa;margin-top:12px}.brief-text{margin:10px 0;font-size:14px}.brief-bold{margin:10px 0;font-size:14px;font-weight:600;color:#fff}.brief-item{margin:8px 0 8px 24px;font-size:14px;list-style:disc}.brief-spacer{height:8px}@media (max-width: 768px){.brief-header{flex-direction:column;align-items:flex-start}.brief-content{padding:16px;font-size:13px}.brief-section-h1{font-size:20px}.brief-section-h2{font-size:16px}}.approvals-container{display:flex;flex-direction:column;gap:20px;padding:20px;height:100%}.approvals-container.loading{display:flex;align-items:center;justify-content:center;color:#666;font-size:16px}.approvals-header{border-bottom:2px solid rgba(255,0,0,.3);padding-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:16px}.approvals-header h1{margin:0;color:#fff;font-size:28px}.btn-refresh{background:#f003;border:1px solid rgba(255,0,0,.4);border-radius:4px;padding:8px 14px;color:#ff6b6b;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-refresh:hover{background:#ff00004d;border-color:#f009}.error-banner{background:#f003;border:1px solid rgba(255,0,0,.5);border-left:4px solid #ff0000;color:#ff6b6b;padding:12px 16px;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:18px;padding:0}.success-banner{background:#0a03;border:1px solid rgba(0,170,0,.5);border-left:4px solid #00aa00;color:#6f6;padding:12px 16px;border-radius:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:60px 20px;color:#666;text-align:center;flex:1}.empty-state p{margin:0;font-size:16px}.approvals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px;flex:1;overflow-y:auto;padding:4px}.approval-card{background:#0000004d;border:1px solid rgba(255,0,0,.1);border-radius:8px;padding:16px;transition:all .2s ease}.approval-card:hover{background:#ff00001a;border-color:#ff00004d;transform:translateY(-2px);box-shadow:0 4px 12px #ff00001a}.approval-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.approval-header h3{margin:0;font-size:14px;color:#fff;font-weight:600;flex:1;word-break:break-word}.badge-pending{background:#f003;border:1px solid rgba(255,0,0,.4);color:#ff6b6b;padding:4px 10px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.approval-details{font-size:12px;color:#999;margin:12px 0;display:flex;flex-direction:column;gap:6px}.approval-details p{margin:0}.approval-type{color:#f93;font-weight:500}.approval-submitted{color:#999}.approval-time{color:#666;font-size:11px}.approval-description{background:#ff00000d;border:1px solid rgba(255,0,0,.1);border-radius:4px;padding:12px;margin:12px 0}.approval-description strong{color:#fff;font-size:12px}.description-text{margin:6px 0 0;font-size:12px;color:#ccc;line-height:1.5}.approval-actions{display:flex;gap:8px;margin-top:12px}.btn-approve,.btn-reject{flex:1;padding:10px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;border:1px solid}.btn-approve{background:#00aa0026;border-color:#00aa004d;color:#6f6}.btn-approve:hover{background:#00aa0040;border-color:#00aa0080;color:#fff}.btn-reject{background:#ff000026;border-color:#ff00004d;color:#ff6b6b}.btn-reject:hover{background:#ff000040;border-color:#ff000080;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#0f141efa;border:1px solid rgba(255,0,0,.3);border-radius:8px;box-shadow:0 0 30px #f003;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,0,0,.1)}.modal-header h2{margin:0;font-size:16px;color:#ff6b6b}.btn-close{background:none;border:none;color:#ff6b6b;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.modal-body{padding:16px;flex:1;overflow-y:auto}.form-group label{display:block;margin-bottom:8px;color:#ccc;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.form-group textarea{width:100%;padding:10px;background:#0000004d;border:1px solid rgba(255,0,0,.2);border-radius:4px;color:#fff;font-family:inherit;font-size:13px;resize:vertical;min-height:120px;outline:none;transition:all .2s ease}.form-group textarea:focus{border-color:red;box-shadow:0 0 8px #f003}.form-group textarea::placeholder{color:#666}.modal-actions{display:flex;gap:8px;padding:16px;border-top:1px solid rgba(255,0,0,.1)}.btn-danger,.btn-secondary{flex:1;padding:10px;border-radius:4px;cursor:pointer;font-weight:600;font-size:12px;transition:all .2s ease;border:1px solid}.btn-danger{background:#ff000026;border-color:#ff00004d;color:#ff6b6b}.btn-danger:hover{background:#ff000040;border-color:#ff000080;color:#fff}.btn-secondary{background:#64646426;border-color:#6464644d;color:#999}.btn-secondary:hover{background:#64646440;border-color:#64646480;color:#ccc}.approvals-grid::-webkit-scrollbar,.modal-body::-webkit-scrollbar{width:8px}.approvals-grid::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track{background:#0003;border-radius:4px}.approvals-grid::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb{background:#ff00004d;border-radius:4px}.approvals-grid::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover{background:#ff000080}@media (max-width: 1024px){.approvals-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.approvals-grid{grid-template-columns:1fr}.approvals-header{flex-direction:column;gap:12px}.approvals-header h1{font-size:24px}.btn-refresh{width:100%}.modal-content{width:95%;max-height:90vh}}.core-admin{display:flex;flex-direction:column;gap:20px;padding:20px;height:100%}.admin-header{border-bottom:2px solid rgba(255,0,0,.3);padding-bottom:20px;margin-bottom:10px}.admin-header h1{margin:0 0 8px;color:#fff;font-size:28px}.admin-header p{margin:0;color:#999;font-size:14px}.admin-container{display:grid;grid-template-columns:280px 1fr;gap:20px;flex:1;min-height:0}.agent-nav{background:#ff00000d;border:1px solid rgba(255,0,0,.2);border-radius:8px;padding:16px;height:fit-content;max-height:100vh;overflow-y:auto}.agent-nav h3{margin:0 0 12px;color:#fff;font-size:16px;text-transform:uppercase;letter-spacing:1px}.agent-list{display:flex;flex-direction:column;gap:8px}.agent-item{background:#0000004d;border:1px solid rgba(255,0,0,.1);border-radius:6px;padding:12px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;color:#ccc;font-size:14px}.agent-item:hover{background:#ff00001a;border-color:#ff00004d;color:#fff}.agent-item.active{background:#f003;border-color:red;color:#fff;font-weight:600}.doc-count{background:#ff00004d;padding:2px 8px;border-radius:4px;font-size:12px;color:#ff6b6b}.admin-content{display:flex;flex-direction:column;gap:16px;min-height:0}.doc-search-section{background:#ff00000d;border:1px solid rgba(255,0,0,.2);border-radius:8px;padding:16px}.search-box{display:flex;gap:12px;margin-bottom:12px;align-items:center}.search-input{flex:1;background:#0000004d;border:1px solid rgba(255,0,0,.2);border-radius:6px;padding:10px 12px;color:#fff;font-size:14px;outline:none;transition:all .2s ease}.search-input:focus{border-color:red;box-shadow:0 0 8px #f003}.search-input::placeholder{color:#666}.search-results{color:#999;font-size:12px;white-space:nowrap}.doc-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{background:#0000004d;border:1px solid rgba(255,0,0,.1);border-radius:4px;padding:8px 12px;color:#999;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:#ff00001a;border-color:#ff00004d;color:#ccc}.filter-btn.active{background:#f003;border-color:red;color:#fff}.doc-section{display:flex;flex-direction:column;gap:12px}.doc-section h2{margin:0;color:#fff;font-size:18px}.no-docs{color:#666;padding:20px;text-align:center;font-style:italic}.doc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;max-height:300px;overflow-y:auto}.doc-item{background:#0000004d;border:1px solid rgba(255,0,0,.1);border-radius:6px;padding:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px;color:#ccc;font-size:13px}.doc-item:hover{background:#ff00001a;border-color:#ff00004d;color:#fff;transform:translate(4px)}.doc-item.active{background:#f003;border-color:red;color:#fff;font-weight:600}.doc-emoji{font-size:18px;flex-shrink:0}.doc-type{color:#666;font-size:11px;text-transform:uppercase}.doc-content-section{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;background:#0003;border:1px solid rgba(255,0,0,.1);border-radius:8px;padding:16px;overflow:hidden}.doc-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid rgba(255,0,0,.1);padding-bottom:12px}.doc-title{display:flex;align-items:center;gap:12px;flex:1}.doc-title .emoji{font-size:24px}.doc-title h3{margin:0;color:#fff;font-size:16px}.doc-actions{display:flex;gap:8px;flex-shrink:0}.btn-edit,.btn-save,.btn-cancel{background:#ff000026;border:1px solid rgba(255,0,0,.3);border-radius:4px;padding:8px 12px;color:#ff6b6b;font-size:12px;cursor:pointer;transition:all .2s ease}.btn-edit:hover{background:#ff000040;border-color:red;color:#fff}.btn-save{background:#00ff0026;border-color:#00ff004d;color:#6bff6b}.btn-save:hover{background:#00ff0040;border-color:#0f0;color:#fff}.btn-cancel{background:#64646426;border-color:#6464644d;color:#999}.btn-cancel:hover{background:#64646440;color:#ccc}.doc-view,.doc-editor{flex:1;min-height:300px;overflow:auto;background:#0000004d;border:1px solid rgba(255,0,0,.1);border-radius:4px}.doc-view pre{margin:0;padding:16px;color:#ccc;font-size:13px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.doc-editor{padding:16px;color:#fff;font-family:Monaco,Courier New,monospace;font-size:13px;resize:vertical;border:2px solid rgba(255,0,0,.3)}.doc-editor:focus{outline:none;border-color:red;box-shadow:0 0 8px #f003}.error-message{background:#f003;border:1px solid rgba(255,0,0,.5);border-left:4px solid #ff0000;color:#ff6b6b;padding:12px 16px;border-radius:4px;font-size:13px}.doc-list::-webkit-scrollbar,.doc-view::-webkit-scrollbar,.doc-editor::-webkit-scrollbar{width:8px}.doc-list::-webkit-scrollbar-track,.doc-view::-webkit-scrollbar-track,.doc-editor::-webkit-scrollbar-track{background:#0003;border-radius:4px}.doc-list::-webkit-scrollbar-thumb,.doc-view::-webkit-scrollbar-thumb,.doc-editor::-webkit-scrollbar-thumb{background:#ff00004d;border-radius:4px}.doc-list::-webkit-scrollbar-thumb:hover,.doc-view::-webkit-scrollbar-thumb:hover,.doc-editor::-webkit-scrollbar-thumb:hover{background:#ff000080}.core-admin-container h2{margin:0;color:#fff;font-size:28px}.loading{color:#666;padding:40px;text-align:center;font-size:16px}.loading-content{padding:40px;text-align:center;color:#666;font-size:14px}.error-banner{background:#2a1a1a;border-left:4px solid #ff0000;padding:12px 16px;border-radius:4px;color:#ff6b6b;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:18px}.core-admin-layout{display:grid;grid-template-columns:320px 1fr;gap:20px}.documents-list{background:#1a1f2e;border:1px solid #333;border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.documents-list h3{margin:0;padding:16px;background:#0f1419;border-bottom:1px solid #333;color:#999;font-size:12px;text-transform:uppercase;font-weight:600}.search-box{padding:12px;border-bottom:1px solid #333}.search-box input{width:100%;background:#0f1419;border:1px solid #333;color:#fff;padding:8px 12px;border-radius:4px;font-size:13px}.search-box input:focus{outline:none;border-color:red}.doc-list{flex:1;overflow-y:auto;display:flex;flex-direction:column}.doc-item{padding:12px 16px;background:none;border:none;border-bottom:1px solid #333;color:#aaa;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s ease;font-size:13px}.doc-item:hover{background:#252b3a;color:#fff}.doc-item.active{background:#2a3a52;border-left:3px solid #ff0000;padding-left:13px;color:#fff}.doc-icon{font-size:16px}.doc-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{padding:20px;color:#666;text-align:center;font-size:13px}.document-viewer{background:#1a1f2e;border:1px solid #333;border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.doc-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border-bottom:1px solid #333;background:#0f1419}.doc-header h3{margin:0;color:red;font-size:16px}.doc-meta{margin:4px 0 0;color:#666;font-size:12px}.doc-controls{display:flex;gap:8px}.btn{background:#1a1f2e;color:#fff;border:1px solid #333;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.btn:hover{border-color:red;color:red}.btn-edit{color:#aaa}.btn-cancel{background:#8b0000;color:#fff;border:none}.btn-cancel:hover{background:red}.btn-primary{background:red;color:#fff;border:none}.btn-primary:hover{background:#c00}.btn-secondary{background:#1a1f2e;color:#fff;border:1px solid #333}.btn-secondary:hover{border-color:red;color:red}.edit-view{display:flex;flex-direction:column;gap:12px;padding:16px;flex:1}.warning-banner-edit{background:#2a1a1a;border-left:3px solid #ff0000;padding:10px 12px;border-radius:4px;color:#ff6b6b;font-size:12px}.edit-textarea{flex:1;background:#0f1419;border:1px solid #333;color:#fff;padding:12px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;resize:none}.edit-textarea:focus{outline:none;border-color:red;box-shadow:0 0 0 2px #ff00001a}.edit-actions{display:flex;gap:8px}.doc-content{flex:1;overflow-y:auto;padding:16px}.content-display{color:#ccc;line-height:1.6;font-size:13px}.content-heading{margin:12px 0 8px;color:#fff;font-weight:600}.content-heading.h1{font-size:18px;color:red}.content-heading.h2{font-size:16px;color:#fff}.content-heading.h3{font-size:14px;color:#aaa}.content-text{margin:8px 0}.content-display li{margin:6px 0 6px 20px}.no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;text-align:center;gap:12px}.editor-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.editor-modal{background:#0f141efa;border:1px solid rgba(255,0,0,.3);border-radius:12px;display:flex;flex-direction:column;width:90vw;height:90vh;max-width:1400px;max-height:900px;box-shadow:0 0 50px #ff00004d}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,0,0,.2);background:#ff00000d}.editor-header h2{margin:0;color:#ff6b6b;font-size:20px}.editor-actions{display:flex;gap:12px}.doc-editor-modal{flex:1;padding:20px;color:#fff;font-family:Monaco,Courier New,monospace;font-size:13px;resize:none;outline:none;background:#00000080;border:none;line-height:1.6}.doc-editor-modal:focus{outline:none}.doc-list-wrapper{max-height:300px;overflow-y:auto;border:1px solid rgba(255,0,0,.1);border-radius:6px;background:#0003}@media (max-width: 1024px){.core-admin-layout{grid-template-columns:280px 1fr}.editor-modal{width:95vw;height:95vh}}@media (max-width: 768px){.core-admin-layout{grid-template-columns:1fr}.documents-list{max-height:300px}.admin-container{grid-template-columns:1fr}.editor-modal{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}}.orchestration-container{width:100%;max-width:1200px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);border-radius:12px;color:#e0e0e0}.orchestration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #ff4444}.orchestration-header h2{margin:0;font-size:24px;font-weight:600;color:#f44}.header-controls{display:flex;gap:15px;align-items:center}.refresh-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#b0b0b0;-webkit-user-select:none;user-select:none}.refresh-toggle input{cursor:pointer;width:16px;height:16px}.btn-refresh{padding:8px 16px;background:#f44;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-refresh:hover{background:#f55;transform:scale(1.05)}.btn-refresh:active{transform:scale(.98)}.orchestration-diagram{display:flex;flex-direction:column;gap:30px;margin-bottom:30px}.orchestration-tier{display:flex;justify-content:center;margin-bottom:20px}.orchestrator-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:160px;height:140px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:3px solid #ff4444;border-radius:12px;padding:15px;text-align:center;box-shadow:0 0 20px #ff44444d;transition:all .3s ease}.orchestrator-box:hover{transform:scale(1.05);box-shadow:0 0 30px #ff444480}.agent-icon{font-size:36px;margin-bottom:8px}.agent-name{font-size:18px;font-weight:700;color:#f44;margin-bottom:4px}.agent-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.agent-pid{font-size:11px;color:#666;font-family:Monaco,monospace;margin:4px 0}.agent-status{font-size:13px;font-weight:600;margin-top:6px}.agents-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:20px 0}.agents-section{margin-bottom:16px}.section-title{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.6px;color:#bbb}.sub-agent-box{display:flex;flex-direction:column;align-items:center;position:relative}.agent-connector{font-size:24px;color:#f44;margin-bottom:8px;opacity:.6}.agent-card{width:100%;background:linear-gradient(135deg,#1a1a1a,#242424);border:2px solid #ff4444;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .3s ease;position:relative;overflow:hidden}.parent-card{border-color:#f77;background:linear-gradient(135deg,#2a1a1a,#241818)}.agent-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff4444,transparent);opacity:0;transition:opacity .3s ease}.agent-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #f443;border-color:#f66}.agent-card:hover:before{opacity:1}.agent-info{display:flex;flex-direction:column;gap:8px}.agent-name{font-size:16px;font-weight:700;color:#f44}.agent-role{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px}.agent-detail{display:flex;gap:8px;font-size:12px;align-items:center}.agent-detail .label{color:#888;font-weight:500}.agent-detail .value{background:#ff44441a;padding:2px 8px;border-radius:4px;font-family:Monaco,monospace;color:#f99;overflow:hidden;text-overflow:ellipsis}.session-key{font-size:10px;letter-spacing:-.5px}.agent-status-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.status-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.status-badge.online{background:#4ade8026;color:#4ade80}.status-badge.offline{background:#ef444426;color:#ef4444}.health-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#ffc10726;color:#ffc107;text-transform:capitalize}.agent-heartbeat{font-size:11px;color:#888;text-align:center}.agent-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,68,68,.2)}.btn-link{padding:6px 12px;background:linear-gradient(135deg,#f44,#f66);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:4px}.btn-link:hover{transform:scale(1.05);box-shadow:0 4px 12px #ff44444d}.btn-link:active{transform:scale(.95)}.btn-link.openclaw-link{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.btn-link.openclaw-link:hover{box-shadow:0 4px 12px #6366f14d}.btn-info{padding:6px 12px;background:#64646433;color:#999;border:1px solid #444;border-radius:6px;font-size:11px;font-weight:600;text-align:center;font-family:Monaco,monospace}.no-agents{grid-column:1 / -1;text-align:center;padding:40px;color:#666;font-size:14px}.orchestration-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:30px 0;padding:20px;background:#ff44440d;border:1px solid rgba(255,68,68,.2);border-radius:10px}.stat-box{text-align:center;padding:12px}.stat-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.stat-value{font-size:28px;font-weight:700;color:#f44}.orchestration-legend{display:flex;flex-wrap:wrap;gap:20px;padding:16px;background:#0000004d;border:1px solid #333;border-radius:8px;margin-top:30px}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px}.legend-icon{font-size:20px}.legend-status{width:12px;height:12px;border-radius:50%}.legend-status.online{background:#4ade80;box-shadow:0 0 8px #4ade8080}.legend-status.offline{background:#ef4444;box-shadow:0 0 8px #ef444480}.legend-text{color:#b0b0b0}.loading,.error,.empty{text-align:center;padding:40px;color:#888;font-size:14px}.error{color:#ef4444}@media (max-width: 768px){.orchestration-container{padding:16px}.orchestration-header{flex-direction:column;gap:15px;text-align:center}.orchestration-header h2{font-size:20px}.header-controls{flex-direction:column;width:100%}.btn-refresh{width:100%}.agents-container{grid-template-columns:1fr}.agent-card{padding:12px}.orchestration-stats{grid-template-columns:repeat(2,1fr);gap:8px}.orchestration-legend{flex-direction:column;gap:12px}}.agent-console{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#fff;padding:20px;gap:20px;overflow-y:auto}.console-tabs{display:flex;gap:8px;border-bottom:2px solid #333;padding-bottom:0;margin-bottom:20px}.tab-button{padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;color:#888;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.tab-button:hover{color:#f44;background:#ff44440d}.tab-button.active{color:#f44;border-bottom-color:#f44;background:#ff44440d}.tab-icon{font-size:16px}.orchestration-tab-content{flex:1;overflow-y:auto}.alert{padding:16px;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:10px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.alert-success{background:#10b98126;border:1px solid #10b981;color:#10b981}.alert-error{background:#ef444426;border:1px solid #ef4444;color:#ef4444}.alert-info{background:#3b82f626;border:1px solid #3b82f6;color:#3b82f6}.console-header{display:flex;justify-content:space-between;align-items:center;padding:0}.console-header h2{margin:0;font-size:24px;color:#f44}.btn-refresh{background:#f44;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s;font-size:14px}.btn-refresh:hover:not(:disabled){background:#f55;transform:scale(1.02)}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.loading-state,.empty-state{display:flex;align-items:center;justify-content:center;height:300px;color:#666;font-size:16px;text-align:center}.empty-state{color:#888}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.agent-panel{background:#1a1a1a;border:1px solid #333;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:all .3s;box-shadow:0 2px 8px #0000004d}.agent-panel:hover{border-color:#f44;box-shadow:0 4px 16px #f443;transform:translateY(-2px)}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:1px solid #333;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.agent-identity{display:flex;align-items:center;gap:12px;flex:1}.agent-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#ff444426;border-radius:8px;flex-shrink:0}.agent-details h3{margin:0;font-size:18px;font-weight:700;color:#fff}.agent-details .agent-type{margin:4px 0 0;font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px}.agent-hierarchy-line{display:flex;align-items:center;gap:8px;margin-top:6px}.hierarchy-badge{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.hierarchy-badge.parent{background:#ff444426;color:#f88}.hierarchy-badge.sub{background:#10b98126;color:#6ee7b7}.parent-link{font-size:11px;color:#888}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:2px solid;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;background:transparent}.status-badge.online{border-color:#10b981;color:#34d399;background:#10b98114}.status-badge.paused{border-color:#f59e0b;color:#fbbf24;background:#f59e0b14}.status-badge.stopped{border-color:#ef4444;color:#f87171;background:#ef444414}.panel-body{flex:1;padding:20px;display:flex;flex-direction:column;gap:12px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #2a2a2a;font-size:13px}.info-row:last-of-type{border-bottom:none}.info-row .label{color:#999;font-weight:600}.info-row .value{color:#fff;text-align:right;font-family:Monaco,Courier New,monospace}.metrics-section{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #333}.metric{display:flex;flex-direction:column;gap:6px;padding:12px;background:#ff44440d;border-radius:6px;border:1px solid rgba(255,68,68,.2)}.metric-label{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.metric-value{font-size:18px;font-weight:700;color:#f44;font-family:Monaco,Courier New,monospace}.panel-footer{display:flex;gap:8px;padding:16px 20px;border-top:1px solid #333;background:#0000004d}.btn{flex:1;padding:12px 16px;border:none;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px;text-transform:uppercase;letter-spacing:.5px;outline:none}.btn:disabled{opacity:.6;cursor:not-allowed}.control-note{font-size:12px;color:#999;padding:6px 10px;border:1px solid #444;border-radius:6px}.btn-primary{background:#10b981;color:#fff}.btn-primary:hover:not(:disabled){background:#059669;transform:scale(1.02)}.btn-secondary{background:#3b82f6;color:#fff}.btn-secondary:hover:not(:disabled){background:#2563eb;transform:scale(1.02)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:scale(1.02)}.btn:active:not(:disabled){transform:scale(.98)}@media (max-width: 1024px){.agents-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.agent-console{padding:16px;gap:16px}.agents-grid{grid-template-columns:1fr}.panel-header{flex-direction:column;gap:12px}.agent-identity{width:100%}.status-badge{align-self:flex-start}.metrics-section{grid-template-columns:1fr}.panel-footer{flex-direction:column}.btn{width:100%}}@media (max-width: 480px){.agent-console{padding:12px}.console-header{flex-direction:column;gap:12px;align-items:flex-start}.btn-refresh{width:100%}.agent-panel{border-radius:8px}.panel-header,.panel-body,.panel-footer{padding:16px}.agent-avatar{width:40px;height:40px;font-size:20px}.agent-details h3{font-size:16px}.info-row{flex-direction:column;align-items:flex-start;gap:4px}.info-row .value{text-align:left}}.shared-knowledge{display:flex;flex-direction:column;height:100%;background:#0f1419;color:#e0e0e0}.knowledge-header{background:linear-gradient(135deg,#1a1f2e,#252d3d);padding:30px;border-bottom:2px solid #00cc00;margin-bottom:20px}.knowledge-header h1{font-size:32px;color:#0c0;margin:0 0 10px}.knowledge-header p{color:#999;margin:0;font-size:14px}.knowledge-toolbar{display:flex;gap:20px;padding:0 30px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:200px}.search-box input{width:100%;padding:10px 15px;background:#1a1f2e;border:1px solid #333;border-radius:6px;color:#e0e0e0;font-size:13px}.search-box input:focus{outline:none;border-color:#0c0;box-shadow:0 0 8px #0c03}.filter-controls{display:flex;gap:12px;align-items:center}.filter-controls select{padding:10px 12px;background:#1a1f2e;border:1px solid #333;border-radius:6px;color:#e0e0e0;font-size:13px}.filter-controls select:focus{outline:none;border-color:#0c0}.knowledge-form{background:#1a1f2e;border:2px solid #00cc00;border-radius:8px;padding:20px;margin:0 30px 20px;display:flex;flex-direction:column;gap:12px}.knowledge-form input,.knowledge-form select,.knowledge-form textarea{background:#0f1419;border:1px solid #333;color:#e0e0e0;padding:10px 12px;border-radius:6px;font-family:inherit;font-size:13px}.knowledge-form input:focus,.knowledge-form select:focus,.knowledge-form textarea:focus{outline:none;border-color:#0c0;box-shadow:0 0 8px #0c03}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-buttons{display:flex;gap:10px;margin-top:10px}.form-buttons .btn{flex:1}.knowledge-content{display:grid;grid-template-columns:350px 1fr;gap:20px;padding:0 30px;flex:1;min-height:0;max-height:calc(100vh - 320px)}.knowledge-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;background:#1a1f2e;border:1px solid #333;border-radius:8px;padding:10px}.knowledge-item{background:#0f1419;border:1px solid #333;border-radius:6px;padding:12px;cursor:pointer;transition:all .2s ease}.knowledge-item:hover{border-color:#0c0;background:#151b28}.knowledge-item.active{border-color:#0c0;background:#00cc001a}.item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.item-header h4{margin:0;font-size:13px;color:#fff;flex:1;word-break:break-word}.importance{display:inline-block;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.importance.low{background:#1a3d1a;color:#6bff6b}.importance.medium{background:#3d3d1a;color:#ffff6b}.importance.high{background:#3d2a1a;color:#ffaa6b}.importance.critical{background:#3d1a1a;color:#ff6b6b}.preview{font-size:11px;color:#999;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-meta{display:flex;gap:8px;font-size:10px;color:#666}.category{background:#333;padding:2px 6px;border-radius:3px}.tag-count{background:#1a3d1a;color:#6bff6b;padding:2px 6px;border-radius:3px}.knowledge-details{background:#1a1f2e;border:1px solid #333;border-radius:8px;padding:20px;overflow-y:auto}.detail-panel h2{font-size:22px;color:#0c0;margin:0 0 15px}.badges{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.badges .importance{font-size:11px;padding:4px 8px}.badges .category{background:#0c0;color:#000;padding:4px 8px;border-radius:4px;font-weight:600}.content-section,.tags-section,.agents-section{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #333}.content-section:last-child,.tags-section:last-child,.agents-section:last-child{border-bottom:none}.detail-panel h3{font-size:12px;text-transform:uppercase;color:#999;margin:0 0 10px;font-weight:600;letter-spacing:1px}.content-section p{margin:0;line-height:1.6;color:#e0e0e0}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#0f1419;border:1px solid #00cc00;color:#6bff6b;padding:4px 8px;border-radius:4px;font-size:12px}.agents{display:flex;flex-wrap:wrap;gap:6px}.agent-badge{background:#1a3d1a;color:#6bff6b;padding:6px 10px;border-radius:4px;font-size:12px;border-left:2px solid #00cc00}.meta{background:#0f1419;padding:10px;border-radius:4px;margin-bottom:15px}.meta p{margin:0;font-size:11px;color:#999;line-height:1.6}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-danger{background:#3d1a1a;color:#ff6b6b;border:1px solid #ff0000}.empty-details{display:flex;align-items:center;justify-content:center;height:200px;text-align:center;color:#666;font-size:14px}.empty,.loading{padding:40px 20px;text-align:center;color:#666}.knowledge-list::-webkit-scrollbar{width:6px}.knowledge-list::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.knowledge-details::-webkit-scrollbar{width:6px}.knowledge-details::-webkit-scrollbar-thumb{background:#444;border-radius:3px}@media (max-width: 1024px){.knowledge-toolbar,.filter-controls{flex-direction:column;align-items:stretch}.knowledge-content{grid-template-columns:1fr;gap:15px;max-height:none}.knowledge-list{max-height:300px}}@media (max-width: 768px){.knowledge-header{padding:20px}.knowledge-header h1{font-size:24px}.knowledge-toolbar{padding:0 15px}.knowledge-form{margin:0 15px 15px}.knowledge-content{padding:0 15px}.form-row{grid-template-columns:1fr}}@media (max-width: 480px){.knowledge-header{padding:15px}.knowledge-header h1{font-size:18px}.knowledge-toolbar{padding:0 10px;flex-direction:column;align-items:stretch}.knowledge-form{margin:0 10px 10px}.knowledge-content{padding:0 10px;gap:10px}.actions{grid-template-columns:1fr}}.user-management{display:flex;flex-direction:column;height:100%;background:#0f1419;color:#e0e0e0}.management-header{background:linear-gradient(135deg,#1a1f2e,#252d3d);padding:30px;border-bottom:2px solid #ff9900;margin-bottom:20px}.management-header h1{font-size:32px;color:#f90;margin:0 0 10px}.management-header p{color:#999;margin:0;font-size:14px}.management-toolbar{padding:0 30px 15px}.create-user-form{background:#1a1f2e;border:2px solid #ff9900;border-radius:8px;padding:20px;margin:0 30px 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.create-user-form input,.create-user-form select{grid-column:span 1;background:#0f1419;border:1px solid #333;color:#e0e0e0;padding:10px 12px;border-radius:6px;font-family:inherit;font-size:13px}.create-user-form button{grid-column:1 / -1;align-self:start;margin-top:5px}.create-user-form input:focus,.create-user-form select:focus{outline:none;border-color:#f90;box-shadow:0 0 8px #f903}.management-content{display:grid;grid-template-columns:300px 1fr;gap:20px;padding:0 30px;flex:1;min-height:0;max-height:calc(100vh - 280px)}.users-list{display:flex;flex-direction:column;gap:10px}.users-list h2{font-size:16px;color:#fff;margin:0 0 10px}.users-list .loading,.users-list .empty{padding:40px 20px;text-align:center;color:#666}.user-item{background:#1a1f2e;border:2px solid #333;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease;display:flex;gap:12px;align-items:flex-start}.user-item:hover{border-color:#f90;background:#252d3d}.user-item.active{border-color:#f90;background:#ff99001a}.user-icon{font-size:24px;flex-shrink:0}.user-info{flex:1;min-width:0}.user-info h4{margin:0 0 4px;font-size:13px;color:#fff;word-break:break-word}.user-info .role{margin:2px 0;font-size:11px;color:#999}.status{display:inline-block;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase}.status.active{background:#1a3d1a;color:#6bff6b}.status.inactive{background:#3d1a1a;color:#ff6b6b}.user-details{background:#1a1f2e;border:2px solid #333;border-radius:8px;padding:20px;overflow-y:auto;max-height:calc(100vh - 280px)}.detail-panel h2{font-size:22px;color:#f90;margin:0 0 20px}.detail-card{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #333}.detail-card:last-of-type{border-bottom:none}.detail-card h3{font-size:12px;text-transform:uppercase;color:#999;margin:0 0 10px;font-weight:600;letter-spacing:1px}.detail-card p{margin:8px 0;color:#e0e0e0;font-size:13px}.detail-card strong{color:#f90}.agent-list{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.agent-access-item{background:#0f1419;padding:10px;border-radius:6px;border-left:2px solid #ff9900;display:flex;justify-content:space-between;align-items:center;font-size:12px}.access-level{background:#252d3d;padding:2px 8px;border-radius:3px;font-size:10px;color:#f90}.btn-revoke{background:none;border:none;color:red;cursor:pointer;font-weight:700;padding:2px 4px;transition:all .2s}.btn-revoke:hover{transform:scale(1.2);color:#f33}.add-agent{margin-top:12px;padding-top:12px;border-top:1px solid #333}.add-agent .hint{font-size:11px;color:#999;margin:0 0 8px}.available-agents{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.agent-button{padding:6px 8px;background:#0f1419;border:1px solid #333;color:#f90;border-radius:4px;cursor:pointer;font-size:11px;transition:all .2s}.agent-button:hover:not(:disabled){border-color:#f90;background:#252d3d}.agent-button.granted{background:#1a3d1a;color:#6bff6b;border-color:#0c0;cursor:not-allowed}.agent-button:disabled{opacity:.6}.permissions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.permission-group{background:#0f1419;padding:8px;border-radius:4px;border-left:2px solid #ff9900}.permission-group strong{display:block;font-size:11px;text-transform:uppercase;color:#f90;margin-bottom:4px}.action-list{display:block;font-size:10px;color:#999}.empty-text{color:#666;font-size:12px;margin:0}.detail-actions{display:flex;gap:10px;margin-top:15px}.btn-danger{background:#3d1a1a;color:#ff6b6b;border:1px solid #ff0000;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s}.btn-danger:hover{background:#551a1a;border-color:#f33}.empty-details{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#666}.empty-icon{font-size:48px;margin-bottom:15px;opacity:.5}.empty-details h3{font-size:16px;color:#999;margin:0 0 8px}.empty-details p{font-size:13px;color:#666;margin:0}.user-details::-webkit-scrollbar{width:6px}.user-details::-webkit-scrollbar-thumb{background:#444;border-radius:3px}@media (max-width: 1024px){.management-content{grid-template-columns:1fr;gap:15px;max-height:none}.user-details{max-height:400px}}@media (max-width: 768px){.management-header{padding:20px}.management-header h1{font-size:24px}.management-toolbar{padding:0 15px 10px}.create-user-form{margin:0 15px 15px;grid-template-columns:1fr}.management-content{padding:0 15px}.available-agents{grid-template-columns:1fr}}@media (max-width: 480px){.management-header{padding:15px}.management-header h1{font-size:18px}.management-toolbar{padding:0 10px 10px}.create-user-form{margin:0 10px 10px}.management-content{padding:0 10px;gap:10px}.permissions-grid{grid-template-columns:1fr}}.user-chat-container{display:flex;height:100%;background:#0f0f0f;color:#fff}.agent-sidebar{width:280px;background:#1a1a1a;border-right:1px solid #333;display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{padding:16px;border-bottom:1px solid #333;font-weight:600;color:#f44}.agents-list{flex:1;overflow-y:auto}.agent-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;border-bottom:1px solid #2a2a2a;transition:background .2s;gap:12px}.agent-item:hover{background:#2a2a2a}.agent-item.active{background:#f44;color:#000}.agent-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#f443;border-radius:8px}.agent-item.active .agent-avatar{background:#0003}.agent-info{flex:1}.agent-name{font-weight:600;font-size:14px}.agent-type{font-size:12px;opacity:.7}.hierarchy-line{margin-top:2px;opacity:.8}.agent-status{font-size:12px;padding:4px 8px;border-radius:4px}.agent-status.online{background:#10b98133;color:#10b981}.agent-status.offline{background:#ef444433;color:#ef4444}.chat-main-content{flex:1;display:flex;flex-direction:column;background:#0f0f0f}.chat-tabs{display:flex;border-bottom:1px solid #333;background:#1a1a1a;padding:0;gap:0}.tab-button{flex:1;padding:16px;background:transparent;border:none;color:#999;cursor:pointer;font-weight:500;border-bottom:2px solid transparent;transition:all .3s;font-size:14px}.tab-button:hover{color:#fff;background:#ff44440d}.tab-button.active{color:#f44;border-bottom-color:#f44}.chat-content,.tasks-content,.projects-content{flex:1;display:flex;flex-direction:column}.messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.routing-banner{align-self:center;font-size:12px;color:#fbbf24;background:#fbbf241f;border:1px solid rgba(251,191,36,.35);border-radius:999px;padding:6px 12px}.message{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-radius:12px;max-width:70%;word-wrap:break-word}.message.from-agent{align-self:flex-start;background:#2a2a2a;border-left:3px solid #ff4444}.message.from-user{align-self:flex-end;background:#f44;color:#000;border-right:3px solid #ff4444}.message-sender{font-weight:600;font-size:12px;opacity:.8}.message-text{font-size:14px;line-height:1.4}.message-time{font-size:11px;opacity:.6;display:flex;align-items:center;gap:8px}.message-delivery-badge{font-size:10px;border-radius:999px;padding:2px 8px;border:1px solid transparent;opacity:1}.message-delivery-badge.saving{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2459}.message-delivery-badge.sent{color:#10b981;background:#10b9811f;border-color:#10b98159}.message-delivery-badge.failed{color:#ef4444;background:#ef44441f;border-color:#ef444459}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:#666;font-size:16px}.loading{display:flex;align-items:center;justify-content:center;flex:1;color:#999;font-size:14px}.message-input-form{display:flex;gap:8px;padding:16px;border-top:1px solid #333;background:#1a1a1a}.message-textarea{flex:1;background:#2a2a2a;border:1px solid #333;color:#fff;padding:12px 16px;border-radius:24px;font-family:inherit;font-size:14px;resize:none;min-height:44px;max-height:120px;outline:none;transition:border-color .3s,box-shadow .3s}.message-textarea:focus{border-color:#f44;box-shadow:0 0 0 2px #f443}.send-button{width:44px;height:44px;border-radius:50%;background:#f44;border:none;color:#fff;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.send-button:hover{background:#f55;transform:scale(1.05)}.send-button:active{transform:scale(.95)}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:20px;overflow-y:auto}.task-card{background:#1a1a1a;border:1px solid #333;border-left:4px solid #ff4444;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .3s}.task-card:hover{border-color:#f44;box-shadow:0 4px 12px #ff444426}.task-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.task-title{font-weight:600;font-size:14px;color:#fff;flex:1;word-break:break-word}.task-priority{font-size:18px;flex-shrink:0}.task-description{font-size:13px;color:#aaa;line-height:1.4;word-break:break-word}.task-meta{display:flex;gap:8px;flex-wrap:wrap}.task-status{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;border:1px solid;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.task-actions{display:flex;gap:8px;justify-content:space-between;align-items:center;border-top:1px solid #333;padding-top:12px}.status-select,.edit-select{background:#2a2a2a;border:1px solid #333;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;flex:1;outline:none;transition:border-color .3s}.status-select:focus,.edit-select:focus{border-color:#f44}.btn-edit,.btn-delete,.btn-save,.btn-cancel{background:transparent;border:none;cursor:pointer;font-size:16px;padding:6px 12px;border-radius:4px;transition:all .2s;outline:none}.btn-edit{color:#3b82f6;font-weight:700}.btn-edit:hover{background:#3b82f633}.btn-delete{color:#ef4444}.btn-delete:hover{background:#ef444433}.btn-save{background:#10b981;color:#fff;font-weight:600;flex:1}.btn-save:hover{background:#059669}.btn-cancel{background:#6b7280;color:#fff;font-weight:600;flex:1}.btn-cancel:hover{background:#4b5563}.task-edit-form{display:flex;flex-direction:column;gap:12px}.edit-input,.edit-textarea{background:#2a2a2a;border:1px solid #333;color:#fff;padding:10px 12px;border-radius:4px;font-family:inherit;font-size:13px;outline:none;transition:border-color .3s}.edit-input:focus,.edit-textarea:focus{border-color:#f44;box-shadow:0 0 0 2px #ff444426}.edit-textarea{resize:vertical;min-height:80px}.edit-buttons{display:flex;gap:8px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:20px;overflow-y:auto}.project-card{background:#1a1a1a;border:1px solid #333;border-left:4px solid #ff4444;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .3s}.project-card:hover{border-color:#f44;box-shadow:0 4px 12px #ff444426}.project-name{font-weight:600;font-size:14px;color:#fff}.project-description{font-size:13px;color:#aaa;line-height:1.4}.project-stats{display:flex;gap:16px;font-size:12px;color:#888;border-top:1px solid #333;padding-top:12px}@media (max-width: 768px){.user-chat-container{flex-direction:column}.agent-sidebar{width:100%;height:auto;max-height:100px;border-right:none;border-bottom:1px solid #333;flex-direction:row;overflow-x:auto}.agents-list{display:flex;overflow-x:auto}.agent-item{border-bottom:none;border-right:1px solid #333;min-width:120px}.message{max-width:90%}.tasks-grid,.projects-grid{grid-template-columns:1fr}}@media (max-width: 480px){.chat-tabs{overflow-x:auto}.tab-button{flex-shrink:0;min-width:100px}.send-button{width:40px;height:40px;font-size:18px}.message-textarea{min-height:40px}}.user-chat-layout{display:flex;height:calc(100vh - 120px);gap:0;background:#0d0d0d}.user-chat-sidebar{width:280px;background:#1a1a1a;border-right:1px solid #333;display:flex;flex-direction:column;transition:width .3s ease,margin-left .3s ease;overflow:hidden}.user-chat-sidebar.closed{width:60px;margin-left:-220px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #333}.sidebar-header h3{margin:0;font-size:16px;color:#fff;flex:1}.sidebar-toggle{background:none;border:none;color:#a00;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.sidebar-toggle:hover{background:#ff00001a}.agent-list{flex:1;overflow-y:auto;padding:8px}.agent-item{padding:12px;margin-bottom:8px;background:#262626;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.agent-item:hover{background:#303030;border-color:#333}.agent-item.active{background:#1a1a1a;border-color:#a00;box-shadow:0 0 12px #a003}.agent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.agent-name{font-weight:600;color:#fff;font-size:14px}.agent-status{font-size:12px;margin-left:8px}.agent-status.status-online{color:#0a0}.agent-status.status-offline{color:#666}.agent-status.status-busy{color:#a00}.agent-status.status-unknown{color:#666}.agent-meta{font-size:12px;color:#999}.user-chat-content{flex:1;display:flex;flex-direction:column;background:#0d0d0d;overflow:hidden}.no-agent{flex:1;display:flex;align-items:center;justify-content:center;color:#666;font-size:18px}.chat-header{padding:16px;background:#1a1a1a;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.header-info{flex:1}.chat-header h2{margin:0;color:#fff;font-size:18px}.agent-detail{margin:4px 0 0;font-size:12px;color:#999}.tab-controls{display:flex;gap:8px}.tab-btn{padding:8px 16px;background:#262626;border:2px solid #333;color:#999;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.tab-btn:hover{background:#303030;color:#ccc;border-color:#555}.tab-btn.active{background:#a00;color:#fff;border-color:#a00}.error-banner{padding:12px 16px;background:#2a0a0a;border-bottom:1px solid #a00;color:#f88;display:flex;justify-content:space-between;align-items:center;font-size:13px}.error-banner button{background:none;border:none;color:#f88;font-size:18px;cursor:pointer}.chat-content-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#0d0d0d}.chat-section{display:flex;flex-direction:column;height:100%;gap:12px;padding:12px}.messages-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.messages-list .empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:#666;font-style:italic}.message{display:flex;margin-bottom:8px}.message.user{justify-content:flex-end}.message.agent{justify-content:flex-start}.message-bubble{max-width:70%;padding:10px 14px;border-radius:12px;word-wrap:break-word}.message.user .message-bubble{background:#a00;color:#fff;border-bottom-right-radius:4px}.message.agent .message-bubble{background:#262626;color:#ddd;border-bottom-left-radius:4px}.message-bubble p{margin:0 0 6px;line-height:1.4}.message-time{font-size:11px;opacity:.6;display:block;margin-top:4px}.message-form{display:flex;gap:8px;padding:12px;background:#1a1a1a;border:1px solid #333;border-radius:8px}.message-input{flex:1;background:#262626;border:1px solid #333;color:#ddd;padding:10px 12px;border-radius:6px;font-family:inherit;font-size:13px;resize:none;max-height:120px;transition:border .2s}.message-input:focus{outline:none;border-color:#a00;box-shadow:0 0 8px #a003}.message-input:disabled{opacity:.5;cursor:not-allowed}.send-button{width:44px;height:44px;background:#a00;border:none;color:#fff;border-radius:6px;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.send-button:hover:not(:disabled){background:#c00;transform:translateY(-2px);box-shadow:0 4px 12px #aa00004d}.send-button:disabled{opacity:.4;cursor:not-allowed}.tasks-section{flex:1;overflow-y:auto;padding:12px}.tasks-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.task-card{padding:14px;background:#1a1a1a;border-left:4px solid #666;border-radius:6px;transition:all .2s}.task-card.task-assigned{border-left-color:#0aa}.task-card.task-in-progress{border-left-color:#a80}.task-card.task-completed{border-left-color:#0a0;opacity:.7}.task-card.task-blocked{border-left-color:#a00}.task-card:hover{background:#262626}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.task-header h4{margin:0;color:#fff;font-size:14px;flex:1}.task-status-select{background:#262626;border:1px solid #333;color:#ddd;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer}.task-description{margin:0 0 8px;color:#aaa;font-size:12px;line-height:1.4}.task-meta{font-size:11px;color:#666}.empty-state{text-align:center;color:#666;font-size:14px;padding:40px 20px;font-style:italic}.projects-section{flex:1;overflow-y:auto;padding:12px}.projects-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{padding:16px;background:#1a1a1a;border:1px solid #333;border-radius:8px;transition:all .2s}.project-card:hover{background:#262626;border-color:#555;box-shadow:0 4px 12px #0000004d}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.project-header h4{margin:0;color:#fff;font-size:15px;flex:1}.project-status{font-size:11px;padding:4px 8px;border-radius:4px;background:#333;color:#999}.project-status.status-active{background:#1a2a0a;color:#0a0}.project-status.status-completed{background:#0a2a1a;color:#0a0}.project-status.status-on-hold{background:#2a1a0a;color:#a80}.project-description{margin:0 0 10px;color:#aaa;font-size:13px;line-height:1.4}.project-stats{font-size:12px;color:#666;padding-top:8px;border-top:1px solid #333}@media (max-width: 768px){.user-chat-layout{flex-direction:column;height:auto;min-height:calc(100vh - 120px)}.user-chat-sidebar{width:100%;height:200px;border-right:none;border-bottom:1px solid #333}.user-chat-sidebar.closed{width:100%;margin-left:0;height:50px}.chat-header{flex-direction:column;align-items:flex-start}.tab-controls{width:100%}.message-bubble{max-width:85%}.tab-btn{flex:1}.tasks-list,.projects-list{grid-template-columns:1fr}.agent-list{display:flex;gap:8px;overflow-x:auto;padding:8px}.agent-item{min-width:120px;margin-bottom:0}}@media (max-width: 480px){.message-bubble{max-width:95%}.message-form{padding:8px;gap:6px}.send-button{width:40px;height:40px;font-size:16px}.chat-header{padding:12px}.chat-header h2{font-size:16px}.tab-btn{padding:6px 12px;font-size:12px}}.message-input-modern{display:flex;gap:12px;padding:16px;background:#ff00000d;border-top:2px solid rgba(255,0,0,.2);align-items:flex-end;min-height:70px}.message-input-modern textarea{flex:1;min-height:44px;max-height:120px;padding:12px 16px;background:#0000004d;border:2px solid rgba(255,0,0,.2);border-radius:24px;color:#fff;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;resize:none;outline:none;transition:all .2s ease;line-height:1.5}.message-input-modern textarea:focus{border-color:red;background:#0006;box-shadow:0 0 12px #ff000026}.message-input-modern textarea::placeholder{color:#666}.btn-send{background:red;border:none;border-radius:50%;width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s ease;flex-shrink:0;color:#fff}.btn-send:hover:not(:disabled){background:#f33;transform:scale(1.05);box-shadow:0 4px 12px #f006}.btn-send:active:not(:disabled){transform:scale(.95)}.btn-send:disabled{background:#ff00004d;cursor:not-allowed}.message-group{display:flex;gap:12px;margin-bottom:16px;align-items:flex-end}.message-group.user{justify-content:flex-end}.message-group.agent{justify-content:flex-start}.message-bubble{max-width:65%;padding:12px 16px;border-radius:18px;line-height:1.4;word-wrap:break-word}.message-group.user .message-bubble{background:red;color:#fff;border-bottom-right-radius:4px}.message-group.agent .message-bubble{background:#ff00001a;color:#ccc;border:1px solid rgba(255,0,0,.2);border-bottom-left-radius:4px}.message-sender{font-size:11px;color:#666;margin-bottom:4px}.message-timestamp{font-size:11px;color:#555;margin-top:4px}@media (max-width: 768px){.message-input-modern{padding:12px;min-height:60px}.message-input-modern textarea{min-height:40px;padding:10px 14px;font-size:13px}.btn-send{width:40px;height:40px;font-size:18px}.message-bubble{max-width:85%;padding:10px 14px}}@media (max-width: 480px){.message-input-modern{padding:10px;min-height:56px}.message-bubble{max-width:90%;font-size:13px}}.operations-dashboard{padding:20px;background-color:#0f1419;color:#fff;border-radius:8px;max-width:1400px;margin:0 auto}.operations-dashboard.loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:18px;color:#f90}.ops-header{text-align:center;margin-bottom:40px;border-bottom:2px solid #ff9900;padding-bottom:20px}.ops-header h1{margin:0;font-size:32px;color:#f90;text-shadow:0 0 10px rgba(255,153,0,.3)}.ops-subtitle{margin:8px 0 0;font-size:14px;color:#999}.last-updated{margin:8px 0 0;font-size:12px;color:#666}.ops-error{background-color:#5a1010;border-left:4px solid #ff4444;padding:12px 16px;margin-bottom:20px;border-radius:4px;color:#fcc}.ops-section{margin-bottom:40px;background-color:#ff99000d;border:1px solid rgba(255,153,0,.2);border-radius:8px;padding:20px}.ops-section h2{margin:0 0 20px;font-size:20px;color:#f90;border-bottom:2px solid rgba(255,153,0,.3);padding-bottom:10px}.ops-section h3{margin:0 0 12px;font-size:16px;color:#ccc}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.health-card{background:linear-gradient(135deg,#1a1f2e,#2a2f3e);border:2px solid #3a3f4e;border-radius:8px;padding:20px;text-align:center;transition:all .3s ease}.health-card.operational{border-color:#00ff0080;background:linear-gradient(135deg,#00ff000d,#00ff0005)}.health-card.down{border-color:#ff444480;background:linear-gradient(135deg,#ff44440d,#ff444405)}.health-status{font-size:32px;margin-bottom:8px}.health-label{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.health-value{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}.health-time{font-size:12px;color:#666}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{background:linear-gradient(135deg,#1a1f2e,#2a2f3e);border:1px solid #3a3f4e;border-radius:8px;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#f90;transform:translateY(-2px)}.stat-card.highlight{border-color:#f90;background:linear-gradient(135deg,#ff99001a,#ff99000d)}.stat-number{font-size:28px;font-weight:700;color:#f90;margin-bottom:8px}.stat-time{font-size:16px;color:#6cf;font-weight:500;margin-bottom:8px}.stat-label{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px}.jobs-subsection{margin-bottom:24px}.jobs-subsection:last-child{margin-bottom:0}.jobs-list{display:flex;flex-direction:column;gap:12px}.job-item{display:grid;grid-template-columns:120px 1fr auto;gap:16px;align-items:center;background-color:#0000004d;border-left:3px solid #ff9900;padding:12px 16px;border-radius:4px}.job-time{font-weight:700;color:#6cf;font-size:14px}.job-type{color:#ccc;font-size:14px}.job-status{font-size:12px;padding:4px 8px;border-radius:4px;background-color:#f903;color:#fc9;font-weight:500}.job-status.scheduled{background-color:#6cf3;color:#9df}.ops-footer{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,153,0,.2)}.refresh-btn{background-color:#f90;color:#0f1419;border:none;padding:12px 24px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:14px}.refresh-btn:hover{background-color:#fa2;transform:scale(1.05)}.refresh-btn:active{transform:scale(.98)}.ops-footer p{margin:12px 0 0;font-size:12px;color:#666}@media (max-width: 768px){.operations-dashboard{padding:12px}.ops-header h1{font-size:24px}.ops-section{padding:16px}.ops-section h2{font-size:18px}.health-grid,.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.job-item{grid-template-columns:100px 1fr auto;gap:12px;padding:10px 12px}.job-time,.job-type{font-size:12px}.stat-number{font-size:24px}}@media (max-width: 480px){.operations-dashboard{padding:8px}.ops-header h1{font-size:20px}.health-grid,.stats-grid{grid-template-columns:1fr}.job-item{grid-template-columns:1fr;gap:8px}.stat-card{padding:16px}}.workflow-builder{padding:20px;background-color:#0f1419;color:#fff;border-radius:8px;max-width:1200px;margin:0 auto}.workflow-builder.loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:18px;color:#f90}.wb-header{text-align:center;margin-bottom:40px;border-bottom:2px solid #ff9900;padding-bottom:20px}.wb-header h1{margin:0;font-size:32px;color:#f90;text-shadow:0 0 10px rgba(255,153,0,.3)}.wb-subtitle{margin:8px 0 0;font-size:14px;color:#999}.wb-error{background-color:#5a1010;border-left:4px solid #ff4444;padding:12px 16px;margin-bottom:20px;border-radius:4px;color:#fcc}.wb-success{background-color:#105a10;border-left:4px solid #44ff44;padding:12px 16px;margin-bottom:20px;border-radius:4px;color:#cfc}.wb-section{background-color:#ff99000d;border:1px solid rgba(255,153,0,.2);border-radius:8px;padding:20px;margin-bottom:20px}.wb-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid rgba(255,153,0,.2);padding-bottom:12px}.wb-section-header h2{margin:0;font-size:20px;color:#f90}.btn-primary{background-color:#f90;color:#0f1419;border:none;padding:10px 20px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:14px}.btn-primary:hover{background-color:#fa2;transform:translateY(-2px)}.btn-secondary{background-color:#3a3f4e;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background-color:#4a4f5e}.btn-execute{background-color:#6cf;color:#0f1419;border:none;padding:8px 16px;border-radius:4px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:12px}.btn-execute:hover{background-color:#8df}.btn-edit{background-color:#f90;color:#0f1419;border:none;padding:8px 16px;border-radius:4px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:12px}.btn-edit:hover{background-color:#fa2}.btn-remove{background-color:#f44;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:12px}.btn-remove:hover{background-color:#f66}.btn-add-step{background-color:transparent;color:#6cf;border:2px dashed #66ccff;padding:10px 16px;border-radius:4px;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;margin-top:12px}.btn-add-step:hover{background-color:#66ccff1a;border-color:#8df}.btn-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;transition:all .3s ease}.workflow-form{background-color:#0003;border:1px solid rgba(255,153,0,.2);border-radius:8px;padding:20px;margin-bottom:20px}.form-group{margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#ddd;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;background-color:#1a1f2e;border:1px solid #3a3f4e;border-radius:4px;color:#fff;font-size:14px;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#f90;background-color:#202530}.form-group textarea{resize:vertical;min-height:80px}.steps-builder{background-color:#0000004d;border:1px solid rgba(102,204,255,.2);border-radius:8px;padding:16px;margin:20px 0}.steps-builder h3{margin:0 0 16px;font-size:16px;color:#6cf}.step-container{display:grid;grid-template-columns:40px 1fr 40px;gap:12px;align-items:start;background-color:#0003;border-left:3px solid #66ccff;padding:12px;border-radius:4px;margin-bottom:12px}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#6cf;color:#0f1419;border-radius:50%;font-weight:700;font-size:16px}.step-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.step-inputs input,.step-inputs select{padding:8px 12px;background-color:#1a1f2e;border:1px solid #3a3f4e;border-radius:4px;color:#fff;font-size:12px}.step-inputs input:focus,.step-inputs select:focus{outline:none;border-color:#6cf}.workflows-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.workflow-card{background:linear-gradient(135deg,#1a1f2e,#2a2f3e);border:1px solid #3a3f4e;border-radius:8px;padding:16px;transition:all .3s ease}.workflow-card:hover{border-color:#f90;transform:translateY(-2px);box-shadow:0 4px 12px #f903}.workflow-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.workflow-card-header h3{margin:0;font-size:16px;color:#fff}.badge{font-size:11px;padding:4px 8px;border-radius:4px;font-weight:700;text-transform:uppercase}.badge.active{background-color:#0f03;color:#6f6}.badge.inactive{background-color:#f443;color:#f88}.workflow-description{color:#999;font-size:13px;margin:8px 0;line-height:1.4}.workflow-meta{display:flex;gap:12px;margin:12px 0;font-size:12px;color:#666}.workflow-actions{display:flex;gap:8px;margin-top:16px}.workflow-actions button{flex:1}.empty-message{text-align:center;color:#666;padding:40px 20px;font-size:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000}.modal-content{background-color:#1a1f2e;border:2px solid #ff9900;border-radius:8px;padding:24px;max-width:500px;width:90%;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid rgba(255,153,0,.2);padding-bottom:12px}.modal-header h2{margin:0;font-size:18px;color:#f90}.modal-content p{color:#ccc;margin:12px 0 20px;line-height:1.5}.modal-actions{display:flex;gap:12px}.modal-actions button{flex:1;padding:10px}.form-actions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,153,0,.2)}.form-actions button{flex:1}@media (max-width: 768px){.workflow-builder{padding:12px}.wb-header h1{font-size:24px}.wb-section-header{flex-direction:column;align-items:flex-start}.form-row,.step-inputs,.workflows-grid,.step-container{grid-template-columns:1fr}.step-number{width:32px;height:32px;font-size:14px}}@media (max-width: 480px){.workflow-builder{padding:8px}.wb-header h1{font-size:20px}.modal-content{width:95%;padding:16px}.btn-primary{padding:8px 16px;font-size:12px}}.inbox-page{padding:20px;max-width:1200px;margin:0 auto}.inbox-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.inbox-header h2{margin:0;font-size:24px;color:#fff}.inbox-actions{display:flex;gap:12px}.inbox-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:16px}.stat-icon{font-size:28px}.stat-value{font-size:28px;font-weight:600;color:#fff}.stat-label{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:1px}.inbox-body{display:flex;flex-direction:column;gap:24px}.inbox-section h3{margin:0 0 12px;font-size:16px;color:#fffc}.email-list{display:flex;flex-direction:column;gap:8px}.email-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;gap:12px;align-items:flex-start}.email-item:hover{background:#ffffff0f;border-color:#ffffff26}.email-item.unread{background:#3b82f61a;border-left:3px solid #3b82f6}.email-item.important{border-left:3px solid #f59e0b}.email-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#fff;flex-shrink:0}.email-content{flex:1;min-width:0}.email-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.email-sender{font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-time{font-size:12px;color:#ffffff80;flex-shrink:0}.email-subject{font-size:14px;color:#ffffffe6;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-preview{font-size:13px;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-attachment{flex-shrink:0;font-size:16px}.email-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.email-modal{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.email-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.email-modal-header h3{margin:0;font-size:18px;color:#fff}.btn-close{background:none;border:none;font-size:24px;color:#fff9;cursor:pointer;padding:0;line-height:1}.btn-close:hover{color:#fff}.email-modal-body{padding:24px;overflow-y:auto}.email-meta{margin-bottom:20px}.email-meta>div{margin-bottom:8px;font-size:14px;color:#ffffffb3}.email-meta strong{color:#ffffffe6}.email-body{background:#0003;border-radius:8px;padding:16px;font-size:14px;line-height:1.6;color:#ffffffd9}.email-modal-actions{display:flex;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1)}.inbox-disconnected{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.disconnected-icon{font-size:64px;margin-bottom:20px}.inbox-disconnected h3{margin:0 0 12px;color:#fff}.inbox-disconnected p{color:#fff9;margin-bottom:24px}.inbox-empty{text-align:center;padding:40px;color:#ffffff80}.inbox-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#fff9}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.inbox-error{text-align:center;padding:40px;color:#ef4444}.inbox-suggestions{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.inbox-suggestions h3{margin:0 0 20px;font-size:18px;color:#fff}.suggestion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.suggestion-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;transition:all .2s ease}.suggestion-card:hover{background:#ffffff0f;border-color:#ffffff26}.suggestion-card h4{margin:0 0 8px;font-size:15px;color:#fff}.suggestion-card p{margin:0 0 12px;font-size:13px;color:#fff9;line-height:1.5}.suggestion-command{display:inline-block;background:#3b82f626;color:#60a5fa;padding:6px 12px;border-radius:6px;font-size:12px;font-family:monospace}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:#3b82f6;border:none;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fffc}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff4d}@media (max-width: 768px){.inbox-page{padding:16px}.inbox-header{flex-direction:column;align-items:flex-start;gap:12px}.inbox-stats,.suggestion-grid{grid-template-columns:1fr}}.todos-container{padding:24px;max-width:1000px;margin:0 auto}.todos-header{margin-bottom:24px}.todos-header h1{font-size:28px;font-weight:600;margin:0 0 8px;color:#1a1a2e}.todos-header .subtitle{color:#666;font-size:14px;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:16px;text-align:center;box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-value{font-size:32px;font-weight:700;color:#333}.stat-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.stat-card.in-progress .stat-value{color:#3b82f6}.stat-card.critical .stat-value{color:#dc2626}.stat-card.high .stat-value{color:#f59e0b}.stat-card.completed .stat-value{color:#10b981}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.filter-tabs{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:10px}.filter-tabs button{padding:8px 16px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:13px;color:#666;transition:all .2s}.filter-tabs button:hover{background:#fff}.filter-tabs button.active{background:#fff;color:#1a1a2e;font-weight:500;box-shadow:0 1px 3px #0000001a}.action-buttons{display:flex;gap:8px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.inbox-limit-control{display:flex;align-items:center;gap:8px}.inbox-limit-control label{font-size:13px;color:#666}.inbox-limit-control select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;background:#fff;cursor:pointer;transition:border-color .2s}.inbox-limit-control select:hover:not(:disabled){border-color:#9ca3af}.inbox-limit-control select:disabled{opacity:.6;cursor:not-allowed}.todo-edit-form{width:100%;padding:12px;background:#f9fafb;border-radius:8px}.todo-edit-form .form-row{margin-bottom:10px}.todo-edit-form .form-row.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.todo-edit-form input,.todo-edit-form textarea,.todo-edit-form select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.todo-edit-form .form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.due-date.overdue{color:#ef4444;font-weight:600}.inbox-result{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:12px;padding:16px 20px;margin-bottom:20px;display:flex;align-items:center;gap:16px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.inbox-result-header{font-weight:600;font-size:16px}.inbox-result-body{flex:1}.inbox-result-body p{margin:0;font-size:13px;opacity:.9}.btn-close{background:transparent;border:none;color:#fff;cursor:pointer;font-size:18px;opacity:.8}.btn-close:hover{opacity:1}.new-todo-form{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f}.form-row{margin-bottom:12px}.form-row input,.form-row textarea,.form-row select{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-row.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end}.error-message{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.loading,.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-icon{font-size:48px;margin-bottom:16px}.empty-text{font-size:16px;margin-bottom:20px}.todos-list{display:flex;flex-direction:column;gap:10px}.todo-card{display:flex;align-items:flex-start;gap:12px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a;transition:all .2s;border-left:4px solid transparent}.todo-card:hover{box-shadow:0 4px 12px #00000014}.todo-card.priority-critical{border-left-color:#dc2626;background:linear-gradient(90deg,#fff1f2,#fff 30%)}.todo-card.priority-high{border-left-color:#f59e0b;background:linear-gradient(90deg,#fffbeb,#fff 30%)}.todo-card.priority-medium{border-left-color:#3b82f6}.todo-card.priority-low{border-left-color:#9ca3af}.todo-card.completed{opacity:.6}.todo-card.completed .todo-title{text-decoration:line-through;color:#9ca3af}.todo-checkbox{cursor:pointer;font-size:20px;padding-top:2px}.todo-content{flex:1;min-width:0}.todo-title{font-size:15px;font-weight:500;color:#1a1a2e;margin-bottom:4px}.todo-description{font-size:13px;color:#666;margin-bottom:8px;white-space:pre-wrap}.todo-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#888}.todo-meta span{display:inline-flex;align-items:center;gap:4px}.todo-meta .due-date.overdue{color:#dc2626;font-weight:500}.todo-meta .due-date.due-today{color:#f59e0b;font-weight:500}.todo-meta .due-date.due-soon{color:#3b82f6}.todo-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.todo-card:hover .todo-actions{opacity:1}.btn-icon{background:transparent;border:none;padding:6px;cursor:pointer;font-size:16px;border-radius:6px;transition:background .2s}.btn-icon:hover{background:#f3f4f6}.btn-icon.delete:hover{background:#fee2e2}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(3,1fr)}.action-bar{flex-direction:column;align-items:stretch}.filter-tabs{overflow-x:auto;justify-content:flex-start}.action-buttons{display:flex;justify-content:stretch}.action-buttons button{flex:1}.form-row.three-col{grid-template-columns:1fr}.todo-actions{opacity:1}}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(2,1fr)}.todos-container{padding:16px}}.dashboard-container{display:flex;flex-direction:column;height:100vh;background:#0f1419}.dashboard-content{flex:1;display:flex;flex-direction:column;margin-left:240px;margin-top:70px;padding:30px;overflow-y:auto;transition:margin-left .3s ease,margin-top .3s ease}.dashboard-content.sidebar-collapsed{margin-left:80px}.dashboard-content.header-collapsed{margin-top:40px}.loading-state{display:flex;align-items:center;justify-content:center;height:100%;font-size:24px}.section-placeholder{display:flex;align-items:center;justify-content:center;height:300px;background:#1a1f2e;border:1px dashed #333;border-radius:12px;color:#666;font-size:18px}.overview-section{display:grid;grid-template-columns:1fr;gap:30px;max-width:1200px;margin:0 auto}.revenue-card{background:#1a1f2e;border:1px solid #333;border-radius:12px;padding:30px}.revenue-card h2{font-size:18px;margin-bottom:20px;color:#fff}.revenue-display{margin-bottom:20px}.revenue-current{font-size:48px;font-weight:700;color:red;margin-bottom:5px}.revenue-target{font-size:14px;color:#999}.progress-bar{width:100%;height:8px;background:#333;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,red,#ff6b6b);transition:width .3s ease}.progress-text{font-size:12px;color:#999;text-align:right}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:30px}.stat-box{background:#1a1f2e;border:1px solid #333;border-radius:12px;padding:20px;text-align:center}.stat-label{font-size:12px;color:#999;margin-bottom:5px}.stat-value{font-size:24px;font-weight:700;color:red}@media (max-width: 1024px){.dashboard-content{margin-left:80px;padding:20px}.revenue-card{padding:20px}.revenue-current{font-size:36px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}}@media (max-width: 768px){.dashboard-container{flex-direction:row}.dashboard-content{margin-left:80px;padding:15px;height:100vh}.revenue-card{padding:15px}.revenue-current{font-size:32px}.revenue-target{font-size:12px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:15px}.stat-box{padding:15px}.stat-value{font-size:18px}}@media (max-width: 480px){.dashboard-content{margin-left:80px;padding:10px;height:100vh}.section-placeholder{height:200px;font-size:14px}.revenue-card{padding:12px}.revenue-card h2{font-size:16px;margin-bottom:15px}.revenue-current{font-size:28px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-box{padding:10px}.stat-label{font-size:10px}.stat-value{font-size:16px}}.stat-card{background:#1a1f2e;border:1px solid #333;border-radius:12px;padding:20px;text-align:center}.stat-card h3{font-size:14px;color:#999;margin-bottom:10px;text-transform:uppercase}.stat-number{font-size:36px;font-weight:700;color:red}.projects-section,.tasks-section,.calendar-section,.contacts-section,.memory-section,.documents-section{max-width:1200px;margin:0 auto}.add-project-form{display:flex;gap:10px;margin-bottom:30px}.add-project-form input{flex:1;padding:12px;border:1px solid #333;border-radius:6px;background:#1a1f2e;color:#e0e0e0;font-size:14px}.add-project-form input:focus{outline:none;border-color:red}.add-project-form button{padding:12px 20px;background:red;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .3s}.add-project-form button:hover{background:#c00}.projects-list,.tasks-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.project-card,.task-card{background:#1a1f2e;border:1px solid #333;border-radius:12px;padding:20px;transition:all .3s}.project-card:hover,.task-card:hover{border-color:red;box-shadow:0 8px 24px #ff00001a}.project-card h3,.task-card h4{font-size:16px;margin-bottom:10px;color:#fff}.project-card p,.task-card p{font-size:14px;color:#999;margin-bottom:15px;line-height:1.5}.project-meta,.task-meta{display:flex;gap:10px;align-items:center;font-size:12px;flex-wrap:wrap}.status{display:inline-block;padding:4px 12px;border-radius:4px;font-weight:700;text-transform:capitalize}.status.active{background:#00ff001a;color:#0f0}.status.pending{background:#ffa5001a;color:orange}.status.completed{background:#6496c81a;color:#6496c8}.priority{display:inline-block;padding:4px 12px;border-radius:4px;font-weight:700;text-transform:capitalize}.priority.high{background:#ff00001a;color:red}.priority.medium{background:#ffa5001a;color:orange}.priority.low{background:#6496c81a;color:#6496c8}.approval{display:inline-block;padding:4px 12px;border-radius:4px;font-weight:700}.approval.pending{background:#ffa5001a;color:orange}.approval.approved{background:#00ff001a;color:#0f0}.revenue{color:red;font-weight:700}.task-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:10px}.dashboard-footer{padding:15px 30px;background:#1a1f2e;border-top:1px solid #333;text-align:center;color:#666;font-size:12px}@media (max-width: 768px){.dashboard-main{margin-left:70px}.dashboard-content{padding:20px}.projects-list,.tasks-list,.stats-grid{grid-template-columns:1fr}.revenue-current{font-size:36px}.stat-number{font-size:24px}.overview-section{max-width:100%}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#0f1419;color:#e0e0e0;overflow:hidden;touch-action:manipulation}#root{width:100%;height:100vh}.loading{display:flex;align-items:center;justify-content:center;height:100vh;background:#0f1419;font-size:24px}.documents-container,.dashboard-tab,.alerts-container,.approvals-container,.memory-container,.agent-console-container,.user-chat-container,.chat-tab,.memory-tab,.documents-tab,.approvals-tab,.alerts-tab{overflow-y:auto;max-height:calc(100vh - 140px)}.docs-content{overflow-y:auto;max-height:100%}.jobs-table-container,.docs-list,.jobs-list{overflow-y:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#ff00004d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff000080}@media (max-width: 1024px){html{font-size:15px}}@media (max-width: 768px){html{font-size:14px}body{overflow:hidden}}@media (max-width: 480px){html{font-size:13px}}