:root{--bg-primary: #0F1115;--bg-secondary: #161A22;--bg-tertiary: #1E232D;--bg-glass: rgba(22, 26, 34, .65);--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--accent-primary: #6366F1;--accent-primary-hover: #4F46E5;--accent-secondary: #10B981;--accent-danger: #EF4444;--accent-warning: #F59E0B;--accent-info: #3B82F6;--border-color: #2D3748;--border-glass: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .25);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .37);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15% 50%,rgba(99,102,241,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(16,185,129,.05),transparent 25%);background-attachment:fixed;min-height:100vh}a{color:var(--accent-info);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-primary)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-gradient{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,var(--accent-primary),#A855F7)}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width var(--transition-normal);z-index:10}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.header{height:72px;padding:0 2rem;border-bottom:1px solid var(--border-color);background:#0f1115cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;display:flex;align-items:center;justify-content:space-between}.content-area{flex:1;overflow-y:auto;padding:2rem}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;letter-spacing:-.025em}h1{font-size:2.25rem;line-height:2.5rem}h2{font-size:1.875rem;line-height:2.25rem}h3{font-size:1.5rem;line-height:2rem}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){.app-container{flex-direction:column;height:100vh;overflow:hidden}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;height:100vh;transform:translate(-100%);z-index:100;box-shadow:10px 0 30px #0009;transition:transform var(--transition-normal)}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99}.mobile-close-btn,.mobile-menu-btn{display:flex!important}.header{padding:0 1rem;height:60px}.content-area{padding:1rem}.hide-mobile{display:none!important}.dashboard-row,.timesheet-row,.reports-row{grid-template-columns:1fr!important}.kanban-board{display:flex!important;overflow-x:auto!important;gap:1rem!important;padding-bottom:1rem;-webkit-overflow-scrolling:touch}.kanban-column{min-width:280px!important;max-width:280px!important;max-height:calc(100vh - 180px)!important}div[style*=gridTemplateColumns]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}.team-member-card{padding:1rem!important}.member-card-header{align-items:flex-start!important;position:relative!important}.member-actions{position:absolute!important;top:0;right:0;flex-direction:row!important;gap:.75rem!important}.member-info h3{padding-right:3.5rem}.mobile-bottom-nav{display:flex!important}.content-area{padding-bottom:5rem!important}}.notif-bell-btn{position:relative;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.notif-bell-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;background:var(--accent-danger);color:#fff;font-size:.6rem;font-weight:700;border-radius:9999px;display:flex;align-items:center;justify-content:center;padding:0 3px;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.notif-dropdown{position:absolute;top:calc(100% + .75rem);right:0;width:360px;max-width:90vw;background:#1a1f2e;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000080;z-index:1000;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-item{padding:.875rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;gap:.75rem;align-items:flex-start;transition:background var(--transition-fast);cursor:default}.notif-item:hover{background:#ffffff0a}.notif-item:last-child{border-bottom:none}.dnd-drag-overlay{box-shadow:0 20px 40px #00000080!important;transform:rotate(2deg) scale(1.03);border:2px solid var(--accent-primary)!important;cursor:grabbing!important}.kanban-column-over{border-color:#6366f199!important;background:#6366f10f!important}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:#161a22f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-glass);z-index:100;align-items:center;justify-content:space-around;padding:0 .5rem}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:.2rem;color:var(--text-muted);font-size:.65rem;padding:.4rem .75rem;border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.mobile-bottom-nav a.active,.mobile-bottom-nav a:hover{color:var(--accent-primary);background:#6366f11a}@media print{.sidebar,.header,.mobile-bottom-nav,button,select,input{display:none!important}.main-content{margin:0!important;padding:0!important}.content-area{padding:1cm!important}.glass-panel{background:#fff!important;color:#000!important;border:1px solid #ccc!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body{background:#fff!important;color:#000!important}.text-gradient{color:#333!important;background:none!important;-webkit-text-fill-color:#333!important}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}