@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg-base:#0a0c10;--bg-surface:#10141c;--bg-elevated:#161b26;--bg-overlay:#1c2333;--border:hsla(0,0%,100%,.07);--border-bright:hsla(0,0%,100%,.13);--accent:#2563eb;--accent-glow:rgba(37,99,235,.35);--accent-soft:rgba(37,99,235,.12);--accent-hover:#3b82f6;--success:#10b981;--success-soft:rgba(16,185,129,.12);--warning:#f59e0b;--warning-soft:rgba(245,158,11,.12);--danger:#ef4444;--danger-soft:rgba(239,68,68,.12);--info:#06b6d4;--info-soft:rgba(6,182,212,.12);--text-primary:#f1f5f9;--text-secondary:#8b9cb8;--text-muted:#4e607a;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px rgba(0,0,0,.4);--shadow:0 4px 20px rgba(0,0,0,.5);--shadow-lg:0 12px 40px rgba(0,0,0,.6);--shadow-glow:0 0 30px var(--accent-glow);--navbar-h:60px;--sidebar-w:256px;--font-body:"Plus Jakarta Sans",sans-serif;--font-mono:"JetBrains Mono",monospace}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:14.5px;line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh}.navbar{background:rgba(10,12,16,.92)!important;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--border)!important;height:var(--navbar-h);padding:0 1.5rem;z-index:1040}.navbar-brand{font-size:1.1rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)!important;display:flex;align-items:center;gap:8px}.navbar-brand:before{content:"";display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:2px;box-shadow:0 0 10px var(--accent)}.navbar .nav-link{color:var(--text-secondary)!important;font-weight:500;font-size:.875rem;padding:.4rem .75rem!important;border-radius:var(--radius-sm);transition:all .2s}.navbar .nav-link.active,.navbar .nav-link:hover{color:var(--text-primary)!important;background:var(--bg-elevated)}.navbar .dropdown-toggle:after{margin-left:6px}.sidebar-wrapper{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);z-index:1030;height:calc(100vh - var(--navbar-h));position:fixed;left:0;top:var(--navbar-h);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden}.sidebar{height:100%;display:flex;flex-direction:column;padding:1rem .75rem}.sidebar-user{display:flex;align-items:center;gap:10px;padding:.75rem .75rem 1rem;border-bottom:1px solid var(--border);margin-bottom:.75rem}.sidebar-user img{border-radius:50%;border:2px solid var(--border-bright)}.sidebar-user .user-name{font-weight:600;font-size:.875rem;color:var(--text-primary);line-height:1.2}.sidebar-user .user-role{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:1px 7px;border-radius:20px;display:inline-block;margin-top:2px}.sidebar-section-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:.75rem .75rem .25rem}.sidebar-link{color:var(--text-secondary);text-decoration:none;padding:.55rem .75rem;display:flex;align-items:center;gap:10px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;transition:all .15s;margin-bottom:2px;position:relative}.sidebar-link i{font-size:1rem;width:18px;text-align:center;flex-shrink:0;opacity:.7;transition:opacity .15s}.sidebar-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.sidebar-link:hover i{opacity:1}.sidebar-link.active{background:var(--accent-soft);color:var(--accent-hover)}.sidebar-link.active i{opacity:1;color:var(--accent)}.sidebar-link.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--accent);border-radius:0 3px 3px 0;box-shadow:0 0 8px var(--accent)}.dashboard-layout{min-height:100vh;display:flex;flex-direction:column}.dashboard-container{display:flex;flex:1 1;margin-top:var(--navbar-h)}.main-content{flex:1 1;margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));transition:margin-left .3s ease,width .3s ease;padding:2rem;min-height:calc(100vh - var(--navbar-h))}.sidebar-backdrop{position:fixed;top:var(--navbar-h);left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1025;display:none}@media (max-width:991.98px){.sidebar-wrapper{transform:translateX(-100%)}.sidebar-wrapper.show{transform:translateX(0);box-shadow:var(--shadow-lg)}.sidebar-backdrop{display:block}.main-content{margin-left:0;width:100%;padding:1rem}}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);overflow:hidden}.card-header{background:transparent;border-bottom:1px solid var(--border);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.card-header h5,.card-header h6{font-weight:700;font-size:.9rem;letter-spacing:-.01em;margin:0}.card-body{padding:1.25rem}.card-footer{background:transparent;border-top:1px solid var(--border);padding:1rem 1.25rem}.stat-card{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card .stat-icon{width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.stat-card .stat-value{font-size:2rem;font-weight:800;letter-spacing:-.04em;line-height:1}.stat-card .stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.stat-card:after{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;border-radius:50%;opacity:.06}.stat-card.blue:after{background:var(--accent)}.stat-card.green:after{background:var(--success)}.stat-card.yellow:after{background:var(--warning)}.stat-card.red:after{background:var(--danger)}.table{color:var(--text-primary);margin:0;font-size:.875rem}.table thead th{background:transparent;border-bottom:1px solid var(--border-bright);color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.875rem 1rem;white-space:nowrap}.table td{border-bottom:1px solid var(--border);padding:.875rem 1rem;vertical-align:middle;color:var(--text-secondary)}.table td .fw-medium,.table td strong{color:var(--text-primary)}.table-hover tbody tr:hover td{background:var(--bg-overlay);color:var(--text-primary)}.table-responsive{border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden}.form-control,.form-select{background:var(--bg-overlay);border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--text-primary);padding:.6rem .875rem;font-size:.875rem;font-family:var(--font-body);transition:border-color .2s,box-shadow .2s}.form-control:focus,.form-select:focus{background:var(--bg-overlay);border-color:var(--accent);color:var(--text-primary);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-control::placeholder{color:var(--text-muted)}.form-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.4rem;letter-spacing:.01em}.form-text{font-size:.75rem;color:var(--text-muted);margin-top:.3rem}.form-select option{background:var(--bg-elevated);color:var(--text-primary)}textarea.form-control{resize:vertical;min-height:90px}.input-group-text{background:var(--bg-overlay);border:1px solid var(--border-bright);color:var(--text-muted);font-size:.875rem}.btn{font-family:var(--font-body);font-weight:600;font-size:.85rem;border-radius:var(--radius);padding:.5rem 1rem;transition:all .18s;letter-spacing:.01em;border:1px solid transparent;display:inline-flex;align-items:center;gap:6px}.btn-sm{font-size:.78rem;padding:.35rem .75rem;border-radius:var(--radius-sm)}.btn-lg{font-size:.95rem;padding:.7rem 1.5rem}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:active{transform:translateY(0)}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-success:hover{background:#0ea574;border-color:#0ea574;color:#fff;transform:translateY(-1px)}.btn-warning{background:var(--warning);border-color:var(--warning);color:#0a0c10}.btn-warning:hover{background:#fbbf24;border-color:#fbbf24;transform:translateY(-1px)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:#f87171;border-color:#f87171;color:#fff;transform:translateY(-1px)}.btn-info{background:var(--info);border-color:var(--info);color:#0a0c10}.btn-info:hover{background:#22d3ee;border-color:#22d3ee;transform:translateY(-1px)}.btn-secondary{background:var(--bg-overlay);border-color:var(--border-bright);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-bright);color:var(--text-primary)}.btn-outline-primary{color:var(--accent);border-color:var(--accent);background:transparent}.btn-outline-primary:hover{background:var(--accent-soft);color:var(--accent-hover);border-color:var(--accent-hover)}.btn-outline-success{color:var(--success);border-color:var(--success);background:transparent}.btn-outline-success:hover{background:var(--success-soft);color:var(--success)}.btn-outline-warning{color:var(--warning);border-color:var(--warning);background:transparent}.btn-outline-warning:hover{background:var(--warning-soft);color:var(--warning)}.btn-outline-danger{color:var(--danger);border-color:var(--danger);background:transparent}.btn-outline-danger:hover{background:var(--danger-soft);color:var(--danger)}.btn-outline-info{color:var(--info);border-color:var(--info);background:transparent}.btn-outline-info:hover{background:var(--info-soft);color:var(--info)}.btn-outline-secondary{color:var(--text-secondary);border-color:var(--border-bright);background:transparent}.btn-outline-secondary:hover{background:var(--bg-overlay);color:var(--text-primary);border-color:var(--border-bright)}.btn-link{color:var(--accent);text-decoration:none;background:transparent;border:none;padding:0;font-weight:500}.btn-link:hover{color:var(--accent-hover);text-decoration:underline}.btn-close{filter:invert(1) opacity(.6)}.btn-close:hover{filter:invert(1) opacity(1)}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius) 0 0 var(--radius)}.btn-group .btn:last-child{border-radius:0 var(--radius) var(--radius) 0}.btn-group-sm .btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.btn-group-sm .btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.badge{font-family:var(--font-body);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.3em .65em;border-radius:20px}.bg-primary{background:var(--accent-soft)!important;color:var(--accent-hover)!important;border:1px solid rgba(37,99,235,.25)}.bg-success{background:var(--success-soft)!important;color:var(--success)!important;border:1px solid rgba(16,185,129,.25)}.bg-warning{background:var(--warning-soft)!important;color:var(--warning)!important;border:1px solid rgba(245,158,11,.25)}.bg-danger{background:var(--danger-soft)!important;color:var(--danger)!important;border:1px solid rgba(239,68,68,.25)}.bg-info{background:var(--info-soft)!important;color:var(--info)!important;border:1px solid rgba(6,182,212,.25)}.bg-secondary{background:hsla(0,0%,100%,.07)!important;border:1px solid var(--border)}.bg-dark,.bg-secondary{color:var(--text-secondary)!important}.bg-dark{background:var(--bg-overlay)!important}.text-dark{color:var(--text-primary)!important}.alert{border-radius:var(--radius);font-size:.875rem;padding:.875rem 1rem;border-width:1px}.alert-info{background:var(--info-soft);border-color:rgba(6,182,212,.25);color:var(--info)}.alert-success{background:var(--success-soft);border-color:rgba(16,185,129,.25);color:var(--success)}.alert-warning{background:var(--warning-soft);border-color:rgba(245,158,11,.25);color:var(--warning)}.alert-danger{background:var(--danger-soft);border-color:rgba(239,68,68,.25);color:var(--danger)}.alert-dismissible .btn-close{padding:1rem}.dropdown-menu{background:var(--bg-elevated);border:1px solid var(--border-bright);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.4rem;font-size:.875rem}.dropdown-item{color:var(--text-secondary);border-radius:var(--radius-sm);padding:.5rem .75rem;font-weight:500;transition:all .15s;display:flex;align-items:center;gap:8px}.dropdown-item:focus,.dropdown-item:hover{background:var(--bg-overlay);color:var(--text-primary)}.dropdown-divider{border-color:var(--border);margin:.3rem 0}.modal-content{background:var(--bg-elevated);border:1px solid var(--border-bright);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--text-primary)}.modal-header{border-bottom:1px solid var(--border);padding:1.25rem 1.5rem}.modal-title{font-weight:700;font-size:1rem}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border);padding:1rem 1.5rem;gap:.5rem}.list-group-item{background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text-secondary);padding:.875rem 1.25rem;font-size:.875rem;transition:background .15s}.list-group-item:last-child{border-bottom:none}.list-group-item-action:hover{background:var(--bg-overlay);color:var(--text-primary)}.list-group-flush{border-radius:0}.nav-tabs{border-bottom:1px solid var(--border);gap:4px}.nav-tabs .nav-link{color:var(--text-muted);border:none;border-bottom:2px solid transparent;padding:.6rem 1rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all .2s}.nav-tabs .nav-link:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav-tabs .nav-link.active{color:var(--accent);border-bottom-color:var(--accent);background:transparent}.spinner-border{color:var(--accent)!important}.spinner-border-sm{width:1rem;height:1rem;border-width:.15em}.text-muted{color:var(--text-muted)!important}.text-primary{color:var(--accent)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-danger{color:var(--danger)!important}.text-info{color:var(--info)!important}.text-secondary{color:var(--text-secondary)!important}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.75rem}.page-header .h3,.page-header h1{font-size:1.4rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);margin:0}.page-title-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:2px}.font-mono,code{font-family:var(--font-mono);background:var(--bg-overlay);padding:2px 6px;border-radius:4px;font-size:.83em;color:var(--info);border:1px solid var(--border)}hr{border-color:var(--border);opacity:1}.rounded-pill{border-radius:50rem!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-overlay);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}.bg-success-soft{background:var(--success-soft)!important}.bg-warning-soft{background:var(--warning-soft)!important}.bg-danger-soft{background:var(--danger-soft)!important}.bg-info-soft{background:var(--info-soft)!important}.bg-accent-soft{background:var(--accent-soft)!important}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-overlay) 50%,var(--bg-elevated) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.table-light th{background:var(--bg-elevated)!important}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:none}.form-control:focus-visible{outline:none}.bg-filter-tag{border:1px solid var(--border-bright)!important}.bg-filter-tag,.bg-icon-circle{background:var(--bg-overlay)!important;color:var(--text-secondary)!important}.bg-icon-circle{border:1px solid var(--border)}.bg-icon-circle i{color:inherit!important}.page-link{background:var(--bg-elevated);color:var(--text-secondary);font-size:.825rem;padding:.4rem .75rem;transition:all .15s}.page-link,.page-link:hover{border-color:var(--border-bright)}.page-link:hover{background:var(--bg-overlay);color:var(--text-primary)}.page-item.active .page-link{background:var(--accent);border-color:var(--accent);color:#fff}.page-item.disabled .page-link{background:var(--bg-surface);color:var(--text-muted);border-color:var(--border)}.filter-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1.25rem}.filter-toolbar .form-select{max-width:180px}.table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.table th.sortable:hover{color:var(--text-primary)}.chat-message{color:var(--text-primary)!important}.chat-message.sent .bubble{background:var(--accent-soft);border:1px solid rgba(37,99,235,.2)}.chat-message.received .bubble{background:var(--bg-overlay);border:1px solid var(--border)}.card.info-card{background:var(--bg-overlay);border:1px solid var(--border-bright)}.stat-card .bg-light{background:var(--bg-overlay)!important}.profile-avatar-circle{background:var(--accent-soft)!important;color:var(--accent)!important;border:2px solid var(--border-bright)}.powered-by{display:flex;align-items:center;justify-content:center;gap:5px;font-size:.65rem;color:var(--text-muted);font-weight:500;letter-spacing:.03em;padding:4px 0}.powered-by a{color:var(--accent);text-decoration:none;font-weight:700;transition:color .15s}.powered-by a:hover{color:var(--accent-hover)}.powered-by-dot{width:4px;height:4px;background:var(--accent);border-radius:50%;display:inline-block}