:root{--bg-color: #050505;--bg-gradient: radial-gradient(circle at 15% 50%, rgba(99, 102, 241, .08), transparent 25vw), radial-gradient(circle at 85% 30%, rgba(16, 185, 129, .08), transparent 25vw), #0B0E14;--surface: rgba(255, 255, 255, .02);--surface-hover: rgba(255, 255, 255, .04);--surface-active: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--text-main: #FFFFFF;--text-muted: #94A3B8;--text-disabled: #475569;--primary: #6366F1;--cursor-aura-rgb: 99, 102, 241;--primary-glow: rgba(99, 102, 241, .3);--success: #10B981;--success-glow: rgba(16, 185, 129, .3);--warning: #F59E0B;--danger: #EF4444;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px var(--primary-glow);--shadow-success: 0 0 20px var(--success-glow);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-display: "Inter", "Avenir Next", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--header-height: 70px;--sidebar-width: 280px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:var(--font-body);background-color:var(--bg-color);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2}h1{font-size:clamp(2rem,3vw,2.75rem);letter-spacing:-.02em}h2{font-size:clamp(1.5rem,2vw,1.875rem);letter-spacing:-.01em}h3{font-size:1.25rem}p{line-height:1.6;color:var(--text-muted)}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{filter:brightness(1.2)}button,input,textarea,select{font-family:inherit;color:inherit;border:none;background:none;outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #10b98133}50%{box-shadow:0 0 25px #10b98199}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}@keyframes loadingPulse{0%{opacity:1}40%{opacity:.55}to{opacity:1}}.btn.is-loading{opacity:.75;pointer-events:none;animation:loadingPulse 1.2s ease-in-out infinite}.mobile-menu-btn{display:none;position:fixed;top:14px;left:14px;z-index:200;width:40px;height:40px;border-radius:var(--radius-md);background:#0b0e14d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}.mobile-menu-btn span{display:block;width:18px;height:2px;background:var(--text-main);border-radius:2px;transition:all .25s ease}.mobile-menu-btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:49;background:#00000080;backdrop-filter:blur(2px);opacity:0;transition:opacity .25s ease}.sidebar-overlay.visible{opacity:1}.shell-wrapper{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);height:100%;background:#0b0e1499;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem 1rem;z-index:50;transition:var(--transition)}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:0 .5rem 2rem}.brand-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),#8B5CF6);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:#fff;box-shadow:var(--shadow-glow)}.brand-name{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.5px}.brand-name span{color:var(--primary)}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.sidebar-empty{margin-top:.5rem;border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:.75rem;color:var(--text-muted);font-size:.78rem;text-align:center}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-md);color:var(--text-muted);font-weight:500;font-size:.95rem;transition:var(--transition);border:1px solid transparent}.nav-item svg{width:20px;height:20px;stroke-width:2;transition:var(--transition)}.nav-item:hover{background:var(--surface-hover);color:var(--text-main)}.nav-item.active{background:linear-gradient(90deg,rgba(99,102,241,.1),transparent);border-color:#6366f133;color:var(--text-main)}.nav-item.active svg{color:var(--primary);filter:drop-shadow(0 0 5px var(--primary-glow))}.sidebar-footer{padding-top:1rem;border-top:1px solid var(--border);display:flex;align-items:flex-start;gap:1rem}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,#3b82f6,#10b981);display:flex;align-items:center;justify-content:center;font-weight:600}.user-info h4{font-size:.9rem;margin-bottom:.1rem}.user-info p{font-size:.75rem;font-family:var(--font-body)}.user-info{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.user-info small{font-size:.72rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-form{margin-top:.45rem}.logout-btn{width:100%;justify-content:center;padding:.56rem .7rem;font-size:.8rem}.main-content{flex:1;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:relative}.top-header{height:var(--header-height);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#0b0e1466;backdrop-filter:blur(12px);position:sticky;top:0;z-index:40}.header-title{display:flex;align-items:center;gap:1rem}.header-title h2{font-size:1.25rem;font-weight:600}.badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.badge-primary{background:#6366f11a;color:var(--primary);border:1px solid rgba(99,102,241,.2)}.header-actions{display:flex;align-items:center;gap:1rem}.icon-btn{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:var(--transition)}.icon-btn:hover{background:var(--surface-hover);color:var(--text-main);border-color:var(--border-strong)}.page-container{padding:2rem;max-width:1600px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:1.5rem}@supports (content-visibility: auto){.page-container>*{content-visibility:auto;contain-intrinsic-size:320px}}.glass-panel{background:#14182266;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:var(--transition)}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.panel-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.panel-title{font-size:1.1rem;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:.5rem}.panel-title svg{color:var(--primary);width:18px;height:18px}.panel-body{padding:1.5rem}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);font-family:var(--font-body)}.btn-primary{background:linear-gradient(135deg,var(--primary),#4F46E5);color:#fff;box-shadow:0 4px 12px #6366f140;border:1px solid rgba(255,255,255,.1)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.btn-success{background:linear-gradient(135deg,var(--success),#059669);color:#fff;box-shadow:0 4px 12px #10b98140;border:1px solid rgba(255,255,255,.1)}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-ghost{background:var(--surface);color:var(--text-main);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn-danger{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444433;border-color:#ef44444d}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--text-muted)}.form-input{width:100%;padding:.875rem 1rem;background:#0003;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-main);font-size:.95rem;transition:var(--transition)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126;background:#0000004d}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:var(--transition)}.metric-card:hover{background:var(--surface-hover);transform:translateY(-2px);border-color:var(--border-strong)}.metric-icon{width:54px;height:54px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.metric-icon.primary{background:#6366f11a;color:var(--primary);border:1px solid rgba(99,102,241,.2)}.metric-icon.success{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.metric-icon.warning{background:#f59e0b1a;color:var(--warning);border:1px solid rgba(245,158,11,.2)}.metric-icon svg{width:24px;height:24px}.metric-info h4{font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem;font-family:var(--font-body)}.metric-info .value{font-size:1.75rem;font-weight:700;font-family:var(--font-display);color:var(--text-main)}.kanban-board{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;height:calc(100vh - 200px)}.kanban-column{min-width:320px;width:320px;background:#0f141c66;border-radius:var(--radius-lg);border:1px solid var(--border);display:flex;flex-direction:column;max-height:100%}.kanban-col-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-weight:600}.col-count{background:var(--surface);padding:.1rem .5rem;border-radius:var(--radius-full);font-size:.75rem;color:var(--text-muted)}.kanban-cards{padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;flex:1}.kanban-card{background:#191e2899;border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;cursor:grab;transition:var(--transition)}.kanban-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.k-card-title{font-weight:600;margin-bottom:.5rem;font-size:.95rem}.k-card-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.k-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--border);padding-top:.75rem}.k-tag{font-size:.7rem;padding:.2rem .5rem;border-radius:var(--radius-sm);background:#6366f126;color:#818cf8}.inbox-container{display:flex;height:calc(100vh - 120px);background:#0f141c66;backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.chat-sidebar{width:320px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:#0003}.chat-search{padding:1rem;border-bottom:1px solid var(--border)}.chat-search input{width:100%;background:var(--surface);border:1px solid var(--border);padding:.75rem 1rem;border-radius:var(--radius-full);color:var(--text-main)}.chat-list{flex:1;overflow-y:auto}.chat-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition)}.chat-item:hover,.chat-item.active{background:var(--surface-hover)}.chat-item.active{border-left:3px solid var(--primary)}.chat-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--surface);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-muted);flex-shrink:0}.chat-details{flex:1;min-width:0}.chat-head-row{display:flex;justify-content:space-between;margin-bottom:.25rem}.chat-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-time{font-size:.75rem;color:var(--text-muted)}.chat-msg-preview{font-size:.85rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-window{flex:1;display:flex;flex-direction:column;background:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2" r="1" fill="rgba(255,255,255,0.03)"/></svg>')}.chat-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:#0b0e1499;backdrop-filter:blur(10px)}.chat-messages{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.msg-bubble{max-width:70%;padding:.75rem 1rem;border-radius:16px;position:relative;font-size:.95rem;line-height:1.4}.msg-received{background:var(--surface);border:1px solid var(--border);align-self:flex-start;border-bottom-left-radius:4px}.msg-sent{background:var(--primary);color:#fff;align-self:flex-end;border-bottom-right-radius:4px;box-shadow:0 4px 10px #6366f133}.chat-input-area{padding:1rem 1.5rem;border-top:1px solid var(--border);background:#0b0e14cc;display:flex;gap:1rem;align-items:center}.chat-input-area input{flex:1;background:var(--surface);border:1px solid var(--border);padding:.875rem 1.25rem;border-radius:var(--radius-full);color:#fff}.chat-input-area input:focus{border-color:var(--primary);background:#0000004d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:1024px){.top-header{padding:0 1.25rem}.page-container{padding:1.25rem;gap:1.1rem}.metric-card{padding:1.1rem;gap:1rem}.kanban-column{min-width:280px;width:280px}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mobile-menu-btn{display:flex}.sidebar-overlay{display:block}.shell-wrapper{flex-direction:column}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:100;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--border);border-bottom:none}.sidebar.open{transform:translate(0)}.sidebar-header{padding-bottom:1.5rem}.sidebar-nav{flex-direction:column;gap:.35rem}.sidebar-footer{display:flex}.nav-item span{display:inline}.nav-item{padding:.75rem 1rem}.top-header{padding-left:60px;padding-right:.9rem;height:64px}.header-title{min-width:0}.header-title h2{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58vw}.header-title .badge{display:none}.header-actions{gap:.55rem}.icon-btn{width:34px;height:34px}.page-container{padding:1rem .85rem 1.25rem;gap:.9rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.inbox-container{flex-direction:column}.chat-sidebar{width:100%;height:240px;border-right:none;border-bottom:1px solid var(--border)}.chat-messages{padding:1rem}.chat-input-area{padding:.75rem;gap:.65rem}.msg-bubble{max-width:86%}}@media(max-width:480px){.mobile-menu-btn{top:calc(env(safe-area-inset-top,0px) + 10px);left:10px}.top-header{padding-left:56px}.header-title h2{max-width:52vw}.panel-header,.panel-body{padding:1rem}}