@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700;800&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--blue-950: #172554;--blue-900: #1e3a8a;--blue-800: #1e40af;--blue-700: #1d4ed8;--blue-600: #2563eb;--blue-500: #3b82f6;--blue-400: #60a5fa;--blue-300: #93c5fd;--blue-200: #bfdbfe;--blue-100: #dbeafe;--bg-main: linear-gradient(135deg, #f0f6ff 0%, #e0f2fe 50%, #f8fafc 100%);--text-main: #020617;--text-muted: #1e293b;--text-faint: #334155;--danger: #ef4444;--glass-blur: blur(32px) saturate(200%);--shadow-glass: 0 16px 40px rgba(15, 23, 42, .08), inset 0 2px 6px rgba(255, 255, 255, 1);--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-display: "Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--bg-main);color:var(--text-main);min-height:100vh}.login-container{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.bg-blob{position:absolute;border-radius:50%;z-index:0;animation:float 18s infinite ease-in-out alternate;filter:blur(80px);opacity:.6}.blob-1{width:450px;height:450px;background:radial-gradient(circle,var(--blue-400),var(--blue-600));top:-100px;left:-100px;animation-delay:0s}.blob-2{width:500px;height:500px;background:radial-gradient(circle,#8b5cf6,var(--blue-800));bottom:-150px;right:-100px;animation-delay:-5s}.blob-3{width:300px;height:300px;background:radial-gradient(circle,#38bdf8,var(--blue-300));top:40%;left:20%;opacity:.4;animation:float-slow 20s infinite ease-in-out alternate-reverse}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-60px) scale(1.1)}}@keyframes float-slow{0%{transform:translate(0) scale(1)}to{transform:translate(-30px,40px) scale(1.15)}}.login-header{display:flex;justify-content:space-between;align-items:center;padding:2.5rem 4rem;position:relative;z-index:10}.logo{font-family:var(--font-display);font-weight:800;font-size:2.2rem;letter-spacing:-.04em;background:linear-gradient(135deg,var(--blue-950) 0%,var(--blue-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-actions{display:flex;align-items:center;gap:2rem}.header-link{text-decoration:none;color:var(--text-faint);font-weight:700;font-size:1rem;transition:color .3s;display:flex;align-items:center;gap:.5rem}.header-link:hover{color:var(--blue-800)}.btn-demo{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--blue-200);padding:.8rem 1.8rem;border-radius:999px;text-decoration:none;color:var(--blue-900);font-weight:800;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 12px #2563eb1a}.btn-demo:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #2563eb26}.login-content{flex:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:10;padding:2rem}.login-card{background:#ffffffb3;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:4rem 3.5rem;border-radius:32px;box-shadow:var(--shadow-glass);width:100%;max-width:540px;text-align:center;position:relative;border:2px solid rgba(255,255,255,1)}.login-title{font-family:var(--font-display);font-size:2.8rem;font-weight:800;margin:0 0 .5rem;letter-spacing:-.04em;color:var(--blue-950)}.login-subtitle{color:var(--text-faint);margin-bottom:2.5rem;font-size:1.1rem;font-weight:600}.form-group{margin-bottom:1.5rem;text-align:left}.input-wrapper{position:relative;display:flex;align-items:center}.form-input{width:100%;padding:1.25rem 1.25rem 1.25rem 3.5rem;border:2px solid var(--blue-200);border-radius:16px;font-size:1.05rem;font-weight:600;background:#fffffff2;color:var(--text-main);transition:all .3s ease;font-family:var(--font-body);box-shadow:inset 0 2px 4px #00000005}.form-input::placeholder{color:#94a3b8;font-weight:500}.form-input:focus{outline:none;border-color:var(--blue-600);background:#fff;box-shadow:0 0 0 4px #3b82f626,inset 0 2px 4px #00000005}.field-icon{position:absolute;left:1.25rem;color:#94a3b8;width:22px;height:22px;transition:color .3s;z-index:2}.form-input:focus~.field-icon,.form-input:not(:placeholder-shown)~.field-icon{color:var(--blue-600)}.toggle-password{position:absolute;right:1.25rem;background:none;border:none;cursor:pointer;color:#94a3b8;padding:0;display:flex;align-items:center;transition:transform .2s,color .2s;z-index:2}.toggle-password:hover{color:var(--blue-800);transform:scale(1.1)}.error-message{background:#fee2e2;color:var(--danger);padding:1rem;border:2px solid #fca5a5;border-radius:12px;margin-bottom:1.5rem;font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:.75rem}.actions-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:.95rem;font-weight:700}.remember-me{display:flex;align-items:center;gap:.75rem;color:var(--text-faint);cursor:pointer}.remember-me input{appearance:none;width:22px;height:22px;border-radius:6px;background:#fff;border:2px solid var(--blue-200);cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;transition:all .2s}.remember-me input:checked{background:var(--blue-600);border-color:var(--blue-600)}.remember-me input:checked:after{content:"✓";color:#fff;font-weight:700;font-size:14px}.trouble-link{color:var(--blue-700);font-weight:800;text-decoration:none;transition:opacity .2s}.trouble-link:hover{opacity:.8}.btn-signin{width:100%;background:linear-gradient(135deg,var(--blue-700) 0%,var(--blue-600) 100%);border:none;padding:1.25rem;border-radius:16px;font-size:1.2rem;font-weight:800;cursor:pointer;color:#fff;transition:all .3s ease;display:flex;justify-content:center;align-items:center;letter-spacing:.02em;font-family:var(--font-display);box-shadow:0 8px 24px #1d4ed84d}.btn-signin:hover{transform:translateY(-3px);box-shadow:0 12px 32px #1d4ed873}.btn-signin:active{transform:translateY(0)}.btn-signin:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-footer{text-align:center;padding:2rem;font-size:.95rem;color:var(--text-faint);font-weight:600;position:relative;z-index:10}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-left-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.login-header{padding:1.5rem 2rem}.header-actions{display:none}.login-card{padding:2.5rem 2rem}}:root{--blue-950: #172554;--blue-900: #1e3a8a;--blue-800: #1e40af;--blue-700: #1d4ed8;--blue-600: #2563eb;--blue-500: #3b82f6;--blue-400: #60a5fa;--blue-100: #dbeafe;--blue-50: #eff6ff;--glass-panel: rgba(255, 255, 255, .25);--glass-blur: blur(40px) saturate(200%);--glass-highlight: rgba(255, 255, 255, .8);--font-body: "Plus Jakarta Sans", "Outfit", sans-serif;--font-display: "Space Grotesk", "Outfit", sans-serif}.dashboard-container{display:flex;min-height:100vh;font-family:var(--font-body);background:linear-gradient(135deg,#eef5ff,#f0f8ff,#e0f2fe);position:relative;overflow:hidden}.sidebar{width:260px;background:linear-gradient(180deg,#fff6,#ffffff26);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid rgba(255,255,255,.5);display:flex;flex-direction:column;position:fixed;height:100vh;transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:100;box-shadow:12px 0 40px #0f172a0d,inset 1px 0 2px #fffc}.sidebar-header{padding:2.2rem 1.75rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.3);position:relative}.sidebar-header:after{content:"";position:absolute;bottom:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,1),transparent)}.sidebar-brand{font-family:var(--font-display);font-size:1.8rem;font-weight:800;display:flex;align-items:center;gap:.5rem;letter-spacing:-.04em;background:linear-gradient(135deg,var(--blue-950) 0%,var(--blue-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{flex:1;padding:2rem 1.25rem;overflow-y:auto}.nav-section{margin-bottom:2rem}.nav-section-title{font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--blue-800);margin-bottom:1.2rem;padding-left:.5rem;font-weight:800;opacity:.8}.nav-item{display:flex;align-items:center;padding:.85rem 1rem;color:var(--text-muted, #475569);text-decoration:none;border-radius:16px;margin-bottom:.4rem;transition:all .4s cubic-bezier(.16,1,.3,1);font-weight:600;font-size:.95rem;position:relative;border:1px solid transparent;background:transparent}.nav-item:hover{background:#ffffff80;color:var(--blue-900);transform:translate(4px);border-color:#fffc;box-shadow:0 4px 12px #2563eb0d,inset 0 2px 4px #fff9}.nav-item.active{background:linear-gradient(135deg,#ffffffd9,#fff6);color:var(--blue-800);font-weight:700;border:1px solid rgba(255,255,255,1);border-bottom-color:#ffffff80;border-right-color:#ffffff80;box-shadow:0 8px 24px #2563eb26,inset 0 2px 4px #fff;transform:translateY(-1px)}.nav-item.active:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);height:60%;width:4px;background:linear-gradient(180deg,var(--blue-400),var(--blue-600));border-radius:4px;box-shadow:0 0 10px #3b82f699}.nav-icon{width:22px;height:22px;margin-right:1rem;opacity:.7;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.nav-item:hover .nav-icon{opacity:1;color:var(--blue-600);transform:scale(1.1)}.nav-item.active .nav-icon{opacity:1;color:var(--blue-600);filter:drop-shadow(0 2px 4px rgba(37,99,235,.3))}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.4);background:linear-gradient(0deg,rgba(255,255,255,.5) 0%,transparent 100%)}.user-profile{display:flex;align-items:center;gap:.8rem;padding:.85rem;border-radius:20px;background:#ffffff80;border:1px solid rgba(255,255,255,.9);margin-bottom:1.25rem;box-shadow:0 8px 24px #2563eb0d,inset 0 2px 4px #fffc;transition:all .4s cubic-bezier(.16,1,.3,1)}.user-profile:hover{background:#fffc;transform:translateY(-2px);box-shadow:0 12px 32px #2563eb1a,inset 0 2px 4px #fff}.user-avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--blue-400) 0%,var(--blue-600) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;color:#fff;font-size:1.1rem;box-shadow:0 4px 12px #2563eb4d;border:2px solid #fff}.user-info{flex:1;overflow:hidden}.user-name{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--blue-950);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.1rem;letter-spacing:-.02em}.user-role{font-size:.72rem;color:var(--blue-600);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.btn-logout{width:100%;padding:.9rem;background:#fee2e299;border:1px solid rgba(254,202,202,.9);border-radius:16px;color:#dc2626;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-body);box-shadow:inset 0 2px 4px #ffffff80,0 4px 12px #dc26260d}.btn-logout:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c;box-shadow:0 8px 24px #dc262626,inset 0 2px 4px #fffc;transform:translateY(-2px)}.btn-logout:active{transform:translateY(0)}.main-content{flex:1;margin-left:260px;padding:0;transition:margin-left .4s cubic-bezier(.16,1,.3,1);min-height:100vh;background-color:transparent;position:relative;z-index:1}.mobile-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:101;background:#fff9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);color:var(--blue-900);padding:.6rem;border-radius:12px;box-shadow:0 8px 24px #2563eb1a,inset 0 2px 4px #ffffff80;cursor:pointer;transition:all .3s ease}.mobile-toggle:hover{background:#ffffffe6;transform:scale(1.05) translateY(-2px)}@media(max-width:992px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:30px 0 60px #0f172a26}.main-content{margin-left:0}.mobile-toggle{display:block}.overlay{display:none;position:fixed;inset:0;background:#0f172a4d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:90;opacity:0;transition:opacity .3s ease}.overlay.open{display:block;opacity:1}}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#60a5fa66;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#3b82f699}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulseDot{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 8px #ef444400}}.manager-dash-root{min-height:calc(100vh - 60px);background:linear-gradient(135deg,#f0f6ff,#e0f2fe,#f8fafc);padding:2.5rem 3rem 4rem;font-family:var(--font-body);color:var(--text-main);position:relative;overflow-x:hidden;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}.dash-orb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;opacity:.6;animation:floatOrb 22s infinite alternate ease-in-out}.dash-orb-1{width:480px;height:480px;background:radial-gradient(circle,var(--blue-300),transparent 70%);top:-80px;right:-80px}.dash-orb-2{width:400px;height:400px;background:radial-gradient(circle,#a5f3fc,transparent 70%);bottom:-80px;left:-80px;animation-delay:-7s}.hero-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1rem;position:relative;z-index:2}.hero-content{display:flex;justify-content:space-between;align-items:flex-end;width:100%;flex-wrap:wrap;gap:1rem}.hero-greeting{font-family:var(--font-display);font-size:3.2rem;font-weight:800;background:linear-gradient(135deg,var(--blue-950) 0%,var(--blue-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .5rem;letter-spacing:-.04em;line-height:1.1}.hero-sub{color:var(--blue-800);font-size:1.1rem;margin:0;font-weight:800}.hero-date-block{text-align:right;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.hero-date{font-size:1.1rem;color:var(--blue-900);font-weight:800}.live-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:2px solid #fecaca;color:#dc2626;font-size:.8rem;font-weight:800;letter-spacing:.1em;padding:.4rem 1rem;border-radius:999px;box-shadow:0 4px 12px #ef444426}.live-dot{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:pulseDot 2s ease infinite}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;position:relative;z-index:2}@media(max-width:1400px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:var(--glass-bg);border:2px solid var(--blue-100);border-radius:20px;padding:1.5rem;color:var(--text-main);cursor:default;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;animation:fadeInScale .5s ease both;box-shadow:var(--shadow-glass);display:flex;flex-direction:column}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glass-hover);background:var(--glass-bg-heavy);border-color:var(--blue-200)}.kpi-icon{font-size:2rem;margin-bottom:.5rem}.kpi-number{font-family:var(--font-display);font-size:2.8rem;font-weight:800;letter-spacing:-.05em;line-height:1;margin-bottom:.4rem;color:var(--blue-900)}.kpi-title{font-size:.85rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.charts-bento{display:grid;grid-template-columns:2fr 1fr;grid-template-areas:"emp    donut" "dept   activity" "trend  roles" "leader expense";gap:1.5rem;position:relative;z-index:2}@media(max-width:1100px){.charts-bento{grid-template-columns:1fr;grid-template-areas:"emp" "donut" "dept" "activity" "trend" "roles" "leader" "expense"}}.chart-emp{grid-area:emp}.chart-donut{grid-area:donut}.chart-dept{grid-area:dept}.chart-activity{grid-area:activity}.chart-trend{grid-area:trend}.chart-roles{grid-area:roles}.chart-leaderboard{grid-area:leader}.chart-expense{grid-area:expense}.bento-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-xl, 24px);box-shadow:var(--shadow-glass);padding:1.5rem 1.75rem;position:relative;overflow:hidden;transition:all .3s ease;animation:fadeInUp .5s ease both}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.card-title{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--text-main);margin:0;letter-spacing:-.02em}.chart-legend{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:var(--text-main);font-weight:800;flex-wrap:wrap;margin-top:1rem}.legend-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:middle}.activity-list{display:flex;flex-direction:column;gap:.75rem;max-height:380px;overflow-y:auto}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-track{background:transparent}.activity-list::-webkit-scrollbar-thumb{background:var(--blue-300);border-radius:10px}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:16px;border:2px solid #e2e8f0;transition:all .3s ease;animation:slideIn .4s ease both}.activity-item:hover{background:#fff;transform:translate(4px);box-shadow:0 8px 24px #0f172a14;border-color:var(--blue-200)}.activity-avatar{width:42px;height:42px;border-radius:14px;color:#fff;font-family:var(--font-display);font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #2563eb4d}.activity-info{flex:1;min-width:0}.activity-title{font-size:1.05rem;font-weight:800;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-user{font-size:.85rem;font-weight:700;color:var(--text-muted);margin-top:4px}.donut-container{position:relative;display:flex;justify-content:center}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.donut-total{font-family:var(--font-display);font-size:2.5rem;font-weight:800;color:var(--blue-900);line-height:1}.donut-label{font-size:.8rem;color:var(--text-muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.donut-legend{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.donut-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.completion-rate-box{margin-top:1.5rem;background:#f8fafc;border:2px solid var(--blue-200);border-radius:16px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem}.cr-number{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--blue-700)}.cr-title{font-size:.9rem;font-weight:800;color:var(--blue-900);text-transform:uppercase;letter-spacing:.05em}.cr-sub{font-size:.85rem;color:var(--text-faint);font-weight:700;margin-top:2px}.dept-cards{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.dept-mini{background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;padding:1rem;transition:all .3s;flex:1;min-width:140px}.dept-mini:hover{background:#fff;border-color:var(--blue-300);transform:translateY(-2px);box-shadow:0 8px 24px #0f172a0f}.dept-mini-name{font-weight:800;color:var(--text-main);margin-bottom:.5rem;font-size:1rem}.dept-mini-stats{display:flex;gap:1rem;color:var(--text-muted);font-weight:700;font-size:.9rem}.leaderboard{display:flex;flex-direction:column;gap:.75rem}.leaderboard-row{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border-radius:16px;background:#f8fafc;border:2px solid #e2e8f0;transition:all .3s;animation:slideIn .4s ease both}.leaderboard-row:hover{background:#fff;transform:translate(4px);box-shadow:0 8px 24px #0f172a0f;border-color:var(--blue-300)}.rank-badge{font-size:1.2rem;width:32px;text-align:center;flex-shrink:0;font-weight:800;color:var(--blue-900)}.lb-avatar{width:40px;height:40px;border-radius:12px;color:#fff;font-size:1rem;font-weight:800;font-family:var(--font-display);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #2563eb4d}.lb-name{font-size:1rem;font-weight:800;color:var(--text-main);min-width:100px;flex-shrink:0}.lb-bar-wrap{flex:1;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.lb-bar{height:100%;border-radius:5px;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.lb-score{font-size:1.1rem;font-weight:800;color:#10b981;min-width:40px;text-align:right;flex-shrink:0;font-family:var(--font-display)}.roles-legend{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.role-item{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.role-name{color:var(--text-main);text-transform:capitalize;flex:1;font-weight:800}.role-count{font-weight:900;color:var(--blue-900);background:#f1f5f9;padding:.2rem .6rem;border-radius:8px;border:1px solid #cbd5e1}.expense-stats{display:flex;flex-direction:column;gap:1.5rem;padding-top:.5rem}.expense-hero{background:#dcfce7;border:2px solid #22c55e;border-radius:16px;padding:1.75rem;text-align:center}.expense-amount{font-family:var(--font-display);font-size:3rem;font-weight:800;color:#14532d;letter-spacing:-.04em}.expense-label{font-size:.9rem;color:#166534;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-top:6px}.expense-pending{background:#fef3c7;border:2px solid #f59e0b;border-radius:16px;padding:1.5rem;text-align:center}.pending-number{font-family:var(--font-display);font-size:2.8rem;font-weight:800;color:#b45309;letter-spacing:-.04em}.pending-label{font-size:.85rem;color:#92400e;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.cat-bars{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.cat-bar-row{display:flex;align-items:center;gap:1rem;font-size:.9rem}.cat-bar-name{width:110px;flex-shrink:0;color:var(--text-main);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-bar-track{flex:1;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.cat-bar-fill{height:100%;border-radius:5px;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.cat-bar-val{font-weight:800;color:var(--blue-900);min-width:60px;text-align:right;flex-shrink:0;font-family:var(--font-display)}.empty-state{display:flex;align-items:center;justify-content:center;height:140px;color:var(--text-faint);font-size:1.05rem;font-weight:800}.loading-spinner{width:50px;height:50px;border:5px solid #e2e8f0;border-top-color:var(--blue-600);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--glass-bg: rgba(255,255,255,.45);--glass-bg-heavy: rgba(255,255,255,.65);--glass-border: rgba(255,255,255,.85);--glass-border-subtle: rgba(255,255,255,.4);--glass-blur: blur(28px) saturate(180%);--shadow-glass: 0 8px 32px rgba(37,99,235,.08), inset 0 2px 4px rgba(255,255,255,1);--shadow-glass-hover: 0 16px 48px rgba(37,99,235,.18), inset 0 2px 6px rgba(255,255,255,1);--blue-900: #1e3a8a;--blue-800: #1e40af;--blue-700: #1d4ed8;--blue-600: #2563eb;--blue-500: #3b82f6;--blue-400: #60a5fa;--blue-300: #93c5fd;--blue-200: #bfdbfe;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-display:"Space Grotesk", system-ui, sans-serif}.users-page{position:relative;width:100%;min-height:calc(100vh - 60px);padding:2.5rem 3rem 4rem;background:radial-gradient(circle at 10% 10%,rgba(219,234,254,.95) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(186,230,253,.85) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(239,246,255,.7) 0%,transparent 60%),linear-gradient(135deg,#eef5ff,#f0f8ff,#e0f2fe);color:#1e293b;font-family:var(--font-body);overflow-x:hidden;z-index:1;box-sizing:border-box}.users-orb{position:absolute;border-radius:50%;filter:blur(100px);z-index:0;opacity:.55;animation:floatOrb 22s infinite alternate ease-in-out;pointer-events:none}.users-orb--1{width:480px;height:480px;background:radial-gradient(circle,var(--blue-300),var(--blue-600));top:-80px;left:-80px;animation-delay:0s}.users-orb--2{width:400px;height:400px;background:radial-gradient(circle,#ddd6fe,var(--blue-800));bottom:0;right:-60px;animation-delay:-7s}.users-orb--3{width:340px;height:340px;background:radial-gradient(circle,#a5f3fc,var(--sky-500));top:45%;left:35%;opacity:.4;animation-delay:-13s}.users-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;position:relative;z-index:2}.users-title{font-family:var(--font-display);font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--blue-900) 0%,var(--blue-600) 50%,#38bdf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.04em;line-height:1.1}.users-subtitle{font-size:1.05rem;font-weight:600;color:var(--blue-600);margin:.5rem 0 0}.users-btn-add{background:linear-gradient(135deg,var(--blue-600) 0%,var(--blue-400) 100%);color:#fff;border:none;padding:.9rem 2.2rem;border-radius:var(--r-md, 16px);font-family:var(--font-display);font-weight:700;font-size:1.05rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #2563eb66,inset 0 2px 4px #ffffff4d;letter-spacing:.02em}.users-btn-add:hover{transform:translateY(-4px);box-shadow:0 12px 32px #2563eb80,inset 0 2px 4px #ffffff4d}.bento-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto auto auto;gap:1.5rem;margin-bottom:2.5rem;position:relative;z-index:2;grid-template-areas:"count count charttrend charttrend activity" "chartrole chartrole chartdept chartdept activity" "todo inprog done chartrad chartrad"}.bento-card--count{grid-area:count}.bento-card--todo{grid-area:todo}.bento-card--inprog{grid-area:inprog}.bento-card--done{grid-area:done}.bento-card--activity{grid-area:activity}.bento-card--chart-role{grid-area:chartrole}.bento-card--chart-wide{grid-area:chartdept}.bento-card--chart-radial{grid-area:chartrad}.bento-card--chart-trend{grid-area:charttrend}.bento-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-xl, 28px);box-shadow:var(--shadow-glass);transition:all .3s ease;overflow:hidden;position:relative}.bento-card:before{content:"";position:absolute;inset:0;border-radius:28px;background:linear-gradient(135deg,#fff9,#fff0);pointer-events:none}.bento-card:hover{box-shadow:var(--shadow-glass-hover);transform:translateY(-4px);background:var(--glass-bg-heavy)}.bento-inner{padding:1.5rem;height:100%;position:relative;z-index:1;display:flex;flex-direction:column}.bento-inner--scroll{overflow-y:auto;max-height:400px}.bento-inner--scroll::-webkit-scrollbar{width:6px}.bento-inner--scroll::-webkit-scrollbar-track{background:transparent}.bento-inner--scroll::-webkit-scrollbar-thumb{background:#93c5fd80;border-radius:10px}.bento-card--count{background:linear-gradient(145deg,#ffffffb3,#dbeafe66)}.bento-bignum{font-family:var(--font-display);font-size:4.5rem;font-weight:700;line-height:1;color:var(--blue-900);margin:.5rem 0;letter-spacing:-.05em}.bento-sublabel{font-size:.9rem;font-weight:600;color:var(--blue-700);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.bento-sparkrow{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.bento-spark-pill{font-size:.75rem;font-weight:700;padding:.35rem .85rem;border-radius:8px;text-transform:capitalize;background:#fff9!important;border:1px solid rgba(255,255,255,.9)!important}.bento-card--stat{min-height:140px}.bento-card--todo:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--blue-400)}.bento-card--inprog:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#f59e0b}.bento-card--done:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#10b981}.bento-stat-icon{font-size:1.8rem;margin-bottom:.5rem;display:block}.bento-card--todo .bento-stat-icon{color:var(--blue-500)}.bento-card--inprog .bento-stat-icon{color:#f59e0b}.bento-card--done .bento-stat-icon{color:#10b981}.bento-stat-num{font-family:var(--font-display);font-size:2.8rem;font-weight:700;line-height:1;margin-bottom:.2rem;color:var(--blue-900);letter-spacing:-.05em}.bento-label{font-size:.85rem;font-weight:800;color:var(--blue-800);text-transform:uppercase;letter-spacing:.08em}.bento-card--activity{grid-column:5;grid-row:1 / 3;background:linear-gradient(180deg,#fff9,#ffffff4d)}.bento-section-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-main);margin-bottom:1.5rem;display:flex;align-items:center;gap:.6rem;letter-spacing:-.02em}.bento-pulse-dot{width:10px;height:10px;border-radius:50%;background:#10b981;animation:pulseDot 2.5s ease-in-out infinite;flex-shrink:0}@keyframes pulseDot{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 8px #10b98100}}.activity-feed{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;align-items:flex-start;gap:.8rem;padding:.85rem;border-radius:16px;background:#ffffff80;border:1px solid rgba(255,255,255,.8);transition:all .3s ease;box-shadow:0 4px 12px #2563eb08}.activity-item:hover{background:#fff;transform:translate(4px);box-shadow:0 8px 24px #2563eb1a}.activity-icon{font-size:1.1rem;flex-shrink:0;margin-top:2px;width:24px;text-align:center}.activity-body{flex:1;font-size:.85rem;line-height:1.4;color:var(--text-muted)}.activity-user{font-weight:700;color:var(--blue-800)}.activity-verb{color:var(--text-muted)}.activity-task{font-weight:600;color:var(--text-main)}.activity-time{font-size:.75rem;color:var(--blue-400);white-space:nowrap;flex-shrink:0;font-weight:600}.activity-empty{font-size:.9rem;color:var(--text-faint);text-align:center;padding:3rem 0;font-weight:600}.bento-card--chart{min-height:280px}.chart-legend{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;margin-top:auto;padding-top:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--blue-900)}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-label{text-transform:capitalize;font-weight:600}.legend-val{font-weight:800;color:var(--blue-700);background:#fff9;padding:.1rem .5rem;border-radius:99px}.uchart-tooltip{background:#ffffffd9;-webkit-backdrop-filter:blur(24px) saturate(200%);backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,1);border-radius:12px;padding:.8rem 1rem;font-size:.85rem;box-shadow:0 12px 32px #2563eb26;font-family:var(--font-body)}.uchart-tooltip-label{font-weight:800;margin-bottom:.4rem;color:var(--blue-900);text-transform:uppercase;letter-spacing:.05em}.bento-spin{display:inline-block;animation:spinSlow 4s linear infinite}@keyframes spinSlow{to{transform:rotate(360deg)}}.dir-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;position:relative;z-index:2}.dir-title{font-family:var(--font-display);font-size:1.8rem;font-weight:700;margin:0 0 .2rem;color:var(--blue-950);letter-spacing:-.02em}.dir-sub{font-size:.95rem;color:var(--blue-600);margin:0;font-weight:600}.dir-filters{display:flex;gap:.6rem;flex-wrap:wrap}.dir-filter-btn{padding:.5rem 1.2rem;font-size:.85rem;font-weight:700;border-radius:9999px;border:1px solid rgba(255,255,255,.8);background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--blue-800);cursor:pointer;transition:all .3s ease;font-family:var(--font-body);box-shadow:0 2px 8px #2563eb0d}.dir-filter-btn:hover{background:#fffc;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb1a}.dir-filter-btn--active{background:linear-gradient(135deg,var(--blue-600),var(--blue-500));border-color:var(--blue-400);color:#fff;box-shadow:0 6px 16px #2563eb4d}.users-glass-card{background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-xl, 28px);box-shadow:var(--shadow-glass);overflow:auto;position:relative;z-index:2;max-height:calc(100vh - 260px)}.users-loading{padding:4rem;text-align:center;font-size:1.1rem;color:var(--blue-600);font-weight:600;animation:pulse 2s infinite}.users-table{width:100%;border-collapse:collapse;text-align:left}.users-table th{padding:1.2rem 1.5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--blue-800);font-weight:800;border-bottom:2px solid rgba(255,255,255,.8);background:#fff6;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.users-table td{padding:1.2rem 1.5rem;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.5);transition:all .3s ease}.users-table-row{cursor:pointer;transition:background .3s ease}.users-table-row:hover{background:#ffffffb3}.users-table-row--expanded{background:#fff}.users-table-row:last-child td{border-bottom:none}.emp-cell{display:flex;align-items:center;gap:1rem}.emp-avatar{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;flex-shrink:0;box-shadow:0 4px 12px #2563eb1a}.emp-name{font-weight:700;font-size:1.05rem;color:var(--text-main);font-family:var(--font-display);letter-spacing:-.01em}.emp-id{font-size:.8rem;color:var(--blue-400);font-family:monospace;font-weight:600}.emp-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.5rem;vertical-align:middle}.emp-status-dot--active{background:#10b981;box-shadow:0 0 0 3px #10b98133}.emp-status-text{font-size:.85rem;color:#059669;font-weight:700}.emp-task-count{font-weight:800;color:var(--blue-600);font-size:1.1rem}.users-cell-dept-name{font-size:.95rem;color:var(--text-muted);font-weight:500}.users-chevron{font-size:.8rem;color:var(--blue-300);transition:transform .3s ease;display:inline-block}.users-chevron--open{transform:rotate(180deg);color:var(--blue-600)}.users-role-badge{display:inline-flex;align-items:center;padding:.4rem 1rem;border-radius:8px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:#fff9;border:1px solid rgba(255,255,255,1)}.users-role-badge--employee{color:#2563eb}.users-role-badge--supervisor{color:#d97706}.users-role-badge--manager{color:#7c3aed}.users-role-badge--finance{color:#059669}.users-expand-cell{padding:0!important;border-bottom:1px solid rgba(255,255,255,.8)!important}.users-expand-panel{padding:2.5rem;background:#eff6ff80;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem;animation:slideDown .4s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 4px 12px #00000005}.users-stats-group{display:flex;gap:4rem}.users-stat-label{font-size:.85rem;color:var(--blue-700);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.users-stat-value{font-size:2.8rem;font-weight:700;margin:0;color:var(--blue-900);line-height:1;font-family:var(--font-display);letter-spacing:-.04em}.users-stat-value--secondary{color:var(--blue-500)}.users-select{width:100%;padding:.9rem 1.25rem;background:#ffffffb3;border:1px solid #fff;border-radius:12px;color:#0f172a;font-size:1rem;font-weight:500;transition:all .3s ease;font-family:var(--font-body);box-shadow:inset 0 2px 4px #00000005}.users-select:focus{outline:none;background:#fff;border-color:var(--blue-400);box-shadow:0 0 0 4px #3b82f626,inset 0 2px 4px #00000005}.users-btn-deactivate{background:#fee2e2b3;border:1px solid #fca5a5;color:#dc2626;padding:.9rem 1.8rem;font-size:.95rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:var(--font-body);box-shadow:0 4px 12px #dc26261a}.users-btn-deactivate:hover{background:#fee2e2;border-color:#ef4444;transform:translateY(-2px);box-shadow:0 8px 20px #dc262633}.users-details-loading,.users-details-error,.users-empty{padding:3rem;text-align:center;font-size:1rem;color:var(--blue-600);font-weight:600}.users-details-error{color:#dc2626}.users-empty{padding:5rem;font-size:1.2rem}.users-glass-card::-webkit-scrollbar{width:8px;height:8px}.users-glass-card::-webkit-scrollbar-track{background:transparent}.users-glass-card::-webkit-scrollbar-thumb{background:#93c5fd80;border-radius:10px}.users-glass-card::-webkit-scrollbar-thumb:hover{background:#3b82f699}.users-modal-overlay{position:fixed;inset:0;background:#0f172a4d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:100;display:flex;justify-content:center;align-items:center;padding:2rem;animation:fadeIn .3s ease}.users-modal{width:100%;max-width:500px;background:#ffffffb3;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid rgba(255,255,255,.9);border-radius:var(--r-xl, 28px);padding:3rem;box-shadow:var(--sh-modal);animation:modalUp .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.users-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.users-modal-title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--blue-900);margin:0;letter-spacing:-.03em}.users-modal-close{background:#fff9;border:1px solid #fff;color:var(--text-muted);font-size:1.6rem;cursor:pointer;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #0000000d}.users-modal-close:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5;transform:rotate(90deg) scale(1.1);box-shadow:0 8px 24px #dc262633}.users-form-group{margin-bottom:1.5rem}.users-label{display:block;font-size:.85rem;font-weight:800;color:var(--blue-800);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.users-input{width:100%;padding:1rem 1.25rem;background:#ffffffb3;border:1px solid #fff;border-radius:12px;color:#0f172a;font-size:1.05rem;font-weight:500;transition:all .3s ease;font-family:var(--font-body);box-sizing:border-box;box-shadow:inset 0 2px 4px #00000005}.users-input:focus{outline:none;background:#fff;border-color:var(--blue-400);box-shadow:0 0 0 4px #3b82f626,inset 0 2px 4px #00000005}.users-input::placeholder{color:var(--text-faint)}.users-btn-submit{width:100%;padding:1.1rem;margin-top:2rem;background:linear-gradient(135deg,var(--blue-600),var(--sky-500));border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;font-family:var(--font-display);cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #2563eb4d,inset 0 2px #fff3}.users-btn-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #2563eb66,inset 0 2px #fff3}.users-btn-submit:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:none;cursor:not-allowed}.users-status{padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;font-size:.95rem;font-weight:600}.users-status--success{background:#10b98126;border:1px solid #6ee7b7;color:#059669}.users-status--error{background:#ef444426;border:1px solid #fca5a5;color:#dc2626}@media(max-width:1400px){.bento-grid{grid-template-columns:1fr 1fr 1fr 1.5fr;grid-template-areas:"count      todo       inprog     activity" "count      done       chartrad   activity" "charttrend charttrend chartrole  chartrole" "chartdept  chartdept  chartdept  chartdept"}}@media(max-width:900px){.users-page{padding:1.5rem}.bento-grid{grid-template-columns:1fr 1fr;grid-template-areas:"count      count" "todo       inprog" "done       chartrad" "activity   activity" "charttrend charttrend" "chartrole  chartrole" "chartdept  chartdept"}.bento-inner--scroll{max-height:250px}}.depts-page{position:relative;width:100%;min-height:calc(100vh - 60px);padding:2.5rem;background-color:#f0f4f8;color:#1e293b;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;z-index:1}.depts-orb{position:absolute;border-radius:50%;filter:blur(100px);z-index:-1;animation:floatOrb 20s infinite alternate ease-in-out;opacity:.6}.depts-orb--1{width:400px;height:400px;background:radial-gradient(circle,#93c5fd,#3b82f6);top:-50px;left:-50px;animation-delay:0s}.depts-orb--2{width:350px;height:350px;background:radial-gradient(circle,#ddd6fe,#8b5cf6);bottom:5%;right:-50px;animation-delay:-5s}.depts-orb--3{width:300px;height:300px;background:radial-gradient(circle,#a5f3fc,#06b6d4);top:40%;left:30%;animation-delay:-10s;opacity:.5}@keyframes floatOrb{0%{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,40px) scale(.9)}to{transform:translate(20px,60px) scale(1.05)}}.depts-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;position:relative;z-index:2}.depts-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.depts-subtitle{font-size:1.05rem;color:#64748b;margin:0}.depts-btn-add{background:#ffffff80;border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#2563eb;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;border-radius:9999px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #2563eb1a;display:flex;align-items:center;gap:.5rem}.depts-btn-add:hover{background:#fffc;border-color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #2563eb33;color:#1d4ed8}.depts-glass-card{background:#fff6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.6);border-radius:24px;box-shadow:0 25px 50px -12px #0000001a;overflow:auto;position:relative;z-index:2;transition:border-color .3s ease;max-height:calc(100vh - 250px)}.depts-glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}.depts-loading{padding:4rem;text-align:center;font-size:1.125rem;color:#64748b;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.depts-table{width:100%;border-collapse:collapse;text-align:left}.depts-table th{padding:1.25rem 1.5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#475569;font-weight:600;border-bottom:1px solid rgba(0,0,0,.05);background:#ffffff4d;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.depts-table td{padding:1.25rem 1.5rem;vertical-align:middle;border-bottom:1px solid rgba(0,0,0,.03);transition:all .2s ease}.depts-table-row{cursor:pointer;transition:background-color .3s ease,transform .2s ease}.depts-table-row:hover{background:#ffffff80}.depts-table-row--expanded{background:#ffffffb3}.depts-table-row:last-child td{border-bottom:none}.depts-cell-id{color:#64748b;font-family:JetBrains Mono,monospace,sans-serif;font-size:.9rem}.depts-cell-name{font-weight:600;font-size:1rem;color:#1e293b}.depts-cell-expand{color:#475569;display:flex;align-items:center;justify-content:flex-end}.depts-chevron{font-size:.75rem;color:#94a3b8;transition:transform .3s cubic-bezier(.4,0,.2,1)}.depts-chevron--open{transform:rotate(180deg);color:#2563eb}.depts-badge{display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.depts-badge--blue{background:#3b82f626;border:1px solid rgba(59,130,246,.4);color:#1d4ed8;box-shadow:0 2px 5px #3b82f61a}.depts-badge--gray{background:#94a3b833;border:1px solid rgba(148,163,184,.4);color:#334155;box-shadow:0 2px 5px #94a3b81a}.depts-expand-cell{padding:0!important;border-bottom:1px solid rgba(0,0,0,.05)!important}.depts-expand-panel{padding:2.5rem;background:#fff6;box-shadow:inset 0 4px 15px #00000005;animation:slideDown .3s ease-out;overflow:hidden;display:flex;flex-direction:column;gap:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.depts-panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:1rem}.depts-panel-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0}.depts-tabs{display:flex;gap:.5rem;background:#ffffff80;padding:.25rem;border-radius:12px;border:1px solid rgba(0,0,0,.05)}.depts-tab{padding:.5rem 1rem;border:none;background:transparent;color:#475569;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.depts-tab:hover{color:#0f172a}.depts-tab.active{background:#fff;color:#2563eb;box-shadow:0 2px 5px #0000000d}.depts-tab-content{display:grid;gap:1.5rem}.depts-roster-list,.depts-projects-grid{display:grid;gap:1rem}.depts-projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.depts-project-card{background:#fff9;border:1px solid rgba(0,0,0,.05);padding:1.25rem;border-radius:16px;transition:transform .2s;cursor:pointer}.depts-project-card:hover{transform:translateY(-2px);background:#fffc;box-shadow:0 5px 15px #0000000d}.depts-project-title{font-size:1.1rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.depts-roster-item{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:1rem;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 10px #00000005}.depts-roster-info{display:flex;align-items:center;gap:1rem}.depts-avatar{width:40px;height:40px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem}.depts-avatar.manager{background:#7c3aed}.depts-roster-name{font-weight:600;color:#1e293b;margin:0;font-size:.95rem}.depts-roster-role{font-size:.8rem;color:#94a3b8;margin:0}.depts-modal-overlay{position:fixed;inset:0;background:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;justify-content:center;align-items:center;padding:1rem;animation:fadeIn .3s ease-out}.depts-modal{width:100%;max-width:480px;background:#ffffffb3;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:2.5rem;box-shadow:0 30px 60px -15px #0000001a,0 0 0 1px #ffffff80 inset;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.depts-modal.large{max-width:700px;max-height:90vh;overflow-y:auto}.depts-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,1),transparent)}.depts-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.depts-modal-title{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.02em}.depts-modal-close{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:#64748b;font-size:1.5rem;cursor:pointer;line-height:1;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.depts-modal-close:hover{background:#0000001a;color:#0f172a;transform:rotate(90deg)}.depts-form-group{margin-bottom:1.5rem}.depts-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.depts-label{display:block;font-size:.9rem;font-weight:600;color:#475569;margin-bottom:.5rem}.depts-input,.depts-select{width:100%;padding:.875rem 1.25rem;background:#fff9;border:1px solid rgba(0,0,0,.1);border-radius:12px;color:#0f172a;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:inset 0 2px 4px #00000005}.depts-input:focus,.depts-select:focus{outline:none;background:#ffffffe6;border-color:#3b82f680;box-shadow:inset 0 2px 4px #00000005,0 0 0 4px #3b82f626}.depts-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.25rem center;background-size:1.25em;cursor:pointer}.depts-select[multiple]{padding:.5rem;background-image:none;min-height:120px}.depts-input::placeholder{color:#94a3b8}.depts-btn-submit{width:100%;padding:1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #2563eb33;margin-top:1.5rem}.depts-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #2563eb4d}.depts-btn-submit:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:none;cursor:not-allowed}.depts-btn-danger{padding:.5rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.depts-btn-danger:hover{background:#ef444433;border-color:#ef4444}.depts-btn-danger.large{width:100%;padding:1rem;border-radius:12px;margin-top:1rem}.depts-status{padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;font-size:.95rem;font-weight:600}.depts-status--success{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#059669}.depts-status--error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#b91c1c}.depts-empty{padding:4rem;text-align:center;color:#64748b}.depts-glass-card::-webkit-scrollbar,.depts-modal.large::-webkit-scrollbar,.depts-select[multiple]::-webkit-scrollbar{width:6px;height:6px}.depts-glass-card::-webkit-scrollbar-track,.depts-modal.large::-webkit-scrollbar-track,.depts-select[multiple]::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.depts-glass-card::-webkit-scrollbar-thumb,.depts-modal.large::-webkit-scrollbar-thumb,.depts-select[multiple]::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.depts-add-member-btn{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb;padding:.4rem .9rem;font-size:.85rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem;white-space:nowrap}.depts-add-member-btn:hover{background:#dbeafe;border-color:#93c5fd}.depts-add-members-panel{margin-top:.75rem;padding:1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;animation:slideDown .25s ease-out}.depts-add-members-hint{margin:0 0 .75rem;font-size:.85rem;color:#64748b}.depts-checklist{display:flex;flex-direction:column;gap:.35rem;max-height:220px;overflow-y:auto;padding-right:.25rem}.depts-checklist-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.depts-checklist-item:hover:not(.already-added){border-color:#93c5fd;background:#eff6ff}.depts-checklist-item.selected{background:#eff6ff;border-color:#3b82f6}.depts-checklist-item.already-added{opacity:.55;cursor:default;background:#f1f5f9}.depts-checkbox{width:18px;height:18px;accent-color:#2563eb;cursor:pointer;flex-shrink:0}.depts-checklist-name{display:block;font-weight:600;font-size:.95rem;color:#1e293b}.depts-checklist-role{display:block;font-size:.75rem;color:#94a3b8;margin-top:.1rem}.depts-already-tag{font-size:.7rem;font-weight:600;background:#e2e8f0;color:#64748b;padding:.2rem .5rem;border-radius:6px;white-space:nowrap}.depts-remove-btn{min-width:28px;max-width:28px;min-height:28px;max-height:28px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#ef4444;border:none;cursor:pointer;font-size:1.1rem;line-height:1;flex-shrink:0;flex-grow:0;transition:all .2s;padding:0;box-sizing:border-box}.depts-remove-btn:hover{background:#fecaca;color:#dc2626;transform:scale(1.1)}:root{--blue-950: #172554;--blue-900: #1e3a8a;--blue-800: #1e40af;--blue-700: #1d4ed8;--blue-600: #2563eb;--blue-500: #3b82f6;--blue-400: #60a5fa;--blue-300: #93c5fd;--blue-200: #bfdbfe;--blue-100: #dbeafe;--blue-50: #eff6ff;--sky-500: #0ea5e9;--sky-400: #38bdf8;--sky-100: #e0f2fe;--col-todo: var(--blue-500);--col-prog: #f59e0b;--col-done: #10b981;--col-backlog: #ef4444;--bg-page: #eef5ff;--glass-bg: rgba(255, 255, 255, .45);--glass-bg-heavy: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .85);--glass-border-subtle: rgba(255, 255, 255, .4);--glass-blur: blur(28px) saturate(180%);--text-main: #0f172a;--text-sub: #1e3a8a;--text-mid: #475569;--text-muted: #64748b;--text-faint: #94a3b8;--font-body: "Plus Jakarta Sans", "Outfit", sans-serif;--font-display:"Space Grotesk", "Outfit", sans-serif;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-2xl: 36px;--sh-card: 0 8px 32px rgba(37,99,235,.08), inset 0 2px 4px rgba(255,255,255,1);--sh-hover: 0 16px 48px rgba(37,99,235,.18), inset 0 2px 6px rgba(255,255,255,1);--sh-modal: 0 32px 96px rgba(15,23,42,.25), inset 0 2px 4px rgba(255,255,255,1);--sh-col: 0 4px 24px rgba(37,99,235,.05), inset 0 1px 2px rgba(255,255,255,.8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes statIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulseDot{0%,to{box-shadow:0 0 0 0 currentColor}60%{box-shadow:0 0 0 8px transparent}}@keyframes floatCard{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}.tasks-container{background:radial-gradient(circle at 10% 10%,rgba(219,234,254,.95) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(186,230,253,.85) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(239,246,255,.7) 0%,transparent 60%),linear-gradient(135deg,#eef5ff,#f0f8ff,#e0f2fe);min-height:100vh;font-family:var(--font-body);color:var(--text-main);overflow-y:auto;overflow-x:hidden;height:100%;box-sizing:border-box}.page-header{padding:2.5rem 3rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.page-title{font-family:var(--font-display);font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--blue-900) 0%,var(--blue-600) 50%,var(--sky-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.04em;line-height:1.1}.page-breadcrumb{color:var(--blue-600);font-size:1.05rem;margin:.5rem 0 0;font-weight:600}.header-select{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1.5px solid var(--glass-border);padding:.85rem 1.5rem;border-radius:var(--r-md);font-family:var(--font-body);font-weight:700;font-size:1rem;color:var(--blue-900);cursor:pointer;outline:none;transition:all .3s ease;box-shadow:var(--sh-col)}.header-select option{background:#fff;color:var(--text-main)}.header-select:focus{border-color:var(--blue-500);box-shadow:0 0 0 4px #3b82f633}.header-btn{background:linear-gradient(135deg,var(--blue-600) 0%,var(--blue-400) 100%);color:#fff;border:none;padding:.9rem 2.2rem;border-radius:var(--r-md);font-family:var(--font-display);font-weight:700;font-size:1.05rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #2563eb66,inset 0 2px 4px #ffffff4d;letter-spacing:.02em;position:relative;overflow:hidden}.header-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2.5s ease-in-out infinite}.header-btn:hover{transform:translateY(-4px);box-shadow:0 12px 32px #2563eb80,inset 0 2px 4px #ffffff4d}.header-btn:active{transform:translateY(0)}.tsb-wrap{display:flex;gap:1.25rem;padding:0 3rem 2rem;align-items:stretch}.tsb-ring-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--sh-card);display:flex;align-items:center;gap:1.5rem;min-width:260px;flex-shrink:0;animation:statIn .5s ease-out backwards}.tsb-ring-svg-wrap{position:relative;width:90px;height:90px;flex-shrink:0}.tsb-ring-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tsb-ring-pct{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--blue-800);line-height:1}.tsb-ring-sub{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.tsb-ring-info{display:flex;flex-direction:column;gap:.25rem}.tsb-total-num{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--blue-900);line-height:1;letter-spacing:-.05em}.tsb-total-label{font-size:.85rem;font-weight:800;color:var(--blue-700);letter-spacing:.05em;text-transform:uppercase}.tsb-total-sub{font-size:.8rem;color:var(--text-muted);font-weight:500}.tsb-stat-card{flex:1;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--sh-card);display:flex;flex-direction:column;gap:.75rem;animation:statIn .5s ease-out backwards;transition:all .3s ease;position:relative;overflow:hidden}.tsb-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--sc, var(--blue-500));border-radius:var(--r-xl) var(--r-xl) 0 0}.tsb-stat-card:hover{transform:translateY(-5px);box-shadow:var(--sh-hover);background:var(--glass-bg-heavy)}.tsb-sc-header{display:flex;align-items:center;gap:.5rem}.tsb-sc-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;animation:pulseDot 2.5s ease-in-out infinite}.tsb-sc-label{font-size:.85rem;font-weight:800;color:var(--blue-800);text-transform:uppercase;letter-spacing:.08em}.tsb-sc-count{font-family:var(--font-display);font-size:2.8rem;font-weight:700;color:var(--sc, var(--blue-700));line-height:1;letter-spacing:-.05em}.tsb-sc-bar-track{height:8px;background:#ffffff80;border-radius:99px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.tsb-sc-bar-fill{height:100%;border-radius:99px;transition:width 1s cubic-bezier(.16,1,.3,1);position:relative}.tsb-sc-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);background-size:200% 100%;animation:shimmer 2s linear infinite}.tsb-sc-pct-row{display:flex;align-items:baseline;gap:.4rem}.tsb-sc-pct{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--sc, var(--blue-600))}.tsb-sc-of{font-size:.8rem;font-weight:600;color:var(--text-muted)}.tsb-dist-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--sh-card);display:flex;flex-direction:column;justify-content:center;gap:1rem;min-width:240px;flex-shrink:0;animation:statIn .5s ease-out backwards;animation-delay:.2s}.tsb-dist-title{font-size:.85rem;font-weight:800;color:var(--blue-800);text-transform:uppercase;letter-spacing:.1em}.tsb-dist-bar{height:16px;border-radius:99px;overflow:hidden;display:flex;background:#ffffff80;box-shadow:inset 0 2px 4px #0000001a}.tsb-dist-seg{height:100%;transition:width 1s cubic-bezier(.16,1,.3,1);cursor:pointer}.tsb-dist-seg:first-child{border-radius:99px 0 0 99px}.tsb-dist-seg:last-child{border-radius:0 99px 99px 0}.tsb-dist-seg:only-child{border-radius:99px}.tsb-dist-legend{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.tsb-dist-leg{display:flex;align-items:center;gap:.4rem}.tsb-dist-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tsb-dist-leg-label{font-size:.8rem;font-weight:600;color:var(--blue-900);flex:1}.tsb-dist-leg-count{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--blue-700);background:#fff9;padding:.1rem .5rem;border-radius:99px}.kanban-board{display:flex;gap:1.5rem;padding:0 3rem 4rem;width:100%;box-sizing:border-box;min-height:calc(100vh - 200px);align-items:flex-start}.kanban-column{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:1rem;padding:1.2rem;background:#ffffff4d;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-subtle);border-radius:var(--r-xl);box-shadow:0 8px 32px #2563eb08;transition:all .3s ease}.kanban-column.drag-over{background:#dbeafe66;border-color:var(--blue-400);box-shadow:0 0 0 4px #3b82f633,0 8px 32px #2563eb1a}.kanban-column-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .5rem 1rem;border-bottom:2px solid rgba(255,255,255,.5);margin-bottom:.25rem}.header-left{display:flex;align-items:center;gap:.75rem}.header-title{font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--blue-900);letter-spacing:-.02em}.header-count-inline{font-family:var(--font-display);color:var(--blue-500);font-weight:700;font-size:1rem}.header-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;animation:pulseDot 3s ease-in-out infinite}.dot-To-Do{background:var(--blue-500);color:#3b82f666}.dot-In-Progress{background:var(--col-prog);color:#f59e0b66}.dot-Completed{background:var(--col-done);color:#10b98166}.dot-Backlog{background:var(--col-backlog);color:#ef444466}.header-actions{display:flex;align-items:center}.icon-dots{color:var(--blue-400);font-weight:900;letter-spacing:2px;cursor:pointer;font-size:1rem;padding:5px 8px;border-radius:10px;transition:all .2s}.icon-dots:hover{background:#fff9;color:var(--blue-700)}.column-add-btn-top{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1rem;border:2px dashed rgba(59,130,246,.4);border-radius:var(--r-md);background:#ffffff80;color:var(--blue-600);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;box-sizing:border-box}.column-add-btn-top:hover{background:#fffc;border-color:var(--blue-500);color:var(--blue-800);transform:translateY(-2px);box-shadow:0 6px 16px #2563eb26}.task-card{background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-lg);padding:1.5rem;cursor:pointer;box-shadow:var(--sh-card);display:flex;flex-direction:column;gap:0;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;animation:cardIn .4s ease-out backwards}.task-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:6px;border-radius:var(--r-lg) 0 0 var(--r-lg)}.task-card.status-To-Do:before{background:linear-gradient(180deg,var(--blue-400),var(--blue-600))}.task-card.status-In-Progress:before{background:linear-gradient(180deg,#fcd34d,#f59e0b)}.task-card.status-Completed:before{background:linear-gradient(180deg,#6ee7b7,#10b981)}.task-card.status-Backlog:before{background:linear-gradient(180deg,#fca5a5,#ef4444)}.task-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--sh-hover);border-color:#fff;background:#ffffffd9}.task-card:active{transform:translateY(0) scale(1)}.task-card:nth-child(2){animation-delay:.1s}.task-card:nth-child(3){animation-delay:.2s}.task-card:nth-child(4){animation-delay:.3s}.task-card:nth-child(5){animation-delay:.4s}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding-left:.5rem}.card-pill{font-family:var(--font-body);font-size:.75rem;font-weight:800;padding:.35rem 1rem;border-radius:999px;letter-spacing:.08em;text-transform:uppercase}.cat-project{background:#ede9fecc;color:#5b21b6;border:1px solid rgba(139,92,246,.4)}.cat-daily{background:#fef3c7cc;color:#92400e;border:1px solid rgba(245,158,11,.4)}.cat-general{background:#dbeafecc;color:var(--blue-800);border:1px solid rgba(59,130,246,.4)}.card-title{font-family:var(--font-display);font-weight:700;font-size:1.25rem;margin:.25rem 0 1rem;color:var(--blue-950);line-height:1.4;letter-spacing:-.02em;padding-left:.5rem}.card-user-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem;padding-left:.5rem}.card-user-tag{font-family:var(--font-body);font-size:.8rem;font-weight:700;padding:.35rem .85rem;border-radius:8px;background:#fff9;color:var(--blue-800);border:1px solid rgba(255,255,255,.9);letter-spacing:.02em}.card-progress-section{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.2rem;padding-left:.5rem}.card-progress-label{font-size:.85rem;color:var(--blue-800);font-weight:700}.card-progress-track{height:8px;background:#ffffff80;border-radius:99px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.card-progress-fill{height:100%;border-radius:99px;transition:width 1s cubic-bezier(.16,1,.3,1);position:relative}.card-footer-new{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.6);padding-left:.5rem}.card-footer-icons{display:flex;align-items:center;gap:.5rem}.card-avatars-v2{display:flex;align-items:center}.avatar-v2{width:36px;height:36px;border-radius:50%;border:2px solid #fff;background:linear-gradient(135deg,var(--blue-300),var(--blue-100));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--blue-900);margin-left:-12px;box-shadow:0 4px 12px #2563eb33;transition:transform .2s}.avatar-v2:first-child{margin-left:0}.avatar-v2:hover{transform:scale(1.2);z-index:2;border-color:var(--blue-400)}.avatar-unassigned{background:#fffc!important;color:var(--text-muted)!important}.avatar-count-v2{width:36px;height:36px;border-radius:50%;border:2px solid #fff;background:linear-gradient(135deg,var(--blue-600),var(--blue-400));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.75rem;font-weight:700;color:#fff;margin-left:-12px;box-shadow:0 4px 12px #2563eb4d}.empty-column{text-align:center;padding:3rem 1.5rem;color:var(--blue-500);font-size:1rem;font-weight:600;border:2px dashed rgba(59,130,246,.3);border-radius:var(--r-lg);background:#fff6}.tl-section{margin:0 3rem 2rem;padding:2rem 2.5rem 2.5rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-xl);border:1px solid var(--glass-border);box-shadow:var(--sh-card);overflow:visible}.tl-section-title{font-family:var(--font-display);font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--blue-800);margin-bottom:1.5rem}.tl-wrapper{position:relative;height:180px;overflow:visible}.tl-axis{position:absolute;top:140px;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8) 15%,rgba(255,255,255,1) 50%,rgba(255,255,255,.8) 85%,transparent);border-radius:99px;box-shadow:0 2px 8px #0000000d}.tl-dow-group{position:absolute;top:115px;display:flex;justify-content:space-around;align-items:center;pointer-events:none}.tl-dow{font-size:.65rem;font-weight:700;color:var(--blue-400);text-align:center;flex:1}.tl-today-pin{position:absolute;top:75px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:5;pointer-events:none}.tl-today-pill{background:linear-gradient(135deg,var(--blue-600),var(--blue-400));border:none;color:#fff;font-family:var(--font-display);font-size:.75rem;font-weight:700;padding:.3rem .8rem;border-radius:999px;white-space:nowrap;box-shadow:0 6px 20px #2563eb66}.tl-today-needle{width:3px;height:42px;background:linear-gradient(180deg,var(--blue-500) 0%,rgba(59,130,246,0) 100%);margin-top:2px;border-radius:2px}.tl-node{position:absolute;top:140px;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.75rem;font-weight:700;color:#fff;z-index:3;cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1);border:3px solid #fff;box-shadow:0 4px 16px #0003}.tl-node:hover{transform:translate(-50%,-50%) scale(1.4)}.tl-float-wrap{position:absolute;top:-10px;height:150px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:6;animation:floatCard 4s ease-in-out infinite}.tl-float-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fde68a;border-radius:16px;padding:.8rem 1rem;min-width:180px;box-shadow:0 12px 32px #f59e0b40;flex-shrink:0}.tl-fc-title{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:#78350f;line-height:1.3;margin-bottom:.2rem}.tl-fc-sub{font-size:.7rem;color:#92400e;margin-bottom:.4rem;font-weight:500}.tl-fc-prog-text{font-size:.7rem;color:#b45309;font-weight:700;margin-bottom:.2rem}.tl-fc-bar{height:6px;background:#fef3c7;border-radius:99px;margin-bottom:.5rem;overflow:hidden}.tl-fc-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fcd34d);border-radius:99px}.tl-fc-icons{display:flex;gap:6px;align-items:center}.tl-float-stem{flex:1;width:3px;background:linear-gradient(180deg,#fde68a,#fde68a00);border-radius:99px}.tl-date-label{position:absolute;top:160px;transform:translate(-50%);font-size:.75rem;font-weight:700;color:var(--blue-700);white-space:nowrap}.modal-overlay{position:fixed;inset:0;background:#0f172a59;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease-out}.modal-glass{background:#ffffffb3;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid rgba(255,255,255,.9);border-radius:var(--r-2xl);width:100%;max-width:850px;max-height:90vh;overflow-y:auto;box-shadow:var(--sh-modal);animation:modalUp .4s cubic-bezier(.16,1,.3,1);font-family:var(--font-body);position:relative}.mgl-header{background:linear-gradient(135deg,#fffc,#eff6ff99);border-radius:var(--r-2xl) var(--r-2xl) 0 0;padding:2.5rem 3rem 2rem;border-bottom:1px solid rgba(255,255,255,.8);display:flex;justify-content:space-between;align-items:flex-start}.mgl-header-left{display:flex;flex-direction:column;gap:.75rem}.mgl-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--blue-700);background:#fff9;border:1px solid #fff;padding:.4rem 1rem;border-radius:999px;width:fit-content;box-shadow:0 2px 8px #2563eb0d}.mgl-title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--blue-950);margin:0;letter-spacing:-.03em;line-height:1.2}.mgl-header-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.mgl-status-tag{font-family:var(--font-display);font-size:.85rem;font-weight:800;padding:.4rem 1.2rem;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 4px 12px #0000000d}.mst-To-Do{background:#fff;color:var(--blue-600);border:1px solid var(--blue-200)}.mst-In-Progress{background:#fff;color:#d97706;border:1px solid #fde68a}.mst-Completed{background:#fff;color:#059669;border:1px solid #bbf7d0}.mst-Backlog{background:#fff;color:#dc2626;border:1px solid #fecaca}.mgl-close{width:44px;height:44px;border-radius:50%;background:#fff9;border:1px solid #fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 4px 12px #0000000d}.mgl-close svg{display:block;width:14px;height:14px}.mgl-close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626;transform:rotate(90deg) scale(1.1);box-shadow:0 8px 24px #dc262633}.mgl-tabs{display:flex;background:#fff6;border-bottom:1px solid rgba(255,255,255,.6);padding:0 3rem}.mgl-tab{background:transparent;border:none;border-bottom:4px solid transparent;padding:1.2rem 1.5rem;font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .3s;margin-bottom:-1px;letter-spacing:.02em}.mgl-tab:hover{color:var(--blue-600)}.mgl-tab.active{color:var(--blue-600);border-bottom-color:var(--blue-500)}.mgl-body{padding:2.5rem 3rem 3rem}.mgl-form{display:flex;flex-direction:column;gap:1.5rem}.mgf-label{display:block;font-family:var(--font-display);font-size:.85rem;font-weight:800;color:var(--blue-900);margin-bottom:.5rem;letter-spacing:.05em;text-transform:uppercase}.mgf-input{width:100%;padding:1rem 1.25rem;background:#ffffffb3;border:1px solid #fff;border-radius:var(--r-md);font-family:var(--font-body);font-size:1.05rem;font-weight:500;color:#0f172a;transition:all .3s ease;outline:none;box-sizing:border-box;box-shadow:inset 0 2px 4px #00000005,0 2px 8px #2563eb05}.mgf-input::placeholder{color:var(--text-faint);font-weight:400}.mgf-input:focus{border-color:var(--blue-400);background:#fff;box-shadow:0 0 0 4px #3b82f626,inset 0 2px 4px #00000005}.mgf-textarea{min-height:120px;resize:vertical;line-height:1.6}.mgf-panel{background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff;border-radius:var(--r-xl);padding:1.5rem;box-shadow:0 4px 16px #2563eb08}.mgf-panel-hd{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--blue-700);margin-bottom:1.25rem}.mgf-grid2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.mgf-footer{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.6);gap:1rem;margin-top:1rem}.mgf-footer-right{display:flex;align-items:center;gap:1rem;margin-left:auto}.mgf-btn-pri{background:linear-gradient(135deg,var(--blue-600) 0%,var(--sky-500) 100%);color:#fff;border:none;padding:1.1rem 2.5rem;border-radius:var(--r-md);font-family:var(--font-display);font-weight:700;font-size:1.1rem;cursor:pointer;box-shadow:0 8px 24px #2563eb4d,inset 0 2px #fff3;transition:all .3s;letter-spacing:.02em;position:relative;overflow:hidden}.mgf-btn-pri:hover{transform:translateY(-3px);box-shadow:0 12px 32px #2563eb66}.mgf-btn-sec{background:#fff9;border:1px solid #fff;color:var(--blue-900);padding:1.1rem 2rem;border-radius:var(--r-md);font-family:var(--font-display);font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #0000000d}.mgf-btn-sec:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #00000014}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#60a5fa66;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#3b82f699}:root{--blue-900: #1e3a8a;--blue-800: #1e40af;--blue-600: #2563eb;--blue-500: #3b82f6;--blue-400: #60a5fa;--blue-300: #93c5fd;--sky-500: #0ea5e9;--text-main: #0f172a;--text-muted: #475569;--text-faint: #94a3b8;--font-body: "Plus Jakarta Sans", sans-serif;--font-display: "Space Grotesk", sans-serif;--glass-bg: rgba(255, 255, 255, .45);--glass-border: rgba(255, 255, 255, .8);--glass-highlight: rgba(255, 255, 255, 1);--glass-shadow: 0 8px 32px rgba(37, 99, 235, .1), inset 0 1px 2px rgba(255, 255, 255, .8);--glass-blur: blur(24px) saturate(150%);--r-md: 12px;--r-lg: 20px;--r-xl: 24px;--r-2xl: 32px}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-50px) scale(1.1)}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 6px #3b82f600}}.cal-page{display:flex;gap:2rem;padding:2rem;min-height:100vh;font-family:var(--font-body);color:var(--text-main);position:relative;overflow:hidden;background:#f0f6ff;background:radial-gradient(circle at 15% 15%,rgba(219,234,254,.9) 0%,transparent 50%),radial-gradient(circle at 85% 85%,rgba(186,230,253,.8) 0%,transparent 50%),radial-gradient(circle at 50% 50%,#eef5ff,#e0efff)}.cal-orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;pointer-events:none;animation:orbFloat 18s ease-in-out infinite alternate}.cal-orb-1{width:600px;height:600px;background:#93c5fd80;top:-100px;left:-100px}.cal-orb-2{width:500px;height:500px;background:#7dd3fc66;bottom:-50px;right:-50px;animation-delay:-5s}.cal-main{flex:1;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1.5px solid var(--glass-border);border-radius:var(--r-2xl);box-shadow:var(--glass-shadow);padding:2.5rem;position:relative;z-index:1;display:flex;flex-direction:column}.cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.cal-month-name{font-family:var(--font-display);font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,var(--blue-900),var(--blue-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.04em;line-height:1}.cal-year-num{font-family:var(--font-display);font-size:1.8rem;font-weight:600;color:var(--blue-400);margin-left:1rem}.cal-nav-btn{width:48px;height:48px;border-radius:50%;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid white;color:var(--blue-600);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #2563eb14}.cal-nav-btn:hover{background:#fff;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 24px #2563eb26}.cal-dow-row{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem;margin-bottom:1rem}.cal-dow-cell{text-align:center;font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--blue-600);text-transform:uppercase;letter-spacing:.15em}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem;flex:1}.cal-cell{min-height:120px;background:#ffffff4d;border:1px solid rgba(255,255,255,.6);border-radius:var(--r-lg);padding:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:.5rem}.cal-cell:hover{background:#ffffffb3;border-color:#fff;transform:translateY(-4px);box-shadow:0 12px 32px #2563eb1f}.cal-cell.is-today{background:#fffc;border:2px solid var(--blue-400);box-shadow:0 8px 24px #3b82f633}.cal-cell-num{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--text-muted);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.2s}.cal-cell.is-today .cal-cell-num{background:var(--blue-600);color:#fff}.day-pill{background:#fffc;border:1px solid white;border-left:3px solid var(--pill-ac, var(--blue-500));padding:.3rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #0000000a;transition:.2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-pill:hover{transform:translate(4px) scale(1.02);box-shadow:0 4px 12px #00000014}.sp-panel{width:340px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1.5px solid var(--glass-border);border-radius:var(--r-2xl);box-shadow:var(--glass-shadow);display:flex;flex-direction:column;z-index:1;overflow:hidden}.sp-head{padding:2rem;background:linear-gradient(180deg,rgba(255,255,255,.6) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.4)}.sp-head-title{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--blue-900)}.sp-head-date{font-size:.9rem;font-weight:600;color:var(--blue-600);margin-top:.2rem}.sp-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.sp-card{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid white;border-radius:var(--r-xl);padding:1.2rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 4px 16px #2563eb0d;transition:.3s ease;animation:fadeInSlide .4s ease-out backwards}.sp-card:hover{background:#fff;transform:translateY(-4px);box-shadow:0 12px 24px #2563eb1a}.sp-card:nth-child(1){animation-delay:.05s}.sp-card:nth-child(2){animation-delay:.1s}.sp-card:nth-child(3){animation-delay:.15s}.sp-card:nth-child(4){animation-delay:.2s}.sp-card-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-main)}.sp-card-time-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;color:var(--text-muted);background:#2563eb0d;padding:.4rem .8rem;border-radius:8px}.cal-overlay{position:fixed;inset:0;background:#0f172a4d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000;display:flex;align-items:center;justify-content:center}.cal-modal{background:#ffffffb3;-webkit-backdrop-filter:blur(40px) saturate(200%);backdrop-filter:blur(40px) saturate(200%);border:1px solid white;border-radius:var(--r-2xl);width:100%;max-width:480px;box-shadow:0 24px 64px #0f172a33,inset 0 2px #fff;animation:modalPop .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.cal-modal-head{padding:2rem;background:linear-gradient(135deg,#fffc,#eff6ff80);border-bottom:1px solid rgba(255,255,255,.6)}.cal-modal-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--blue-900)}.cal-modal-body{padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.cal-label{font-family:var(--font-display);font-size:.8rem;font-weight:700;color:var(--blue-800);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}.cal-input{width:100%;background:#fff9;border:1px solid rgba(255,255,255,.9);border-radius:var(--r-md);padding:1rem 1.2rem;font-size:1rem;font-family:var(--font-body);font-weight:500;color:var(--text-main);transition:all .3s ease;box-shadow:inset 0 2px 4px #00000005}.cal-input:focus{outline:none;background:#fff;border-color:var(--blue-400);box-shadow:0 0 0 4px #3b82f626,inset 0 2px 4px #00000005}.cal-save-btn{background:linear-gradient(135deg,var(--blue-600),var(--blue-400));color:#fff;border:none;padding:1.2rem;border-radius:var(--r-xl);font-family:var(--font-display);font-size:1.1rem;font-weight:700;cursor:pointer;transition:.3s;box-shadow:0 8px 24px #2563eb4d,inset 0 2px #fff3;margin-top:1rem}.cal-save-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #2563eb66,inset 0 2px #fff3}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#93c5fd80;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#60a5facc}.dp-root{min-height:100vh;background:linear-gradient(135deg,#f0f6ff,#e0f2fe,#f8fafc);padding:2.5rem 3rem 4rem;font-family:Plus Jakarta Sans,system-ui,sans-serif;color:#020617;position:relative;overflow-x:hidden;box-sizing:border-box}.dp-root:before,.dp-root:after{content:"";position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;opacity:.6;animation:dp-floatOrb 22s infinite alternate ease-in-out}.dp-root:before{width:480px;height:480px;background:radial-gradient(circle,#93c5fd,transparent 70%);top:-80px;right:-80px}.dp-root:after{width:400px;height:400px;background:radial-gradient(circle,#a5f3fc,transparent 70%);bottom:-80px;left:-80px;animation-delay:-7s}@keyframes dp-floatOrb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-50px) scale(1.1)}}.dp-page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem;position:relative;z-index:2}.dp-title{font-family:Space Grotesk,system-ui,sans-serif;font-size:3.2rem;font-weight:800;background:linear-gradient(135deg,#172554,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;letter-spacing:-.04em;line-height:1.1}.dp-subtitle{color:#1e40af;font-size:1.1rem;margin:0;font-weight:800}.dp-badge{display:flex;align-items:center;gap:.6rem;background:#fff;border:2px solid #bfdbfe;border-radius:999px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:800;color:#1e3a8a;box-shadow:0 4px 12px #2563eb26;text-transform:uppercase;letter-spacing:.05em}.dp-dot{width:12px;height:12px;border-radius:50%;background:#10b981;animation:dp-pulse-dot 2.5s infinite ease-in-out}@keyframes dp-pulse-dot{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 8px #10b98100}}.dp-root .dp-bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;gap:1.5rem;position:relative;z-index:2}.dp-root .dp-card{background:#fffffff2;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid rgba(203,213,225,.8);border-radius:24px;box-shadow:0 10px 30px #0f172a14,0 1px 2px #0000000a;padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease}.dp-root .dp-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0f172a1f,0 2px 6px #0000000d;background:#fff}.dp-root .dp-card--stat{grid-column:span 3}.dp-root .dp-card--chart-wide{grid-column:span 8}.dp-root .dp-card--chart-pie{grid-column:span 4}.dp-root .dp-card--chart-bar,.dp-root .dp-card--upcoming,.dp-root .dp-card--completed{grid-column:span 6}.dp-root .dp-card--form{grid-column:span 12;background:#fff;border:2px solid #dbeafe}.dp-root .dp-card--stat{display:flex;flex-direction:column;gap:.5rem;min-height:140px}.dp-root .dp-card--stat:after{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--dp-accent, #2563eb)}.dp-stat-icon{font-size:1.8rem;line-height:1;margin-bottom:.25rem}.dp-stat-value{font-family:Space Grotesk,system-ui,sans-serif;font-size:3.5rem;font-weight:800;line-height:1;letter-spacing:-.05em;color:#020617}.dp-stat-label{font-size:.9rem;font-weight:800;color:#020617;text-transform:uppercase;letter-spacing:.08em}.dp-stat-sub{font-size:.85rem;color:#1e293b;font-weight:700;margin-top:auto}.dp-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.dp-card-title{font-family:Space Grotesk,system-ui,sans-serif;font-size:1.3rem;font-weight:800;color:#020617;letter-spacing:-.02em}.dp-card-tag{font-size:.8rem;background:#dbeafe;color:#1e3a8a;padding:.35rem .85rem;border-radius:8px;font-weight:800}.dp-card-badge{font-size:.9rem;font-weight:800;padding:.25rem .85rem;border-radius:999px}.dp-card-badge--blue{background:#dbeafe;color:#1e3a8a;border:2px solid #bfdbfe}.dp-card-badge--green{background:#dcfce7;color:#14532d;border:2px solid #bbf7d0}.dp-root .dp-card--chart{min-height:300px}.dp-chart-legend{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#020617;margin-top:1rem;font-weight:800}.dp-legend-dot{display:inline-block;width:14px;height:14px;border-radius:50%}.dp-pie-legend{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.dp-pie-legend-row{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.dp-pie-legend-name{color:#020617;font-weight:800;flex:1}.dp-pie-legend-val{font-weight:900;color:#1e3a8a;background:#f1f5f9;padding:.2rem .6rem;border-radius:8px;border:1px solid #cbd5e1}.dp-chart-tooltip{background:#fffffffa;-webkit-backdrop-filter:blur(24px) saturate(200%);backdrop-filter:blur(24px) saturate(200%);border:2px solid #bfdbfe;border-radius:12px;padding:1rem 1.25rem;box-shadow:0 12px 32px #0f172a33;font-size:.95rem;font-family:Plus Jakarta Sans,system-ui,sans-serif}.dp-ct-label{font-weight:900;color:#020617;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.dp-ct-row{display:flex;justify-content:space-between;gap:1.5rem;margin-bottom:.3rem}.dp-ct-row strong{font-weight:900}.dp-task-scroll{display:flex;flex-direction:column;gap:.75rem;max-height:280px;overflow-y:auto;scrollbar-width:thin}.dp-task-scroll::-webkit-scrollbar{width:6px}.dp-task-scroll::-webkit-scrollbar-track{background:transparent}.dp-task-scroll::-webkit-scrollbar-thumb{background:#93c5fd;border-radius:10px}.dp-task-row{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:16px;background:#fff;border:2px solid #e2e8f0;transition:all .3s ease}.dp-task-row:hover{transform:translate(4px);box-shadow:0 8px 24px #0f172a14;border-color:#93c5fd}.dp-task-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.dp-task-info{flex:1;min-width:0}.dp-task-name{font-size:1.05rem;font-weight:800;color:#020617;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-task-name--done{color:#334155;text-decoration:line-through}.dp-task-meta{display:flex;gap:1rem;font-size:.85rem;color:#1e293b;margin-top:.35rem;font-weight:700}.dp-status-pill{font-size:.85rem;font-weight:800;padding:.4rem 1rem;border-radius:8px;white-space:nowrap;flex-shrink:0}.dp-status-pill--todo{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}.dp-status-pill--inprogress{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.dp-status-pill--complete{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.dp-empty-state{text-align:center;color:#334155;font-size:1rem;padding:3rem 0;font-weight:800}.dp-form{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;align-items:end}.dp-field{display:flex;flex-direction:column;gap:.5rem}.dp-field label{font-size:.9rem;font-weight:800;color:#020617;text-transform:uppercase;letter-spacing:.05em}.dp-opt{text-transform:none;font-weight:700;color:#334155;font-size:.8rem}.dp-input{width:100%;background:#fff;border:2px solid #bfdbfe;color:#020617;padding:1.1rem 1.25rem;border-radius:12px;font-size:1.05rem;font-weight:700;box-sizing:border-box;transition:all .3s ease;font-family:Plus Jakarta Sans,system-ui,sans-serif}.dp-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.dp-input::placeholder{color:#64748b;font-weight:600}.dp-input option{background:#fff;color:#020617}textarea.dp-input{resize:vertical;line-height:1.5}.dp-input[type=time]::-webkit-calendar-picker-indicator{opacity:.8;cursor:pointer}.dp-submit-btn{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;font-family:Space Grotesk,system-ui,sans-serif;font-size:1.15rem;font-weight:800;padding:1.25rem 1.5rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;letter-spacing:.02em;white-space:nowrap;box-shadow:0 8px 24px #1d4ed84d}.dp-submit-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #1d4ed873}.dp-submit-btn:active{transform:translateY(0)}.dp-alert{padding:1.2rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;font-size:1.05rem;font-weight:800;grid-column:span 4}.dp-alert--success{background:#dcfce7;color:#14532d;border:2px solid #22c55e}.dp-alert--error{background:#fee2e2;color:#7f1d1d;border:2px solid #ef4444}@media(max-width:1400px){.dp-root .dp-card--stat{grid-column:span 6}.dp-root .dp-card--chart-wide{grid-column:span 12}.dp-root .dp-card--chart-pie{grid-column:span 5}.dp-root .dp-card--chart-bar{grid-column:span 7}.dp-root .dp-card--upcoming,.dp-root .dp-card--completed{grid-column:span 6}.dp-root .dp-card--form{grid-column:span 12}}@media(max-width:900px){.dp-root{padding:1.5rem}.dp-root .dp-bento-grid{gap:1rem}.dp-root .dp-card--stat{grid-column:span 6}.dp-root .dp-card--chart-wide,.dp-root .dp-card--chart-pie,.dp-root .dp-card--chart-bar,.dp-root .dp-card--upcoming,.dp-root .dp-card--completed{grid-column:span 12}.dp-form{grid-template-columns:1fr 1fr}.dp-alert{grid-column:span 2}}@media(max-width:600px){.dp-root .dp-card--stat{grid-column:span 12}.dp-form{grid-template-columns:1fr}.dp-alert{grid-column:span 1}.dp-title{font-size:2.2rem}}:root{--blue-950: #172554;--blue-900: #1e3a8a;--blue-800: #1e40af;--blue-700: #1d4ed8;--blue-600: #2563eb;--blue-500: #3b82f6;--blue-400: #60a5fa;--blue-300: #93c5fd;--blue-200: #bfdbfe;--glass-bg: rgba(255, 255, 255, .95);--glass-bg-heavy: rgba(255, 255, 255, 1);--glass-border: rgba(203, 213, 225, .8);--glass-blur: blur(24px) saturate(150%);--shadow-glass: 0 10px 30px rgba(15, 23, 42, .08), 0 1px 2px rgba(0,0,0,.04);--shadow-glass-hover: 0 16px 40px rgba(15, 23, 42, .12), 0 2px 6px rgba(0,0,0,.05);--text-main: #020617;--text-muted: #1e293b;--text-faint: #334155;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-display:"Space Grotesk", system-ui, sans-serif}.expenses-root{min-height:calc(100vh - 60px);background:linear-gradient(135deg,#f0f6ff,#e0f2fe,#f8fafc);padding:2.5rem 3rem 4rem;font-family:var(--font-body);color:var(--text-main);position:relative;overflow-x:hidden;box-sizing:border-box}.expenses-orb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;opacity:.6;animation:floatOrb 22s infinite alternate ease-in-out}.expenses-orb-1{width:480px;height:480px;background:radial-gradient(circle,var(--blue-300),transparent 70%);top:-80px;right:-80px}.expenses-orb-2{width:400px;height:400px;background:radial-gradient(circle,#a5f3fc,transparent 70%);bottom:-80px;left:-80px;animation-delay:-7s}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-50px) scale(1.1)}}.expenses-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem;position:relative;z-index:2}.ex-title{font-family:var(--font-display);font-size:3.2rem;font-weight:800;background:linear-gradient(135deg,var(--blue-950) 0%,var(--blue-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .5rem;letter-spacing:-.04em;line-height:1.1}.ex-subtitle{color:var(--blue-800);font-size:1.1rem;margin:0;font-weight:800}.tabs{display:flex;gap:.6rem;background:#fffc;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:2px solid var(--blue-200);padding:.5rem;border-radius:16px;box-shadow:0 4px 12px #2563eb14}.tab-btn{background:transparent;border:none;color:var(--text-faint);padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;font-weight:800;font-size:.95rem;transition:all .3s ease;font-family:var(--font-body)}.tab-btn.active{background:linear-gradient(135deg,var(--blue-700),var(--blue-600));color:#fff;box-shadow:0 4px 16px #2563eb4d}.tab-btn:not(.active):hover{color:var(--blue-800);background:var(--blue-50)}.bento-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:2px solid var(--glass-border);border-radius:var(--r-xl, 24px);box-shadow:var(--shadow-glass);padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease}.bento-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glass-hover);background:var(--glass-bg-heavy)}.analytics-section{margin-bottom:2.5rem;position:relative;z-index:2}.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:1.5rem}.kpi-card{display:flex;flex-direction:column;justify-content:center;gap:.5rem;min-height:120px;border:2px solid var(--blue-100)}.kpi-label{font-size:.9rem;font-weight:800;color:var(--text-main);text-transform:uppercase;letter-spacing:.08em}.kpi-value{font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--blue-900);line-height:1;letter-spacing:-.05em}.charts-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}.chart-card{min-height:280px;padding:1.5rem;border:2px solid var(--blue-100)}.chart-card--wide{grid-column:span 1}.chart-title{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--text-main);letter-spacing:-.02em;margin-bottom:1.5rem}.chart-tooltip{background:#fffffffa;-webkit-backdrop-filter:blur(24px) saturate(200%);backdrop-filter:blur(24px) saturate(200%);border:2px solid var(--blue-200);border-radius:12px;padding:1rem 1.25rem;box-shadow:0 12px 32px #0f172a26;font-size:.95rem}.ct-label{font-weight:900;color:var(--text-main);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.ct-row{display:flex;justify-content:space-between;gap:1.5rem;margin-bottom:.3rem}.ct-row strong{font-weight:900}.expenses-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;position:relative;z-index:2}.raise-expense-card h3,.expense-history-card h3,.approvals-card h3{margin-top:0;margin-bottom:1.5rem;font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--text-main);letter-spacing:-.02em}.raise-expense-card{border:2px solid var(--blue-200);background:#fff}.expense-history-card,.approvals-card{border:2px solid var(--blue-100)}.ex-form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.ex-field{display:flex;flex-direction:column;gap:.5rem}.ex-field label{font-size:.9rem;font-weight:800;color:var(--text-main);text-transform:uppercase;letter-spacing:.05em}.opt{text-transform:none;font-weight:700;color:var(--text-faint);font-size:.8rem}.ex-input{width:100%;background:#fff;border:2px solid var(--blue-200);color:var(--text-main);padding:1.1rem 1.25rem;border-radius:12px;font-size:1.05rem;font-weight:700;box-sizing:border-box;transition:all .3s ease;font-family:var(--font-body)}.ex-input:focus{outline:none;border-color:var(--blue-600);box-shadow:0 0 0 4px #2563eb26}.ex-input::placeholder{color:#64748b;font-weight:600}textarea.ex-input{resize:vertical;line-height:1.5}.ex-submit-btn{width:100%;background:linear-gradient(135deg,var(--blue-700) 0%,var(--blue-600) 100%);color:#fff;font-family:var(--font-display);font-size:1.15rem;font-weight:800;padding:1.25rem 1.5rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;letter-spacing:.02em;box-shadow:0 8px 24px #1d4ed84d}.ex-submit-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #1d4ed873}.ex-submit-btn:active{transform:translateY(0)}.ex-alert{padding:1.2rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;font-size:1.05rem;font-weight:800}.ex-alert.success{background:#dcfce7;color:#14532d;border:2px solid #22c55e}.ex-alert.error{background:#fee2e2;color:#7f1d1d;border:2px solid #ef4444}.expense-list{display:flex;flex-direction:column;gap:.85rem}.expense-row{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.expense-row:hover{background:#fff;transform:translate(4px);box-shadow:0 8px 24px #0f172a14;border-color:var(--blue-300)}.ex-info{display:flex;flex-direction:column;gap:.5rem}.ex-name{font-size:1.1rem;font-weight:800;color:var(--text-main)}.ex-meta{display:flex;align-items:center;gap:1rem;font-size:.85rem;font-weight:700;color:var(--text-faint)}.ex-category-pill{background:var(--blue-50);border:1px solid var(--blue-200);color:var(--blue-800);padding:.25rem .75rem;border-radius:8px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.ex-meta-right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.ex-amount{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--text-main)}.ex-status-pill{font-size:.8rem;font-weight:800;padding:.35rem .85rem;border-radius:8px;white-space:nowrap}.status-rejected{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.status-approved{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.status-pending-l2{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.status-pending-l1{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.ex-payment-pill{font-size:.75rem;font-weight:800;padding:.25rem .75rem;border-radius:8px;white-space:nowrap}.ex-payment-pill.paid{background:#10b9811a;color:#15803d}.ex-payment-pill.rejected{background:#ef44441a;color:#b91c1c}.ex-payment-pill.pending{background:#f59e0b1a;color:#b45309}.empty-state{text-align:center;color:var(--text-faint);font-size:1.1rem;padding:3rem 0;font-weight:800}.approval-row{flex-direction:column;align-items:stretch;gap:1.5rem;border-left:4px solid var(--blue-400)}.ex-details-flex{display:flex;gap:2rem;align-items:center}.ex-requestor{display:flex;align-items:center;gap:1rem;min-width:180px}.ex-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--blue-600),var(--blue-400));border-radius:14px;display:flex;justify-content:center;align-items:center;font-family:var(--font-display);font-weight:800;color:#fff;font-size:1.2rem;box-shadow:0 4px 12px #2563eb4d}.ex-creator-name{font-weight:800;font-size:1.1rem;color:var(--text-main)}.ex-creator-dept{font-size:.85rem;color:var(--text-faint);font-weight:700;margin-top:.2rem}.ex-desc{font-size:.95rem;color:var(--text-muted);margin-top:.5rem;font-weight:500;line-height:1.4}.ex-actions-col{display:flex;justify-content:space-between;align-items:center;border-top:2px solid #e2e8f0;padding-top:1rem}.ex-action-buttons{display:flex;gap:.75rem}.btn-approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-weight:800;font-size:.95rem;box-shadow:0 4px 12px #10b9814d;transition:all .2s}.btn-approve:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-reject{background:#fff;color:#ef4444;border:2px solid #fca5a5;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-weight:800;font-size:.95rem;transition:all .2s}.btn-reject:hover{background:#fee2e2;border-color:#ef4444;transform:translateY(-2px)}@media(max-width:1400px){.charts-grid{grid-template-columns:1fr 1fr}}@media(max-width:1024px){.expenses-layout{grid-template-columns:1fr}.kpi-strip{grid-template-columns:1fr 1fr}.charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.expenses-root{padding:1.5rem}.ex-form{grid-template-columns:1fr}.ex-field[style],div[style*=gridColumn]{grid-column:span 1!important}.expenses-header{flex-direction:column;align-items:flex-start;gap:1rem}.tabs{flex-wrap:wrap}.ex-details-flex,.ex-actions-col{flex-direction:column;align-items:flex-start;gap:1rem}}.finance-container{padding:2rem;color:#fff;max-width:1200px;margin:0 auto}.finance-header{margin-bottom:2.5rem}.finance-header h2{margin:0 0 .5rem;font-size:2rem;font-weight:700}.subtitle{color:#888;margin:0;font-size:1.1rem}.empty-state{background:#1a1a1a;text-align:center;padding:4rem;border-radius:16px;color:#666;font-size:1.2rem;border:1px dashed #333}.expense-meta-finance{text-align:right;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.expense-amount-large{font-size:1.5rem;font-weight:800;color:#10b981}.approval-badge{background:#4b8af51a;color:#4b8af5;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid rgba(75,138,245,.2)}.approval-badge.rejected-badge{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.date-badge{color:#888;font-size:.85rem}.reject-reason{color:#ef4444;font-size:.85rem;background:#ef44441a;padding:.3rem .6rem;border-radius:4px;margin-top:.5rem}.spendings-dashboard{display:flex;flex-direction:column;gap:2rem}.spendings-hero{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);padding:3rem;border-radius:20px;text-align:center;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 30px #00000080}.spendings-hero h3{margin:0 0 1rem;color:#aaa;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px}.hero-amount{font-size:4rem;font-weight:900;background:-webkit-linear-gradient(45deg,#ff0b58,#f89b29);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.spendings-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.breakdown-card{background:#1a1a1a;border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.05)}.breakdown-card h3{margin-top:0;margin-bottom:1.5rem;font-size:1.2rem;border-bottom:1px solid #333;padding-bottom:1rem}.breakdown-card ul{list-style:none;padding:0;margin:0}.breakdown-card li{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.02)}.breakdown-card li:last-child{border-bottom:none}.breakdown-card li span{color:#bbb}.breakdown-card li strong{font-size:1.1rem}