@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root,[data-theme=light],html.light{--bg-primary: #f8fafc;--bg-primary-rgb: 248, 250, 252;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--brand-text-color: #1e293b;--border-color: #e2e8f0;--border-strong: #cbd5e1;--primary-color: #4f46e5;--primary-hover: #4338ca;--primary-rgb: 79, 70, 229;--color-primary-rgb: var(--primary-rgb);--primary-gradient: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);--color-primary-alpha: rgba(79, 70, 229, .12);--focus-ring: rgba(79, 70, 229, .22);--bg-hover: #eef2ff;--border-hover: #c7d2fe;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 24px 50px -12px rgba(15, 23, 42, .18);--shell-sidebar-bg: #ffffff;--shell-sidebar-border: #e2e8f0;--shell-sidebar-hover-bg: rgba(79, 70, 229, .08);--shell-sidebar-active-bg: rgba(79, 70, 229, .12);--topbar-bg: rgba(255, 255, 255, .88);--topbar-border: #e2e8f0;--topbar-text: #1f2937;--topbar-btn-bg: #f8fafc;--topbar-btn-border: #e2e8f0;--topbar-btn-hover-bg: #ffffff;--topbar-btn-hover-border: #cbd5e1;--topbar-btn-shadow: 0 8px 18px rgba(15, 23, 42, .08);--topbar-shadow: 0 8px 20px rgba(15, 23, 42, .07);--notification-badge-bg: #ef4444;--button-3d-shadow: 0 12px 22px rgba(79, 70, 229, .2)}[data-theme=dark],html.dark{--bg-primary: #020617;--bg-primary-rgb: 2, 6, 23;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--brand-text-color: #ffffff;--border-color: #243247;--border-strong: #334155;--primary-color: #6366f1;--primary-hover: #4f46e5;--primary-rgb: 99, 102, 241;--color-primary-rgb: var(--primary-rgb);--primary-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--color-primary-alpha: rgba(99, 102, 241, .2);--focus-ring: rgba(99, 102, 241, .3);--bg-hover: rgba(99, 102, 241, .14);--border-hover: rgba(129, 140, 248, .42);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4);--shadow-xl: 0 28px 60px -18px rgba(2, 6, 23, .72);--shell-sidebar-bg: #0b1220;--shell-sidebar-border: rgba(148, 163, 184, .12);--shell-sidebar-hover-bg: rgba(99, 102, 241, .13);--shell-sidebar-active-bg: rgba(99, 102, 241, .18);--topbar-bg: rgba(8, 13, 24, .86);--topbar-border: rgba(148, 163, 184, .12);--topbar-text: #f8fafc;--topbar-btn-bg: rgba(15, 23, 42, .88);--topbar-btn-border: rgba(148, 163, 184, .2);--topbar-btn-hover-bg: rgba(30, 41, 59, .92);--topbar-btn-hover-border: rgba(129, 140, 248, .5);--topbar-btn-shadow: 0 10px 22px rgba(2, 6, 23, .4);--topbar-shadow: 0 14px 28px rgba(2, 6, 23, .38);--notification-badge-bg: #fb7185;--button-3d-shadow: 0 14px 24px rgba(79, 70, 229, .32)}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;--color-primary: var(--primary-color);--color-primary-light: var(--primary-hover);--color-primary-dark: var(--primary-hover);--color-background: var(--bg-primary);--color-surface: var(--bg-secondary);--color-border: var(--border-color);--color-white: var(--bg-secondary);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-light: var(--text-muted);--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;min-width:320px;height:100vh;background-color:var(--color-background);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease;overflow:hidden}#root{width:100%;height:100%;overflow:hidden}::selection{background:#7c3aed47;color:#111827}::-moz-selection{background:#7c3aed47;color:#111827}[data-theme=dark] ::selection{background:#a78bfa57;color:#f8fafc}[data-theme=dark] ::-moz-selection{background:#a78bfa57;color:#f8fafc}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);margin:0;font-weight:600}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-light)}button{font-family:inherit;cursor:pointer;border:none;transition:all .2s ease}input,select,textarea{font-family:inherit;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--focus-ring)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{box-shadow:0 0 0 2px var(--focus-ring)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.95;filter:invert(0) brightness(.15)}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.45)}[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0) brightness(.15)}.card,.kpi-card,.request-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-sm);border-radius:12px;transition:transform .2s ease,box-shadow .2s ease}.btn-primary{background-color:var(--color-primary);color:#fff;padding:10px 20px;border-radius:8px;font-weight:600}.btn-primary:hover{background-color:var(--color-primary-light);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:10px 20px;border-radius:8px;font-weight:600}.btn-secondary:hover{background-color:var(--border-color)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar{width:280px;height:100vh;background:var(--shell-sidebar-bg);border-right:1px solid var(--shell-sidebar-border);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:100;transition:width .28s ease,transform .28s ease;box-shadow:18px 0 38px #02061714}.sidebar.collapsed{width:88px}.sidebar-header{min-height:120px;padding:18px 20px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.brand-container{min-width:0;display:flex;align-items:flex-start;justify-content:center;flex:1}.sidebar-app-logo{transition:transform .24s ease;transform-origin:top center}.sidebar-app-logo .app-brand-container{align-items:center}.sidebar-app-logo.mini .app-brand-container{padding:0}.brand-container:hover .sidebar-app-logo{transform:translateY(-1px)}.sidebar-toggle-btn{width:40px;height:40px;border-radius:12px;background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-toggle-btn:hover{background:var(--shell-sidebar-hover-bg);color:var(--color-primary)}.sidebar-nav{flex:1;padding:4px 14px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.sidebar-direct-block{display:flex;flex-direction:column}.sidebar-group{border-radius:18px;padding:4px 0}.sidebar-group-toggle{width:100%;padding:12px 14px;border-radius:16px;background:transparent;color:var(--text-primary);display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;letter-spacing:-.02em;text-align:left}.sidebar-group-toggle:hover{background:var(--shell-sidebar-hover-bg)}.sidebar-group-toggle.active{color:var(--color-primary)}.sidebar-group-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:inherit;flex-shrink:0}.sidebar-group-label{flex:1}.sidebar-group-chevron{color:var(--text-secondary);transition:transform .22s ease,color .22s ease}.sidebar-group.open .sidebar-group-chevron{transform:rotate(180deg)}.sidebar-group.active .sidebar-group-chevron,.sidebar-group-toggle.active .sidebar-group-chevron{color:currentColor}.sidebar-group-items{margin:4px 0 0 17px;padding:4px 0 0 18px;border-left:1px solid rgba(148,163,184,.22);display:grid;gap:6px;max-height:0;overflow:hidden;opacity:0;transition:max-height .26s ease,opacity .2s ease,margin-top .2s ease}.sidebar-group.open .sidebar-group-items{max-height:320px;opacity:1}.sidebar-group-items.standalone{max-height:none;opacity:1;margin-top:0;padding-top:0}.sidebar-item{display:flex;align-items:center;gap:12px;border-radius:16px;color:var(--text-primary);text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}.sidebar-item:hover{background:var(--shell-sidebar-hover-bg);color:var(--color-primary);transform:translate(2px)}.sidebar-item.active{color:var(--color-primary);background:var(--shell-sidebar-active-bg)}.sidebar-item.primary,.sidebar-item.footer,.sidebar-item.compact{padding:12px 14px;font-size:15px;font-weight:650;letter-spacing:-.02em}.sidebar-item.child{padding:10px 12px;font-size:14px;font-weight:560;color:var(--text-secondary)}.sidebar-item.footer{margin-bottom:2px}.sidebar-item.compact{justify-content:center;padding-inline:0}.sidebar-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-item-indicator{color:currentColor;opacity:.75;flex-shrink:0}.sidebar-footer{padding:18px 14px;border-top:1px solid var(--shell-sidebar-border);display:flex;flex-direction:column;gap:10px}.sidebar-utility{padding:8px 14px 14px;display:flex;flex-direction:column;gap:8px}.sidebar-utility.in-nav{padding:6px 0 0}.sidebar-signout{width:100%;padding:12px 14px;border-radius:16px;background:transparent;color:#ef4444;font-size:15px;font-weight:650;letter-spacing:-.02em;display:flex;align-items:center;gap:12px}.sidebar-signout:hover{background:#ef444414}.sidebar.collapsed .sidebar-header{padding-inline:18px}.sidebar.collapsed .sidebar-nav,.sidebar.collapsed .sidebar-footer,.sidebar.collapsed .sidebar-utility{padding-inline:10px}.sidebar.collapsed .sidebar-signout{justify-content:center;padding-inline:0}.sidebar.collapsed .sidebar-signout span{display:none}@media(max-width:1024px){.sidebar{width:100%;max-width:min(280px,86vw);height:100dvh}}.notif-container{position:relative;display:flex;align-items:center}.notif-bell-btn{width:44px;height:44px;padding:0;border-radius:12px;border:1px solid var(--topbar-btn-border);background:var(--topbar-btn-bg);color:var(--topbar-text);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;display:inline-flex;align-items:center;justify-content:center}.notif-bell-btn:hover{background:var(--topbar-btn-hover-bg);border-color:var(--topbar-btn-hover-border);color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--topbar-btn-shadow)}.notif-bell-btn.has-unread{color:var(--primary-color);border-color:rgba(var(--primary-rgb),.36)}.notif-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--notification-badge-bg);color:#fff;border:2px solid var(--topbar-bg);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 rgba(var(--primary-rgb),.4)}70%{box-shadow:0 0 0 10px rgba(var(--primary-rgb),0)}to{box-shadow:0 0 rgba(var(--primary-rgb),0)}}.notif-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:min(360px,92vw);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow-xl);z-index:1000;overflow:hidden;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.notif-header{padding:18px 18px 16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--bg-secondary)}.notif-header h3{margin:0;font-size:17px;font-weight:700;color:var(--text-primary)}.notif-unread-count{font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px;color:var(--primary-color);background:rgba(var(--primary-rgb),.12);border:1px solid rgba(var(--primary-rgb),.26);white-space:nowrap}.notif-list{max-height:420px;overflow-y:auto;background:var(--bg-secondary)}.notif-item{padding:14px 18px;display:flex;gap:12px;cursor:pointer;transition:all .18s ease;border-bottom:1px solid var(--border-color);position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-hover)}.notif-item.unread{background:rgba(var(--primary-rgb),.08)}.notif-item.unread:hover{background:rgba(var(--primary-rgb),.12)}.notif-icon-wrapper{margin-top:2px;width:30px;height:30px;border-radius:10px;background:var(--bg-tertiary);border:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.notif-icon-success{color:#10b981}.notif-icon-error{color:#ef4444}.notif-icon-info{color:#3b82f6}.notif-content{flex:1;min-width:0;padding-right:16px}.notif-message{margin:0 0 6px;font-size:13.5px;line-height:1.5;color:var(--text-primary);overflow-wrap:anywhere}.notif-time{display:inline-block;font-size:11.5px;color:var(--text-secondary)}.notif-unread-dot{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.22)}.notif-metadata{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.notif-meta-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.02em}.notif-meta-badge.project{background:rgba(var(--primary-rgb),.12);color:var(--primary-color);border:1px solid rgba(var(--primary-rgb),.26)}.notif-meta-badge.period{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.notif-empty{padding:56px 20px;text-align:center;color:var(--text-secondary)}.notif-empty p{margin-top:12px;font-size:14px}.notif-footer{padding:12px 18px;border-top:1px solid var(--border-color);background:var(--bg-tertiary);display:flex;justify-content:center}.notif-footer button{background:transparent;border:none;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;padding:0}.notif-footer button:hover{color:var(--text-primary)}.notif-list::-webkit-scrollbar{width:10px}.notif-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.notif-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid var(--bg-secondary)}.notif-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.animate-premium-slide-down{animation:premium-slide-down .24s cubic-bezier(.16,1,.3,1)}@keyframes premium-slide-down{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.top-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--topbar-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--topbar-border);box-shadow:var(--topbar-shadow);transition:all .3s ease}.top-bar-left{display:flex;align-items:center;gap:16px}.top-bar-right{display:flex;align-items:center;gap:12px}.top-bar-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--topbar-btn-border);border-radius:12px;background:var(--topbar-btn-bg);color:var(--topbar-text);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;outline:none}.top-bar-back-btn:hover{background:var(--topbar-btn-hover-bg);border-color:var(--topbar-btn-hover-border);transform:translate(-2px)}.top-bar-back-btn:active{transform:translate(-1px)}.top-bar-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--topbar-btn-border);border-radius:12px;background:var(--topbar-btn-bg);color:var(--topbar-text);cursor:pointer;transition:all .3s ease;outline:none}.top-bar-icon-btn:hover{background:var(--topbar-btn-hover-bg);border-color:var(--topbar-btn-hover-border);transform:translateY(-2px);box-shadow:var(--topbar-btn-shadow)}.top-bar-icon-btn:active{transform:translateY(0)}.top-bar-notifications{position:relative}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;background:var(--notification-badge-bg);color:#fff;font-size:11px;font-weight:700;border-radius:9px;border:2px solid var(--topbar-bg);box-shadow:0 2px 8px #ef444466}.top-bar-theme-toggle{position:relative;overflow:hidden}.top-bar-theme-toggle svg{transition:all .3s ease}.top-bar-theme-toggle:hover svg{transform:rotate(20deg) scale(1.1)}@media(max-width:768px){.top-bar{padding:12px 16px}.top-bar-back-btn span{display:none}.top-bar-back-btn{width:44px;padding:10px;justify-content:center}.top-bar-icon-btn{width:40px;height:40px}}.layout{display:flex;height:100vh;position:relative;width:100%;overflow:hidden}.layout-content{margin-left:280px;width:calc(100% - 280px);max-width:100%;background:var(--color-background);height:100vh;transition:margin-left .3s ease;min-width:0;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;scroll-behavior:smooth}.layout.collapsed .layout-content{margin-left:80px;width:calc(100% - 80px);max-width:calc(100% - 80px)}.sidebar-wrapper{z-index:50}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:40;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s}.sidebar-overlay.visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease,visibility 0s linear 0s}@media(max-width:1024px){.layout-content{margin-left:0;width:100%;max-width:100%}.sidebar-wrapper{position:fixed;top:0;left:0;bottom:0;width:min(280px,86vw);transform:translate(-100%);transition:transform .3s ease-in-out;z-index:101}.sidebar-wrapper .sidebar{width:100%;position:absolute;inset:0;height:100dvh;max-height:100dvh}.sidebar-wrapper.open{transform:translate(0)}}.bg-container{position:fixed;inset:0;width:100%;height:100vh;overflow:hidden;z-index:0;background-color:#fce8df}.bg-gradient-top-left,.bg-gradient-bottom-left,.bg-gradient-right-gold,.bg-gradient-bottom-right{position:absolute;border-radius:50%;filter:blur(120px)}.bg-gradient-top-left{width:90vw;height:80vh;top:-20vh;left:-20vw;background:#a965ee;opacity:.9}.bg-gradient-bottom-left{width:100vw;height:90vh;bottom:-30vh;left:-40vw;background:#252377;opacity:.95}.bg-gradient-right-gold{width:90vw;height:120vh;top:-10vh;right:-30vw;background:#ffebb8;opacity:.85}.bg-gradient-bottom-right{width:70vw;height:60vh;bottom:-20vh;right:0vw;background:#e9e3f8;opacity:.9}:root{--timely-indigo: #3B2FA0;--timely-purple: #6C5CE7;--timely-lavender: #A78BFA;--timely-gold: #F5C842;--timely-navy: #2A2360;--auth-primary: var(--timely-purple);--auth-primary-hover: var(--timely-indigo);--auth-hero-gradient: linear-gradient(135deg, var(--timely-navy) 0%, var(--timely-purple) 100%);--auth-panel-gradient: linear-gradient(155deg, #3B2FA0 0%, #6C5CE7 60%, #8B6FE8 100%);--auth-bg-color: #EDE9FA;--auth-card-bg: rgba(255, 255, 255, .96);--auth-text-main: #1a1340;--auth-text-secondary: #6b7280;--auth-border: #e5e7eb;--auth-input-bg: #f8f7fd;--auth-font: "Inter", system-ui, -apple-system, sans-serif}.auth-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:transparent;padding:24px;font-family:var(--auth-font);position:relative;overflow:hidden}.auth-shape,.auth-shape-1,.auth-shape-2,.auth-shape-3,.auth-shape-4{display:none}@keyframes authFloat{0%{transform:translate(0) scale(1)}33%{transform:translate(24px,-20px) scale(1.06)}66%{transform:translate(-16px,28px) scale(.96)}to{transform:translate(0) scale(1)}}.auth-card{width:100%;max-width:920px;min-height:540px;display:flex;flex-direction:row;background:var(--auth-card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:28px;box-shadow:0 2px 4px #3b2fa00f,0 8px 24px #3b2fa01f,0 32px 64px #3b2fa024;border:1px solid rgba(255,255,255,.85);position:relative;z-index:10;overflow:hidden;transition:box-shadow .4s ease}.auth-card:hover{box-shadow:0 4px 8px #3b2fa014,0 16px 40px #3b2fa02e,0 48px 80px #3b2fa029}.auth-panel-left{flex:0 0 44%;background-color:#1f2f95;background-repeat:no-repeat;background-position:center top;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:26px 24px 30px;position:relative;overflow:hidden;border-radius:24px 0 0 24px;box-shadow:inset 0 0 0 2px #2ba7ffe6}.auth-panel-left:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fffc,#ffffff0f 36%,#10185847),radial-gradient(circle at 58% 24%,#dad0ff38,#dad0ff00 48%);pointer-events:none}.auth-panel-left:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#121c6200 50%,#1622806b);pointer-events:none}.auth-panel-top{width:100%;display:flex;justify-content:center;position:relative;z-index:3;margin-top:6px}.auth-panel-logo{width:128px;height:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.12))}.auth-panel-middle{width:100%;flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.auth-illustration{width:100%;max-width:332px;height:auto;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 12px 26px rgba(20,25,86,.32));border-radius:0}.auth-panel-tagline{position:relative;z-index:3;margin:10px 0 0;color:#d7dcff;text-align:center;font-size:15px;line-height:1.35;font-weight:500}@keyframes illustrationFloat{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.auth-panel-right{flex:1;display:flex;flex-direction:column;justify-content:center;padding:48px}.auth-header{text-align:center;margin-bottom:28px}.auth-logo-wrapper{margin-bottom:20px;display:flex;justify-content:center}.auth-title{font-size:30px;font-weight:800;color:var(--auth-text-main);margin:0 0 6px;letter-spacing:-.6px;line-height:1.2}.auth-subtitle{color:var(--auth-text-secondary);font-size:14.5px;margin:0;font-weight:400}.auth-form{display:flex;flex-direction:column;gap:6px}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:13.5px;font-weight:600;color:var(--auth-text-main);margin-bottom:2px;display:block;letter-spacing:.01em}.form-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;z-index:10;transition:color .2s ease}.form-input{width:100%;height:50px;padding:0 16px 0 46px!important;border:1.5px solid var(--auth-border);border-radius:12px;font-size:14.5px;color:var(--auth-text-main)!important;background:var(--auth-input-bg)!important;transition:all .25s ease;outline:none;box-sizing:border-box;font-family:var(--auth-font)}.form-input-with-toggle{padding-right:48px!important}.form-input:focus{border-color:var(--timely-purple);background:#fff!important;box-shadow:0 0 0 3.5px #6c5ce71f}.form-input:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:var(--timely-purple)}.form-input::placeholder{color:#b0b7c3;font-weight:400;opacity:1}.forgot-password-link{font-size:13px;font-weight:500;margin-left:0;color:var(--timely-purple);text-decoration:none;transition:color .2s,opacity .2s}.forgot-password-link:hover{color:var(--timely-indigo);text-decoration:underline}.auth-button{width:100%;height:50px;margin-top:14px;border:none;border-radius:50px;background:linear-gradient(135deg,#2a2360,#3b2fa0 35%,#6c5ce7);color:#fff;font-size:15.5px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;box-shadow:0 4px 12px #3b2fa047,0 1px 3px #6c5ce733;font-family:var(--auth-font)}.auth-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none}.auth-button:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .55s ease}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #3b2fa06b,0 4px 8px #6c5ce747}.auth-button:hover:not(:disabled):after{left:140%}.auth-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #3b2fa047}.auth-button:disabled{opacity:.65;cursor:not-allowed;background:#9ca3af;box-shadow:none;transform:none}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px;font-size:13px;color:var(--auth-text-secondary)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--auth-border)}.auth-social-row{display:flex;align-items:center;justify-content:center;gap:12px}.auth-social-label{font-size:13.5px;color:var(--auth-text-secondary);font-weight:500}.auth-social-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--auth-border);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s ease;box-shadow:0 1px 4px #0000000f;text-decoration:none;color:inherit}.auth-social-btn:hover{border-color:var(--timely-purple);box-shadow:0 4px 12px #6c5ce72e;transform:translateY(-1px)}.social-icon-google{width:20px;height:20px}.social-icon-apple{font-size:20px;line-height:1}.auth-footer{margin-top:20px;text-align:center;font-size:13.5px;color:var(--auth-text-secondary);font-weight:400}.auth-link{color:var(--timely-purple);text-decoration:none;font-weight:600;margin-left:4px;transition:color .2s}.auth-link:hover{text-decoration:underline;color:var(--timely-indigo)}.auth-otp-note{margin:4px 0 0;font-size:12px;color:var(--auth-text-secondary)}.auth-helper-row{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.auth-text-button{border:none;background:transparent;color:var(--timely-purple);font-size:13px;font-weight:600;cursor:pointer;padding:0;font-family:var(--auth-font)}.auth-text-button:hover:not(:disabled){text-decoration:underline}.auth-text-button:disabled{opacity:.65;cursor:not-allowed}.auth-error{background:linear-gradient(135deg,#ef444412,#ef44440a);border:1px solid rgba(239,68,68,.25);color:#b91c1c;padding:10px 14px;border-radius:10px;font-size:13.5px;display:flex;align-items:center;gap:8px}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;display:flex;align-items:center;transition:color .2s;z-index:10}.password-toggle:hover{color:var(--timely-purple)}.password-toggle:disabled{cursor:not-allowed;opacity:.6}.auth-back-button{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--auth-text-secondary);font-size:14px;font-weight:600;cursor:pointer;z-index:20;padding:8px 14px;border-radius:8px;transition:all .2s ease}.auth-back-button:hover{color:var(--timely-purple);background:#6c5ce712}.auth-icon-badge{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#6c5ce71f,#3b2fa01f);border:2px solid rgba(108,92,231,.22);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--timely-purple)}.auth-icon-badge.success{background:linear-gradient(135deg,#22c55e1f,#10b9811f);border-color:#22c55e38;color:#22c55e}.auth-validation-list{list-style:none;padding:0;margin:4px 0 0;font-size:12px;color:#6b7280}.auth-validation-item{display:flex;align-items:center;gap:6px;margin-top:2px}.auth-validation-item.valid{color:#10b981}.auth-back-link{display:inline-flex;align-items:center;gap:6px;color:var(--auth-text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.auth-back-link:hover{color:var(--timely-purple)}.input-hint{font-size:12px;margin:4px 0 0}.input-hint.error{color:#ef4444}.input-hint.success{color:#22c55e}.password-strength{display:flex;align-items:center;gap:8px;margin-top:6px}.strength-bars{display:flex;gap:4px;flex:1}.strength-bar{height:4px;flex:1;border-radius:2px;background:var(--auth-border);transition:background-color .3s ease}.strength-label{font-size:12px;font-weight:600;min-width:40px;text-align:right;transition:color .3s ease}.auth-button-link{display:flex;align-items:center;justify-content:center;text-decoration:none}.auth-button-link:hover{text-decoration:none}.auth-success-box{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:8px 0}.auth-success-box p{color:var(--auth-text-secondary);font-size:14px;margin:0}.reset-token-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:16px;text-align:center}.reset-token-label{font-size:13px;font-weight:600;color:var(--auth-text-secondary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.reset-token-value{background:#1e293b;border-radius:8px;padding:12px 16px;margin-bottom:12px;word-break:break-all}.reset-token-value code{font-family:Courier New,Courier,monospace;font-size:13px;color:#94a3b8;letter-spacing:.5px}.reset-token-help{font-size:13px;color:var(--auth-text-secondary);margin:0;line-height:1.5}.auth-container.auth-signin{padding:30px}.auth-container.auth-signin .auth-card{max-width:960px;min-height:560px;border-radius:20px;background:#ffffff40;border:1px solid rgba(255,255,255,.45);box-shadow:0 16px 48px #00000026;padding:10px;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.auth-panels-wrapper{display:flex;width:100%;height:100%;border-radius:14px;overflow:hidden;background:#fafafa}.auth-container.auth-signin .auth-panel-left{flex:0 0 44%;background:radial-gradient(ellipse at 80% 60%,rgba(94,60,224,.8) 0%,transparent 50%),radial-gradient(circle at 20% 100%,#1e136b 0%,transparent 70%),linear-gradient(175deg,#fff 0% 15%,#ecebf7 30%,#5d42dd 60%,#2f1d9a);position:relative;padding:40px 30px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:none}.auth-container.auth-signin .auth-panel-left:before,.auth-container.auth-signin .auth-panel-left:after{display:none}.auth-container.auth-signin .auth-panel-top{display:flex;justify-content:center;margin-top:0}.auth-container.auth-signin .auth-panel-logo{width:130px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.1))}.auth-container.auth-signin .auth-illustration{max-width:320px;filter:drop-shadow(0 15px 35px rgba(25,10,85,.35))}.auth-container.auth-signin .auth-panel-tagline{color:#fff!important;font-size:14.5px;line-height:1.4;font-weight:500;text-align:center;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.auth-container.auth-signin .auth-panel-right{flex:1;padding:50px 70px;background:transparent;display:flex;flex-direction:column;justify-content:center}.auth-container.auth-signin .auth-header{text-align:center;margin-bottom:35px}.auth-container.auth-signin .auth-title{font-size:30px;font-weight:700;color:#1a1a2e;margin-bottom:8px;letter-spacing:-.3px}.auth-container.auth-signin .auth-subtitle{font-size:14.5px;color:#6a6b7d;font-weight:400}.auth-container.auth-signin .auth-form{gap:16px}.auth-container.auth-signin .form-group{gap:8px}.auth-container.auth-signin .form-label{font-size:13.5px;font-weight:600;color:#4a4b5d}.auth-container.auth-signin .form-input{height:50px;border-radius:12px;border:1px solid transparent;background:#f1f2f6!important;color:#1a1a2e!important;font-weight:500}.auth-container.auth-signin .form-input::placeholder{color:#8a8c9e;font-weight:400}.auth-container.auth-signin .input-icon{color:#8a8c9e}.auth-container.auth-signin .form-input:focus{background:#fff!important;border-color:#5d42dd;box-shadow:0 0 0 3px #5d42dd1f}.auth-container.auth-signin .form-input:focus+.input-icon,.auth-container.auth-signin .input-wrapper:focus-within .input-icon{color:#5d42dd}.auth-container.auth-signin .forgot-password-link{font-size:12px;color:#7a7c8d;font-weight:600;text-decoration:underline;text-decoration-color:transparent;transition:all .2s ease}.auth-container.auth-signin .forgot-password-link:hover{text-decoration-color:#7a7c8d}.auth-container.auth-signin .auth-button{height:52px;margin-top:20px;border-radius:999px;background:linear-gradient(90deg,#2b1c55,#171d47);color:#fff;font-size:15px;font-weight:600;box-shadow:0 6px 15px #1e144640;border:none;transition:all .3s ease}.auth-container.auth-signin .auth-button:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(90deg,#1e133c,#101435);box-shadow:0 8px 18px #1e14464d}.auth-container.auth-signin .auth-footer{margin-top:30px;font-size:14px;color:#6a6b7d;text-align:center}.auth-container.auth-signin .auth-link{color:#1a1a2e;font-weight:600;margin-left:6px;text-decoration:underline}.auth-container.auth-reset{--auth-primary: #b7f35a;--auth-primary-hover: #a3e84a;--auth-hero-gradient: linear-gradient(180deg, #c8ff6a 0%, #9eea3c 100%);--auth-bg-color: #12150f;--auth-card-bg: rgba(22, 25, 20, .95);--auth-text-main: #dff7b3;--auth-text-secondary: #a4b09b;--auth-border: rgba(255, 255, 255, .06);background-color:var(--auth-bg-color);background-image:radial-gradient(at 15% 10%,rgba(119,255,153,.12) 0px,transparent 45%),radial-gradient(at 85% 0%,rgba(196,255,118,.12) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(118,154,70,.2) 0px,transparent 55%)}.auth-container.auth-reset .auth-shape-1{background:#92ff6833}.auth-container.auth-reset .auth-shape-2{background:#c7ff6c2e}.auth-container.auth-reset .auth-card{border:1px solid rgba(255,255,255,.06);box-shadow:0 14px 40px #00000073,inset 0 0 0 1px #ffffff0a}.auth-container.auth-reset .auth-title{color:#cfff78}.auth-container.auth-reset .auth-subtitle{color:#a1aa95}.auth-container.auth-reset .form-label{color:#b7c1ae}.auth-container.auth-reset .form-input{background:#161a14e6!important;border-color:#ffffff14;color:#eef7df!important}.auth-container.auth-reset .form-input:focus{background:#161a14fa!important;border-color:var(--auth-primary);box-shadow:0 0 0 3px #b7f35a33}.auth-container.auth-reset .input-icon{color:#7e8c75}.auth-container.auth-reset .auth-button{background:var(--auth-hero-gradient);color:#1b220f;box-shadow:0 12px 28px #a0e94c59;border-radius:50px}.auth-container.auth-reset .auth-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 34px #a0e94c80}.auth-container.auth-reset .auth-back-button{color:#9aa38d;background:transparent}.auth-container.auth-reset .auth-back-button:hover{color:#cfff78;background:#cfff7814;box-shadow:none}.auth-container.auth-reset .auth-error{background-color:#ef444424;border-color:#ef444459;color:#fca5a5}.auth-container.auth-reset .password-strength .strength-bar{background-color:#ffffff14}.reset-sparkle{width:44px;height:44px;border-radius:50%;background:#b7f35a1f;border:1px solid rgba(183,243,90,.25);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:#cfff78}.auth-reset-card .auth-logo-wrapper{margin-bottom:12px}.auth-reset-card .auth-header{margin-bottom:28px}@media(max-width:720px){.auth-card{flex-direction:column;max-width:440px;min-height:auto}.auth-panel-left{flex:none;border-radius:24px 24px 0 0;padding:20px 20px 22px;min-height:320px}.auth-panel-logo{width:108px}.auth-illustration{max-width:220px}.auth-panel-tagline{font-size:14px}.auth-panel-right{padding:32px 28px}}@media(max-width:480px){.auth-panel-right{padding:24px 20px}}@media(max-width:900px){.auth-container.auth-signin .auth-card{max-width:820px;min-height:520px}.auth-container.auth-signin .auth-title{font-size:28px}}@media(max-width:720px){.auth-container.auth-signin{padding:16px}.auth-container.auth-signin .auth-card{min-height:auto;border-radius:16px;padding:8px}.auth-panels-wrapper{flex-direction:column}.auth-container.auth-signin .auth-panel-left{border-radius:0;min-height:300px;padding:30px 20px 24px}.auth-container.auth-signin .auth-panel-logo{width:110px}.auth-container.auth-signin .auth-illustration{max-width:240px}.auth-container.auth-signin .auth-panel-tagline{font-size:13.5px}.auth-container.auth-signin .auth-panel-right{border-radius:0;padding:35px 24px}.auth-container.auth-signin .auth-title{font-size:26px;margin-bottom:6px}}@media(max-width:480px){.auth-container.auth-signin .auth-title{font-size:24px}.auth-container.auth-signin .auth-subtitle{font-size:13px}.auth-container.auth-signin .form-input{height:48px}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:24px;font-weight:600;color:#1e293b}.modal-close{background:none;border:none;font-size:32px;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.modal-close:hover:not(:disabled){background-color:#f1f5f9}.modal-close:disabled{cursor:not-allowed;opacity:.5}.modal-form{padding:24px;display:flex;flex-direction:column;gap:20px}.modal-error{padding:12px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.modal-field{display:flex;flex-direction:column;gap:8px}.modal-field label{font-size:14px;font-weight:500;color:#1e293b}.modal-field input,.modal-field select{padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;transition:border-color .2s}.modal-field input:focus,.modal-field select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-field input:disabled,.modal-field select:disabled{background-color:#f1f5f9;cursor:not-allowed}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.modal-button-cancel,.modal-button-submit{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.modal-button-cancel{background-color:#f1f5f9;color:#1e293b}.modal-button-cancel:hover:not(:disabled){background-color:#e2e8f0}.modal-button-submit{background-color:#2563eb;color:#fff}.modal-button-submit:hover:not(:disabled){background-color:#1d4ed8}.modal-button-cancel:disabled,.modal-button-submit:disabled{opacity:.5;cursor:not-allowed}.confirm-modal-content{max-width:480px;width:90%;background:var(--bg-secondary);border-radius:16px;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;border:1px solid var(--border-color);animation:slideUp .3s ease-out}[data-theme=dark] .confirm-modal-content{box-shadow:0 25px 50px -12px #00000080}.confirm-modal-body{padding:32px 24px;text-align:center}.confirm-modal-description{margin:12px 0 0;color:var(--text-secondary);font-size:15px;line-height:1.6}.confirm-info-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-top:24px;text-align:left}.confirm-info-box h4{margin:0 0 16px;font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.confirm-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.confirm-info-label{font-size:14px;color:var(--text-secondary);font-weight:500}.confirm-info-value{font-size:14px;color:var(--text-primary);font-weight:700}.confirm-modal-content .modal-header{padding:24px 24px 0;border:none;background:transparent;display:flex;flex-direction:column;align-items:center}.confirm-modal-content .modal-header h2{margin:0;font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.confirm-modal-content .modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:4px;line-height:1;transition:all .2s}.confirm-modal-content .modal-close:hover{color:#ef4444}.confirm-modal-actions{display:flex;gap:12px;justify-content:center;padding:0 24px 32px;background:transparent;border-top:none}.confirm-modal-button{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:140px;display:flex;align-items:center;justify-content:center}.confirm-modal-button:disabled{cursor:not-allowed;opacity:.6}.confirm-modal-button-cancel{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.confirm-modal-button-cancel:hover:not(:disabled){background:var(--border-color);transform:translateY(-1px)}.confirm-modal-button-confirm{color:#fff;box-shadow:0 4px 6px -1px var(--shadow-color)}.confirm-modal-button-confirm:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 15px -3px var(--shadow-color)}@media(max-width:768px){.confirm-modal-content{width:95%;max-width:95%}.confirm-modal-actions{flex-direction:column-reverse}.confirm-modal-button{width:100%}}.sa2-root{--sa-bg: var(--bg-primary);--sa-surface: var(--bg-secondary);--sa-card: var(--bg-secondary);--sa-border: var(--border-color);--sa-border-strong: var(--border-strong);--sa-text: var(--text-primary);--sa-muted: var(--text-secondary);--sa-primary: var(--primary-color);--sa-primary-strong: var(--primary-hover);--sa-success-bg: rgba(16, 185, 129, .1);--sa-success-text: #10b981;--sa-danger-bg: rgba(239, 68, 68, .1);--sa-danger-text: #ef4444;--glass-blur: none;--shadow-lg: var(--shadow-lg);--shadow-glow: none;min-height:100vh;height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);background:var(--sa-bg);color:var(--sa-text);font-family:inherit;overflow:hidden;transition:background .3s ease,color .3s ease}[data-theme=dark] .sa2-root,.dark .sa2-root{--sa-bg: #020617;--sa-surface: rgba(21, 27, 43, .4);--sa-card: rgba(21, 27, 43, .72);--sa-border: rgba(255, 255, 255, .08);--sa-border-strong: rgba(255, 255, 255, .12);--sa-text: #f1f5f9;--sa-muted: #94a3b8;--sa-primary: #6366f1;--sa-primary-strong: #4f46e5;--sa-success-bg: rgba(16, 185, 129, .15);--sa-success-text: #34d399;--sa-danger-bg: rgba(239, 68, 68, .15);--sa-danger-text: #f87171;--shadow-lg: 0 20px 40px rgba(0, 0, 0, .4);--shadow-glow: 0 0 30px rgba(255, 255, 255, .05)}.sa2-sidebar{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--sa-border);padding:0;position:sticky;top:0;z-index:50;transition:background .3s ease}[data-theme=dark] .sa2-sidebar{background:#020617}.sa2-sidebar-header{height:80px;padding:0 24px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.sa2-logo{display:flex;align-items:center;justify-content:center;margin:0;font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--sa-text);text-transform:uppercase}.sa2-nav{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:4px}.sa2-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--sa-muted);text-decoration:none;font-size:14px;font-weight:600;border-radius:12px;transition:all .2s cubic-bezier(.16,1,.3,1);background:transparent;border:none;width:100%;cursor:pointer;text-align:left}.sa2-nav-item:hover{background:#6366f10f;color:var(--sa-primary);transform:translate(4px)}.sa2-nav-item.active{background:#6366f114;color:var(--sa-primary)}[data-theme=dark] .sa2-nav-item:hover{background:#ffffff0a;color:#fff}[data-theme=dark] .sa2-nav-item.active{background:#818cf81a;color:#a5b4fc}.sa2-sidebar-footer{padding:24px 16px;display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--sa-border)}.sa2-account-chip{display:flex;align-items:center;gap:12px;padding:12px;background:#00000005;border-radius:14px;transition:all .3s}[data-theme=dark] .sa2-account-chip{background:#ffffff08}.sa2-chip-avatar{width:36px;height:36px;border-radius:10px;background:var(--sa-primary-strong);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:2px solid #fff;box-shadow:0 4px 12px #0000001a}[data-theme=dark] .sa2-chip-avatar{border-color:#1e293b}.sa2-chip-info{display:flex;flex-direction:column;min-width:0}.sa2-chip-name{font-size:13px;font-weight:700;color:var(--sa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa2-chip-role{font-size:10px;font-weight:700;color:var(--sa-muted);text-transform:uppercase;letter-spacing:.05em}.sa2-signout{width:100%;padding:12px;background:transparent;border:none;color:var(--sa-muted);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:12px;border-radius:12px;transition:all .3s}.sa2-signout:hover{background:#ef444414;color:#ef4444}.sa2-main{padding:32px 40px;height:100vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.sa2-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:32px}.sa2-header h2{margin:0;font-size:32px;font-weight:800;letter-spacing:-.04em;color:var(--sa-text)}.sa2-header p{margin:8px 0 0;color:var(--sa-muted);font-weight:500;font-size:15px}.sa2-primary-btn,.sa2-subtle-btn,.sa2-inline-btn{border-radius:12px;border:1px solid transparent;font-size:13px;font-weight:800;transition:all .2s ease;cursor:pointer}.sa2-primary-btn{background:var(--sa-primary);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.sa2-primary-btn:hover:not(:disabled){background:var(--sa-primary-strong);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.sa2-primary-btn:disabled,.sa2-subtle-btn:disabled,.sa2-inline-btn:disabled,.sa2-pagination button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.sa2-subtle-btn,.sa2-pagination button,.sa2-inline-btn{border-color:var(--sa-border-strong);color:var(--sa-text);background:var(--sa-surface);padding:8px 12px}.sa2-subtle-btn:hover,.sa2-pagination button:hover,.sa2-inline-btn:hover{border-color:var(--sa-primary);color:var(--sa-primary)}.sa2-wide-btn{justify-content:center;width:100%}.sa2-banner{margin-bottom:24px;border-radius:12px;border:1px solid;padding:12px 16px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);animation:sa-slide-down .4s ease-out}.sa2-banner.sa2-banner-error{border-color:#ef44444d;color:#ef4444;background:#ef444414;box-shadow:0 4px 12px #ef44441a}.dark .sa2-banner.sa2-banner-error{border-color:#ef444433;color:#f87171;background:#ef44441a}@keyframes sa-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes sa-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sa2-section{display:grid;gap:24px;animation:sa-fade-in .5s cubic-bezier(.4,0,.2,1)}.sa2-welcome{display:flex;align-items:center;justify-content:space-between;padding:32px;background:var(--sa-card);border:1px solid var(--sa-border);border-radius:20px;box-shadow:var(--shadow-lg);margin-bottom:8px}.sa2-welcome-text h2{font-size:28px;font-weight:800;margin:0;letter-spacing:-.03em}.sa2-welcome-text p{color:var(--sa-muted);margin:8px 0 0;font-size:15px}.sa2-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sa2-stat-card{display:flex;align-items:center;gap:20px;padding:24px;background:var(--sa-card);border:1px solid var(--sa-border);border-radius:20px;box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.sa2-stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.sa2-stat-card.glow-purple:hover{border-color:#818cf8;box-shadow:0 20px 25px -5px #6366f133}.sa2-stat-card.glow-blue:hover{border-color:#60a5fa;box-shadow:0 20px 25px -5px #3b82f633}.sa2-stat-card.glow-amber:hover{border-color:#fbbf24;box-shadow:0 20px 25px -5px #f59e0b33}.sa2-stat-card.glow-green:hover{border-color:#34d399;box-shadow:0 20px 25px -5px #10b98133}.sa2-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}.sa2-stat-icon.purple{background:#6366f11a;color:#6366f1}.sa2-stat-icon.blue{background:#3b82f61a;color:#3b82f6}.sa2-stat-icon.amber{background:#f59e0b1a;color:#f59e0b}.sa2-stat-icon.green{background:#10b9811a;color:#10b981}.sa2-stat-card:hover .sa2-stat-icon{transform:scale(1.1) rotate(-5deg)}.sa2-stat-info p{margin:0;font-size:12px;font-weight:700;color:var(--sa-muted);text-transform:uppercase;letter-spacing:.05em}.sa2-stat-info strong{display:block;font-size:28px;font-weight:800;margin-top:4px;color:var(--sa-text);letter-spacing:-.02em}.sa2-kpi-card:hover{transform:translateY(-4px);border-color:var(--sa-primary);box-shadow:0 12px 24px #6366f11a}.sa2-kpi-card p{margin:0;color:var(--sa-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sa2-kpi-card strong{display:block;margin-top:8px;font-size:28px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--sa-text)}.sa2-kpi-card small{display:block;margin-top:6px;font-size:12px;color:var(--sa-muted);font-weight:500}.sa2-grid-2col{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:14px}.sa2-panel{border:1px solid var(--sa-border);border-radius:20px;background:var(--sa-card);box-shadow:var(--shadow-lg);padding:24px;position:relative;overflow:hidden;transition:all .3s ease}.sa2-panel:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.sa2-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.sa2-panel-head h3{margin:0;font-size:18px}.sa2-org-list{display:grid;gap:8px}.sa2-org-row{border:1px solid var(--sa-border);border-radius:12px;padding:11px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:var(--sa-surface);cursor:pointer;transition:all .2s ease}.sa2-org-row:hover{border-color:var(--sa-primary);transform:translateY(-1px)}.sa2-org-main{display:flex;align-items:center;gap:11px;min-width:0}.sa2-org-avatar{width:36px;height:36px;border-radius:10px;border:1px solid rgba(77,117,211,.34);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--sa-primary);background:#4873d824;flex-shrink:0}.sa2-org-main strong{display:block;font-size:14px;color:var(--sa-text)}.sa2-org-main span{display:block;margin-top:2px;color:var(--sa-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis}.sa2-org-right{display:flex;align-items:center;gap:8px;color:var(--sa-muted)}.sa2-status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.sa2-status-pill.active{background:var(--sa-success-bg);color:var(--sa-success-text)}.sa2-status-pill.on_hold,.sa2-status-pill.suspended,.sa2-status-pill.expired{background:var(--sa-danger-bg);color:var(--sa-danger-text)}.sa2-status-pill.pending{background:#fff3df;color:#ab6917}.dark .sa2-status-pill.pending{background:#3e2b13;color:#ffc77c}.sa2-health-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.sa2-health-chip.ok{background:var(--sa-success-bg);color:var(--sa-success-text)}.sa2-health-chip.warn{background:var(--sa-danger-bg);color:var(--sa-danger-text)}.sa2-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sa2-health-item{display:flex;align-items:center;gap:10px;border:1px solid var(--sa-border);border-radius:12px;background:var(--sa-surface);padding:12px;color:var(--sa-muted)}.sa2-health-item svg{color:var(--sa-primary)}.sa2-health-item p{margin:0;font-size:12px;font-weight:700}.sa2-health-item strong{display:block;margin-top:2px;color:var(--sa-text);font-size:14px}.sa2-panel-head-wrap{flex-wrap:wrap}.sa2-search-wrap{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--sa-border);border-radius:14px;background:var(--sa-surface);color:var(--sa-muted);padding:0 16px;min-width:320px;transition:all .2s}.sa2-search-wrap:focus-within{border-color:var(--sa-primary);box-shadow:0 0 0 4px #6366f11a}.sa2-search-wrap input{border:none;background:transparent;width:100%;color:var(--sa-text);font-size:14px;font-weight:500;font-family:inherit;padding:12px 0}.sa2-search-wrap input:focus{outline:none}.sa2-table-wrap{overflow-x:auto}.sa2-table{width:100%;border-collapse:separate;border-spacing:0;min-width:680px}.sa2-table th{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sa-muted);padding:16px 12px;border-bottom:1px solid var(--sa-border);text-align:left}.sa2-table td{padding:16px 12px;border-bottom:1px solid var(--sa-border);vertical-align:middle;transition:background .2s}.sa2-table tr:hover td{background:#6366f108}.sa2-org-link{border:none;background:transparent;color:var(--sa-primary);font-size:14px;font-weight:700;cursor:pointer;padding:0;transition:all .2s;text-decoration:none}.sa2-org-link:hover{color:var(--sa-primary-strong);opacity:.8}.sa2-table-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.sa2-table-actions .sa2-subtle-btn{display:inline-flex;align-items:center;gap:6px}.sa2-2fa-radio-group{display:flex;background:var(--sa-surface);padding:4px;border-radius:10px;border:1px solid var(--sa-border);width:fit-content;gap:2px}.sa2-2fa-radio{cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:7px;font-size:11px;font-weight:700;color:var(--sa-muted);transition:all .2s;-webkit-user-select:none;user-select:none}.sa2-2fa-radio:has(input:checked){background:var(--sa-primary);color:#fff;box-shadow:0 2px 4px #6366f133}.sa2-2fa-radio input{display:none}.sa2-org-detail-cell{padding:0;background:var(--sa-surface)}.sa2-org-detail-card{border:1px solid var(--sa-border);border-radius:16px;margin:16px;padding:20px;background:var(--sa-surface);box-shadow:inset 0 2px 4px #0000000d}.sa2-org-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.sa2-org-detail-head strong{font-size:15px;color:var(--sa-text)}.sa2-org-detail-loading,.sa2-org-detail-error,.sa2-org-detail-empty{font-size:13px;color:var(--sa-muted);font-weight:700}.sa2-org-detail-error{color:var(--sa-danger-text)}.sa2-org-detail-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.sa2-org-detail-metrics>div{border:1px solid var(--sa-border);border-radius:10px;padding:10px;background:var(--sa-surface)}.sa2-org-detail-metrics span{display:block;font-size:12px;color:var(--sa-muted);font-weight:700}.sa2-org-detail-metrics strong{display:block;margin-top:4px;font-size:24px;font-weight:800;letter-spacing:-.01em;color:var(--sa-primary)}.sa2-org-detail-employees>span{display:block;font-size:12px;color:var(--sa-muted);font-weight:700;margin-bottom:8px}.sa2-org-detail-chip-wrap{display:flex;flex-wrap:wrap;gap:8px}.sa2-org-detail-chip{display:inline-flex;align-items:center;border:1px solid var(--sa-border-strong);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--sa-text);background:var(--sa-surface)}.sa2-danger-btn{border-color:#e8b3b3;color:#ad3030;background:#fff3f3}.sa2-danger-btn:hover{border-color:#d47474;color:#932323}.dark .sa2-danger-btn{border-color:#6a343b;color:#ff9b9b;background:#321b21}.sa2-pagination{margin-top:12px;display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--sa-muted);font-size:13px;font-weight:700}.sa2-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.sa2-profile-wrap{display:flex;align-items:center;gap:24px;padding:8px 0 24px}.sa2-profile-avatar{width:84px;height:84px;border-radius:20px;border:1px solid var(--sa-border);background:var(--sa-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:28px;color:var(--sa-primary);font-weight:800;transition:all .3s ease;cursor:default;flex-shrink:0}.sa2-profile-avatar:hover{border-color:var(--sa-primary)}.sa2-profile-avatar img{width:100%;height:100%;object-fit:cover}.sa2-profile-actions{display:flex;gap:8px}.sa2-inline-btn{display:inline-flex;align-items:center;gap:6px}.sa2-inline-btn input{display:none}.sa2-inline-btn.disabled{opacity:.55;pointer-events:none}.sa2-form{margin-top:16px;display:flex;flex-direction:column;gap:12px}.sa2-field{display:flex;flex-direction:column;gap:6px}.sa2-form label{font-size:13px;color:var(--sa-text);font-weight:700;margin-bottom:6px;display:block}.sa2-form input{width:100%;border:1px solid var(--sa-border);border-radius:12px;background:var(--sa-surface);color:var(--sa-text);font-size:14px;font-weight:500;font-family:inherit;padding:12px 14px;transition:all .2s}.sa2-form input:focus{outline:none;border-color:var(--sa-primary);background:var(--sa-card);box-shadow:0 0 0 4px #6366f11a}.sa2-notice{margin-top:14px;border-radius:12px;border:1px solid transparent;padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;line-height:1.4}.sa2-notice.success{background:var(--sa-success-bg);color:var(--sa-success-text);border-color:#10b98133}.sa2-notice.error{background:var(--sa-danger-bg);color:var(--sa-danger-text);border-color:#ef444433}.sa2-mode-row{border:1px solid var(--sa-border);border-radius:16px;background:var(--sa-surface);padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.sa2-mode-row p{margin:0;font-size:15px;font-weight:700;color:var(--sa-text)}.sa2-mode-row span{display:block;margin-top:4px;color:var(--sa-muted);font-size:12px;font-weight:600}.sa2-empty-state{border:1px dashed var(--sa-border-strong);border-radius:14px;background:var(--sa-surface);text-align:center;padding:24px;color:var(--sa-muted);font-size:14px;font-weight:700}.sa2-empty-inline{padding:12px}.sa2-empty-state p{margin:0}@media(max-width:1400px){.sa2-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sa2-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1080px){.sa2-root{grid-template-columns:1fr;height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden}.sa2-sidebar{min-height:auto;gap:14px}.sa2-nav{margin-top:0;flex-direction:row;flex-wrap:wrap}.sa2-nav-item{flex:1 1 160px}.sa2-sidebar-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center}.sa2-signout{width:auto;padding:10px 14px}.sa2-main{padding-top:18px;height:auto;overflow:visible}.sa2-grid-2col,.sa2-settings-grid{grid-template-columns:1fr}}@media(max-width:760px){.sa2-main{padding:16px}.sa2-header{flex-direction:column;align-items:flex-start}.sa2-header h2{font-size:30px}.sa2-kpi-grid{grid-template-columns:1fr}.sa2-search-wrap{min-width:100%}.sa2-sidebar{padding:16px}.sa2-sidebar-footer{grid-template-columns:1fr}.sa2-signout{width:100%}.sa2-profile-wrap{align-items:flex-start;flex-direction:column}}.dashboard{padding:32px}.dashboard-title{font-size:32px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.dashboard-subtitle{font-size:16px;color:var(--color-text-secondary);margin:0 0 32px}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px}.dashboard-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.dashboard-card-label{font-size:14px;color:var(--color-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.dashboard-card-value{font-size:32px;font-weight:700;color:var(--color-primary)}.dashboard-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dashboard-section h2{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0 0 16px}.dashboard-link{color:var(--color-primary);text-decoration:none;font-size:14px;font-weight:500}.dashboard-link:hover{text-decoration:underline}.dashboard-list{display:flex;flex-direction:column;gap:12px}.dashboard-list-item{padding:16px;border:1px solid var(--color-border);border-radius:8px;transition:background-color .2s}.dashboard-list-item:hover{background-color:var(--color-background)}.dashboard-list-item-title{font-size:16px;font-weight:500;color:var(--color-text-primary);margin-bottom:4px}.dashboard-list-item-subtitle{font-size:14px;color:var(--color-text-secondary)}.dashboard-empty{padding:32px;text-align:center;color:var(--color-text-secondary)}.dashboard-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:18px;color:var(--color-text-secondary)}.modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container{background:var(--color-surface);border-radius:20px;width:100%;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--color-border);display:flex;flex-direction:column;max-height:85vh;position:relative;overflow:hidden}[data-theme=dark] .modal-container{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080}.modal-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border)}[data-theme=dark] .modal-header{border-color:#ffffff0d}.modal-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.modal-close-btn{background:none;border:none;font-size:2rem;line-height:1;color:var(--color-text-secondary);cursor:pointer;transition:color .2s;height:32px;width:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close-btn:hover{color:var(--color-text-primary);background:var(--color-background)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:12px}[data-theme=dark] .modal-footer{border-color:#ffffff0d}.animate-premium-pop-in{animation:premiumPopIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes premiumPopIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dashboard-content-wrapper{flex:1;display:flex;flex-direction:column;min-height:100vh;background:var(--color-background);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .3s ease}.top-header{display:flex;align-items:center;gap:16px;padding:16px 32px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:30;transition:all .3s ease}.top-header-menu{background:none;border:none;cursor:pointer;padding:6px;color:var(--color-text-secondary);display:none;align-items:center}.top-header-search{flex:1;max-width:420px;position:relative}.top-header-search input{width:100%;padding:8px 12px 8px 36px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-background);font-size:13px;color:var(--color-text-primary);outline:none;transition:all .2s}.top-header-search input::placeholder{color:var(--color-text-light)}.top-header-search input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a}.top-header-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-light)}.top-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.top-header-actions button{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--color-text-secondary);display:flex;align-items:center;transition:all .2s}.top-header-actions button:hover{background:var(--color-background);color:var(--color-text-primary)}.header-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-gradient, linear-gradient(135deg, #2563eb, #1d4ed8));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;cursor:pointer;box-shadow:0 2px 8px #2563eb33;transition:transform .2s}.header-avatar:hover{transform:scale(1.1)}.header-avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.content-area{padding:28px 32px;flex:1}.welcome-banner{background:var(--color-surface);border-radius:20px;padding:32px 40px;margin-bottom:24px;box-shadow:0 10px 30px #0000000a;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--color-border);transition:all .3s ease}.welcome-badge{display:inline-flex;align-items:center;gap:6px;background:#2563eb1a;color:var(--color-primary);font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;margin-bottom:12px}.welcome-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary)}.welcome-heading{font-size:32px;font-weight:800;color:var(--color-text-primary);margin-bottom:8px;letter-spacing:-.04em}.welcome-subtitle{font-size:14px;color:var(--color-text-secondary);margin:0}.welcome-link{font-size:12px;color:var(--color-primary);font-weight:600;text-decoration:none;cursor:pointer;transition:opacity .2s;margin-bottom:8px;display:block;text-align:right}.welcome-link:hover{opacity:.8;text-decoration:underline}.welcome-btn{background:var(--primary-gradient, linear-gradient(135deg, #2563eb, #1d4ed8));color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 4px 12px #2563eb33}.welcome-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb4d}.welcome-btn:active{transform:translateY(0)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}@media(max-width:1200px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-row{grid-template-columns:1fr}}.stat-card{background:var(--color-surface);border-radius:20px;padding:24px 28px;box-shadow:0 4px 15px #00000008;display:flex;align-items:center;gap:20px;border:1px solid var(--color-border);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #00000014}.stat-card.glow-purple:hover{border-color:#7c5cfc66;box-shadow:0 15px 30px #7c5cfc26}.stat-card.glow-blue:hover{border-color:#3b82f666;box-shadow:0 15px 30px #3b82f626}.stat-card.glow-amber:hover{border-color:#f59e0b66;box-shadow:0 15px 30px #f59e0b26}.stat-card.glow-green:hover{border-color:#22c55e66;box-shadow:0 15px 30px #22c55e26}.stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-icon.purple{background:#7c5cfc1a;color:#7c5cfc}.stat-icon.blue{background:#3b82f61a;color:#3b82f6}.stat-icon.amber{background:#f59e0b1a;color:#f59e0b}.stat-icon.green{background:#22c55e1a;color:#22c55e}.stat-icon svg{width:24px;height:24px}.stat-label{font-size:13px;color:var(--color-text-secondary);font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:.08em}.stat-value{font-size:34px;font-weight:800;color:var(--color-text-primary);line-height:1;margin:0;letter-spacing:-.01em}.bottom-panels{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-top:24px}@media(max-width:1024px){.bottom-panels{grid-template-columns:1fr}}.analytics-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}@media(max-width:1100px){.analytics-charts-row{grid-template-columns:1fr}}.analytics-panel{background:var(--color-surface);border-radius:20px;padding:28px;border:1px solid var(--color-border);box-shadow:0 4px 20px #0000000a;transition:all .3s ease;min-width:0}.analytics-panel:hover{box-shadow:0 8px 32px #00000014}.analytics-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.period-toggle-group{display:flex;background:var(--color-background, #f8fafc);padding:3px;border-radius:10px;border:1px solid var(--color-border);margin:0 auto 0 20px}[data-theme=dark] .period-toggle-group{background:#0f172a4d}.period-toggle-btn{padding:5px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;border-radius:7px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .25s ease}.period-toggle-btn:hover:not(.active){color:var(--color-text-primary)}.period-toggle-btn.active{background:var(--color-surface);color:var(--color-primary, #6366f1);box-shadow:0 2px 8px #0000000d}[data-theme=dark] .period-toggle-btn.active{background:#ffffff14;color:#818cf8;box-shadow:0 4px 12px #0003}.analytics-panel-title-wrap{display:flex;align-items:center;gap:8px}.analytics-panel-icon{color:var(--color-primary, #6366f1);flex-shrink:0}.analytics-panel-title{font-size:16px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.analytics-legend-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.analytics-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.analytics-legend-label{font-size:11px;font-weight:600;color:var(--color-text-secondary);margin-right:6px}.analytics-legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;align-items:center}.analytics-legend-item{display:flex;align-items:center;gap:6px;white-space:nowrap}.analytics-legend-dash{display:inline-block;width:16px;height:2px;border-radius:2px;flex-shrink:0}.analytics-chart-container{width:100%;height:260px;min-height:260px}.analytics-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-light);font-size:14px}.perf-tables-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;margin-bottom:32px}@media(max-width:1100px){.perf-tables-row{grid-template-columns:1fr}}.perf-panel{background:var(--color-surface);border-radius:20px;padding:24px;border:1px solid var(--color-border);box-shadow:0 4px 20px #0000000a;transition:all .3s ease;min-width:0}.perf-panel:hover{box-shadow:0 8px 32px #00000014}.perf-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.perf-panel-title-wrap{display:flex;align-items:center;gap:8px}.perf-panel-title{font-size:15px;font-weight:700;color:var(--color-text-primary)}.perf-icon-up{color:#22c55e}.perf-icon-down{color:#ef4444}.threshold-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.threshold-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.02em}.threshold-badge.green{background:#22c55e1f;color:#16a34a}.threshold-badge.yellow{background:#eab3081f;color:#a16207}.threshold-badge.red{background:#ef44441f;color:#dc2626}[data-theme=dark] .threshold-badge.green{background:#22c55e2e;color:#4ade80}[data-theme=dark] .threshold-badge.yellow{background:#eab3082e;color:#fbbf24}[data-theme=dark] .threshold-badge.red{background:#ef44442e;color:#f87171}.threshold-btn{display:inline-flex;align-items:center;gap:5px;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.threshold-btn:hover{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-primary)}.perf-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--color-border)}.perf-table{width:100%;border-collapse:collapse;font-size:13px}.perf-table thead tr{background:var(--color-background)}.perf-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid var(--color-border)}.perf-table td{padding:12px 14px;border-bottom:1px solid var(--color-border);vertical-align:middle}.perf-table tbody tr:last-child td{border-bottom:none}.perf-row{transition:background .15s}.perf-row:hover{background:#6366f10a}.perf-row-critical{background:#ef444408}.perf-row-critical:hover{background:#ef444412}.perf-name{font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:8px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perf-rank{font-size:11px;font-weight:700;color:var(--color-primary, #6366f1);background:#6366f11a;padding:1px 6px;border-radius:6px;flex-shrink:0}.perf-rank.danger{color:#ef4444;background:#ef44441a}.perf-num{font-weight:600;color:var(--color-text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.perf-margin{display:inline-flex;align-items:center;gap:3px;font-weight:700;font-size:13px;padding:3px 10px;border-radius:8px;white-space:nowrap}.perf-margin.green{background:#22c55e1a;color:#16a34a}.perf-margin.yellow{background:#eab3081a;color:#a16207}.perf-margin.red{background:#ef44441a;color:#dc2626}[data-theme=dark] .perf-margin.green{background:#22c55e26;color:#4ade80}[data-theme=dark] .perf-margin.yellow{background:#eab30826;color:#fbbf24}[data-theme=dark] .perf-margin.red{background:#ef444426;color:#f87171}.perf-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 3px #00000014}.perf-indicator.green{background:#22c55e}.perf-indicator.yellow{background:#eab308}.perf-indicator.red{background:#ef4444;box-shadow:0 0 0 3px #ef444433,0 0 8px #ef44444d;animation:pulse-red 1.6s ease-in-out infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 0 3px #ef444433,0 0 8px #ef44444d}50%{box-shadow:0 0 0 5px #ef44441a,0 0 16px #ef444466}}.perf-empty{text-align:center;padding:32px;color:var(--color-text-light);font-size:13px}.threshold-field{display:flex;flex-direction:column;gap:8px}.threshold-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--color-text-primary)}.threshold-label-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.threshold-label-dot.green{background:#22c55e}.threshold-label-dot.yellow{background:#eab308}.threshold-label-dot.red{background:#ef4444}.threshold-input{padding:10px 14px;border-radius:10px;border:1.5px solid var(--color-border);background:var(--color-background);color:var(--color-text-primary);font-size:15px;font-weight:600;width:100%;outline:none;transition:border-color .2s}.threshold-input:focus{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px #6366f11f}.threshold-preview{padding:16px;border-radius:12px;background:var(--color-background);border:1px solid var(--color-border)}.threshold-modal-cancel{padding:10px 20px;border-radius:10px;border:1.5px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.threshold-modal-cancel:hover{background:var(--color-background);color:var(--color-text-primary)}.threshold-modal-save{padding:10px 22px;border-radius:10px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #6366f140}.threshold-modal-save:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 16px #6366f159}[data-theme=dark] .analytics-panel,[data-theme=dark] .perf-panel{background:linear-gradient(180deg,#1e293b80,#0f172ab3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #00000059}[data-theme=dark] .analytics-panel:hover,[data-theme=dark] .perf-panel:hover{border-color:#6366f133;box-shadow:0 12px 40px #00000080}[data-theme=dark] .perf-table-wrap{border-color:#ffffff0f}[data-theme=dark] .perf-table th{background:#ffffff08;border-bottom-color:#ffffff0f}[data-theme=dark] .perf-table td{border-bottom-color:#ffffff0a}[data-theme=dark] .perf-row:hover{background:#6366f112}[data-theme=dark] .perf-row-critical{background:#ef44440d}[data-theme=dark] .perf-row-critical:hover{background:#ef44441a}[data-theme=dark] .threshold-btn{background:#ffffff0a;border-color:#ffffff14;color:#94a3b8}[data-theme=dark] .threshold-btn:hover{background:#ffffff14;color:#f1f5f9}[data-theme=dark] .threshold-preview{background:#0003;border-color:#ffffff0f}[data-theme=dark] .threshold-input{background:#ffffff0a;border-color:#ffffff14;color:#f1f5f9}[data-theme=dark] .threshold-input:focus{border-color:#6366f1;background:#6366f114}[data-theme=dark] .threshold-modal-cancel{border-color:#ffffff14;color:#94a3b8}[data-theme=dark] .threshold-modal-cancel:hover{background:#ffffff0d;color:#f1f5f9}.panel{background:#fff9;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border-radius:20px;padding:28px;box-shadow:0 10px 40px #0000000a,inset 0 1px 1px #fff9;border:1px solid rgba(255,255,255,.3);transition:all .3s ease;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-title{font-size:16px;font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;min-width:0}.panel-wide{grid-column:span 2}.panel-subtitle{font-size:12px;color:var(--color-text-light);font-weight:400;margin-left:8px}.panel-link{font-size:12px;color:var(--color-primary);font-weight:600;text-decoration:none;cursor:pointer;transition:opacity .2s}.panel-link:hover{opacity:.8}.chart-tabs{display:inline-flex;background:var(--color-background);border-radius:8px;padding:3px;gap:2px}.chart-tab{padding:5px 14px;border-radius:6px;font-size:12px;font-weight:500;color:var(--color-text-secondary);border:none;background:transparent;cursor:pointer;transition:all .15s}.chart-tab.active{background:var(--color-surface);color:var(--color-text-primary);box-shadow:0 1px 3px #00000014}.activity-card{border:1px solid rgba(255,255,255,.4);border-radius:12px;padding:16px;margin-bottom:12px;transition:all .2s;background:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.activity-card:hover{border-color:var(--color-primary);transform:scale(1.01)}.activity-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.activity-avatar{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.activity-name{font-size:15px;font-weight:700;color:var(--color-text-primary)}.activity-role{font-size:12px;color:var(--color-text-light);font-weight:500}.activity-badge{margin-left:auto;font-size:10px;font-weight:600;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.activity-badge.overtime{background:#e67e221a;color:#e67e22}.activity-badge.timeoff{background:#3b82f61a;color:#3b82f6}.activity-desc{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px;line-height:1.5;font-weight:450}.activity-actions{display:flex;gap:8px}.activity-btn{padding:6px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.activity-btn.dismiss{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-secondary)}.activity-btn.dismiss:hover{background:var(--color-surface)}.activity-btn.resolve{background:var(--primary-gradient, linear-gradient(135deg, #2563eb, #1d4ed8));border:none;color:#fff}.activity-btn.resolve:hover{opacity:.9}.project-list-item,.timesheet-list-item{transition:all .2s ease}.project-list-item:hover,.timesheet-list-item:hover{transform:translate(4px);background:#6366f114!important}.status-badge.draft{background:#f59e0b1a;color:#f59e0b}.status-badge.submitted{background:#3b82f61a;color:#3b82f6}.status-badge.approved{background:#22c55e1a;color:#22c55e}.status-badge.rejected{background:#f43f5e1a;color:#f43f5e}.dark .status-badge.draft{background:#f59e0b33}.dark .status-badge.submitted{background:#3b82f633}.dark .status-badge.approved{background:#22c55e33}.dark .status-badge.rejected{background:#f43f5e33}.employee-mode .welcome-heading{font-size:42px}.employee-mode .welcome-subtitle{font-size:18px}.employee-mode .stat-value{font-size:42px}.employee-mode .panel-title{font-size:18px}.employee-mode .panel-subtitle{font-size:13px}[data-theme=dark] .top-header{background:#020617;border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px #0006}[data-theme=dark] .top-header-search input{background:#ffffff08;border-color:#ffffff14;color:#f1f5f9}[data-theme=dark] .top-header-search input:focus{background:#ffffff0d;border-color:var(--color-primary)}[data-theme=dark] .top-header-actions button{color:#94a3b8}[data-theme=dark] .top-header-actions button:hover{background:#ffffff14;color:#fff}[data-theme=dark] .panel,[data-theme=dark] .stat-card,[data-theme=dark] .welcome-banner,[data-theme=dark] .activity-card{background:linear-gradient(180deg,#1e293b66,#0f172a99);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0006;position:relative;overflow:hidden}[data-theme=dark] .panel:before,[data-theme=dark] .stat-card:before,[data-theme=dark] .welcome-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);pointer-events:none}[data-theme=dark] .welcome-banner{background:linear-gradient(135deg,#1e293b99,#0f172acc);box-shadow:0 20px 50px -12px #6366f126;border:1px solid rgba(99,102,241,.1)}[data-theme=dark] .stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000080,0 0 20px #6366f11a;border-color:#6366f14d}[data-theme=dark] .panel-subtitle,[data-theme=dark] .welcome-subtitle,[data-theme=dark] .stat-label{color:#94a3b8}[data-theme=dark] .panel-title,[data-theme=dark] .welcome-heading,[data-theme=dark] .stat-value{color:#f1f5f9;text-shadow:0 0 20px rgba(255,255,255,.1)}@media(max-width:1024px){.dashboard-content-wrapper{min-width:0;overflow-x:hidden}.top-header{padding:12px 16px}.top-header-menu{display:inline-flex}.content-area{padding:20px 16px}.welcome-banner{padding:22px 18px;flex-direction:column;align-items:flex-start;gap:14px}.welcome-right{width:100%}.welcome-btn{width:100%;justify-content:center}.stats-row{gap:14px}.stat-card{padding:18px;gap:14px}.bottom-panels{grid-template-columns:minmax(0,1fr);gap:16px}.panel{padding:18px}.panel-header{flex-direction:column;align-items:flex-start;gap:10px}.panel-header>div{width:100%;min-width:0;flex-wrap:wrap;row-gap:4px}.panel-subtitle{margin-left:0}.chart-tabs{width:100%;overflow-x:auto}.chart-tab{white-space:nowrap}.employee-mode .welcome-heading{font-size:34px}.employee-mode .welcome-subtitle{font-size:16px}.employee-mode .stat-value{font-size:34px}.employee-mode .panel-wide{grid-column:span 1}.employee-mode .project-list-item,.employee-mode .timesheet-list-item{flex-direction:column!important;align-items:flex-start!important;gap:10px}.employee-mode .project-list-item button,.employee-mode .timesheet-list-item .status-badge{align-self:flex-start}}@media(max-width:640px){.top-header-actions{gap:4px}.top-header-actions button{padding:6px}.header-avatar{width:30px;height:30px}.welcome-heading,.employee-mode .welcome-heading{font-size:28px}.employee-mode .welcome-subtitle{font-size:14px}.employee-mode .stat-value{font-size:30px}.project-list-item,.timesheet-list-item{min-width:0}.project-list-item>div,.timesheet-list-item>div{min-width:0;width:100%}.project-list-item div,.timesheet-list-item div{word-break:break-word;overflow-wrap:anywhere}}.ts-perf-section{margin-top:20px;margin-bottom:32px}.ts-perf-section-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:linear-gradient(135deg,#6366f114,#10b9810d);border:1px solid rgba(99,102,241,.15);border-radius:16px 16px 0 0;border-bottom:none}.ts-perf-section-title-wrap{display:flex;align-items:center;gap:14px}.ts-perf-section-icon-wrap{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#4f46e5);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #6366f14d}.ts-perf-section-title{display:block;font-size:16px;font-weight:800;color:var(--color-text-primary);letter-spacing:-.01em;text-transform:uppercase;letter-spacing:.04em}.ts-perf-section-subtitle{display:block;font-size:12px;font-weight:500;color:var(--color-text-secondary);margin-top:2px}.ts-perf-tables-row{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid rgba(99,102,241,.12);border-top:none;border-radius:0 0 16px 16px;overflow:hidden}@media(max-width:1100px){.ts-perf-tables-row{grid-template-columns:1fr}}.ts-perf-panel{background:var(--color-surface);padding:24px;min-width:0;transition:background .2s ease}.ts-perf-panel--good{border-right:1px solid rgba(99,102,241,.1);border-top:3px solid #22c55e}.ts-perf-panel--bad{border-top:3px solid #ef4444}@media(max-width:1100px){.ts-perf-panel--good{border-right:none;border-bottom:1px solid rgba(99,102,241,.1)}}.ts-perf-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:8px}.ts-perf-panel-title-wrap{display:flex;align-items:center;gap:7px}.ts-perf-panel-title{font-size:14px;font-weight:700;color:var(--color-text-primary)}.ts-icon-up{color:#22c55e;flex-shrink:0}.ts-icon-down{color:#ef4444;flex-shrink:0}.ts-perf-panel-desc{font-size:11px;color:var(--color-text-secondary);margin:0 0 16px;font-weight:500}.ts-perf-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.03em;white-space:nowrap;flex-shrink:0}.ts-badge-green{background:#22c55e1f;color:#16a34a}.ts-badge-red{background:#ef44441f;color:#dc2626}.ts-emp-avatar{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;flex-shrink:0}.ts-role-chip{display:inline-block;font-size:10px;font-weight:700;padding:2px 9px;border-radius:20px;background:#6366f11a;color:#6366f1;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.ts-compliance-bar-wrap{display:flex;align-items:center;gap:8px;min-width:110px}.ts-compliance-bar{flex:1;height:6px;border-radius:3px;background:#22c55e;min-width:4px;max-width:80px;transition:width .4s ease}.ts-compliance-pct{font-size:12px;font-weight:700;white-space:nowrap;min-width:38px;flex-shrink:0}.ts-count-chip{display:inline-flex;align-items:center;justify-content:center;min-width:26px;padding:3px 10px;border-radius:8px;font-size:13px;font-weight:700}.ts-count-chip--red{background:#ef44441a;color:#dc2626}.ts-count-chip--amber{background:#f59e0b1a;color:#d97706}.ts-count-chip--neutral{background:#94a3b81a;color:var(--color-text-secondary)}.ts-perf-empty-good{color:#16a34a!important;font-size:14px!important;font-weight:600!important}[data-theme=dark] .ts-perf-section-header{background:linear-gradient(135deg,#6366f11a,#10b9810f);border-color:#6366f133}[data-theme=dark] .ts-perf-tables-row{border-color:#ffffff0f}[data-theme=dark] .ts-perf-panel{background:linear-gradient(180deg,#1e293b80,#0f172ab3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=dark] .ts-perf-panel--good{border-right-color:#ffffff0f}[data-theme=dark] .ts-perf-panel--bad{border-bottom-color:#ffffff0f}[data-theme=dark] .ts-badge-green{background:#22c55e2e;color:#4ade80}[data-theme=dark] .ts-badge-red{background:#ef44442e;color:#f87171}[data-theme=dark] .ts-count-chip--red{background:#ef444426;color:#f87171}[data-theme=dark] .ts-count-chip--amber{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .ts-count-chip--neutral{background:#ffffff0f;color:#94a3b8}[data-theme=dark] .ts-role-chip{background:#6366f126;color:#a5b4fc}[data-theme=dark] .ts-perf-empty-good{color:#4ade80!important}.ts-legend-strip{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ts-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.ts-emp-name-cell{display:flex;align-items:center;gap:12px;min-width:0}.ts-emp-avatar{width:32px;height:32px;border-radius:10px;background:var(--color-primary-alpha, rgba(99, 102, 241, .1));color:var(--color-primary, #6366f1);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;border:1px solid var(--color-primary-alpha);text-shadow:0 1px 2px rgba(0,0,0,.05)}[data-theme=dark] .ts-emp-avatar{background:#6366f126;color:#a5b4fc;border-color:#a5b4fc1a}.ts-emp-info{display:flex;flex-direction:column;min-width:0;gap:2px}.ts-emp-name{font-size:13px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.ts-medal{font-size:16px;line-height:1;flex-shrink:0}.ts-rate-cell{display:flex;align-items:center;gap:8px;min-width:130px}.ts-bar-track{flex:1;max-width:70px;height:6px;background:#94a3b826;border-radius:3px;overflow:hidden}.ts-bar-fill{height:100%;border-radius:3px;transition:width .5s ease;min-width:2px}.ts-rate-pct{font-size:13px;font-weight:700;min-width:34px;white-space:nowrap}.ts-rate-fraction{font-size:11px;color:var(--color-text-secondary);white-space:nowrap}.ts-approved-chip{display:inline-flex;align-items:center;gap:3px;padding:3px 10px;border-radius:8px;background:#22c55e1a;color:#16a34a;font-size:13px;font-weight:700}.ts-col-hint{display:block;font-size:9px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--color-text-secondary);margin-top:1px;opacity:.8}.ts-issue-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap}.ts-issue-chip--red{background:#ef44441a;color:#dc2626}.ts-issue-chip--amber{background:#f59e0b1a;color:#d97706}.ts-issue-chip--ok{background:#22c55e14;color:#16a34a;font-weight:500}.ts-score-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:10px;font-size:13px;font-weight:700;min-width:48px}.ts-col-legend{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;padding:10px 14px;background:#94a3b80f;border-radius:10px;border-left:3px solid rgba(148,163,184,.2)}.ts-col-legend-item{display:flex;align-items:baseline;gap:6px;font-size:11.5px;color:var(--color-text-secondary);line-height:1.5}.ts-col-legend-red strong{color:#dc2626}.ts-col-legend-amber strong{color:#d97706}.ts-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:36px 20px;text-align:center;color:var(--color-text-secondary);font-size:13px}.ts-empty-state strong{font-size:14px;font-weight:700;color:var(--color-text-primary)}.ts-empty-state--good strong{color:#16a34a}[data-theme=dark] .ts-bar-track{background:#ffffff14}[data-theme=dark] .ts-approved-chip{background:#22c55e26;color:#4ade80}[data-theme=dark] .ts-issue-chip--red{background:#ef444426;color:#f87171}[data-theme=dark] .ts-issue-chip--amber{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .ts-issue-chip--ok{background:#22c55e1a;color:#4ade80}[data-theme=dark] .ts-col-legend{background:#ffffff08;border-left-color:#ffffff1a}[data-theme=dark] .ts-col-legend-red strong{color:#f87171}[data-theme=dark] .ts-col-legend-amber strong{color:#fbbf24}[data-theme=dark] .ts-empty-state--good strong{color:#4ade80}[data-theme=dark] .ts-legend-item{color:#94a3b8}@media(max-width:900px){.ts-legend-strip{display:none}.ts-rate-cell{min-width:unset}.ts-bar-track{max-width:50px}}.active-employees-list{display:flex;flex-direction:column;gap:12px}.active-employees-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:var(--color-background);border:1px solid var(--color-border)}.active-employees-email{color:var(--color-text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-employees-hours{color:var(--color-text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}[data-theme=dark] .active-employees-row{background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .active-employees-row:hover{background:#ffffff14}.manager-dashboard-no-charts .analytics-charts-row{display:none}.cost-planning-container{--cp-radius-card: 18px;--cp-radius-sm: 10px;--cp-radius-xs: 7px;--cp-gap: 24px;--cp-transition: all .25s cubic-bezier(.4, 0, .2, 1);--cp-grad-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);--cp-grad-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--cp-grad-warn: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--cp-grad-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);padding:0 8px;background:transparent;color:var(--text-primary);animation:cp-fadein .45s ease-out;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}.top-grid{display:grid;grid-template-columns:1fr;gap:var(--cp-gap);margin-top:24px;align-items:start;min-width:0;width:100%}.cost-planning-left{display:flex;flex-direction:column;gap:var(--cp-gap);min-width:0;overflow:hidden}.cost-planning-right{display:flex;flex-direction:column;gap:var(--cp-gap);position:static;margin-top:var(--cp-gap);min-width:0}.summary-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--cp-gap);align-items:stretch}.summary-analysis{display:flex;flex-direction:column;gap:var(--cp-gap)}@media(max-width:1100px){.summary-grid{grid-template-columns:1fr}}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--cp-radius-card);padding:26px 28px;box-shadow:0 2px 12px #0000000a;transition:var(--cp-transition);overflow:visible;position:relative;z-index:1}.card:before{content:none}.card:hover{border-color:rgba(var(--primary-rgb, 99, 102, 241),.25);box-shadow:0 8px 32px #00000014}[data-theme=dark] .card{background:#0f172acc;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgba(255,255,255,.07);box-shadow:0 4px 24px #00000040}[data-theme=dark] .card:hover{background:#0f172ae6;border-color:#6366f159;box-shadow:0 12px 40px #00000073,0 0 28px #6366f114}.pfs-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color);gap:12px}.pfs-card-header-left{display:flex;flex-direction:column;gap:3px}.pfs-card-title{font-size:17px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.03em;display:flex;align-items:center;gap:10px}.pfs-card-title:before{content:"";display:inline-block;width:4px;height:20px;background:var(--cp-grad-primary);border-radius:3px;flex-shrink:0}.pfs-card-date{font-size:11px;color:var(--text-muted);font-weight:700;background:rgba(var(--primary-rgb, 99, 102, 241),.08);border:1px solid rgba(var(--primary-rgb, 99, 102, 241),.15);padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.pfs-meta-grid{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:12px;margin-top:12px}@media(max-width:640px){.pfs-meta-grid{grid-template-columns:1fr}}.pfs-meta-item{display:flex;align-items:flex-start;gap:11px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--cp-radius-sm);padding:12px 14px;transition:var(--cp-transition);position:relative;overflow:hidden}.pfs-meta-item:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cp-grad-primary);border-radius:3px 0 0 3px;opacity:0;transition:opacity .2s}.pfs-meta-item:hover{transform:translateY(-2px);border-color:rgba(var(--primary-rgb, 99, 102, 241),.35);box-shadow:0 4px 14px #0000000f}.pfs-meta-item:hover:after{opacity:1}[data-theme=dark] .pfs-meta-item{background:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .pfs-meta-item:hover{background:#ffffff0d;box-shadow:0 6px 20px #00000040}.pfs-meta-icon{margin-top:1px;color:var(--primary-color);flex-shrink:0}.pfs-meta-content{display:flex;flex-direction:column;gap:3px;min-width:0}.pfs-meta-label{font-size:10px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.pfs-meta-value{font-size:13px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;flex-wrap:wrap;gap:6px;line-height:1.35}.extension-tag{font-size:10px;padding:2px 7px;border-radius:5px;background:rgba(var(--primary-rgb, 99, 102, 241),.12);color:var(--primary-color);font-weight:800;border:1px solid rgba(var(--primary-rgb, 99, 102, 241),.2)}.section-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border-color);gap:12px;flex-wrap:wrap}.section-card-title{font-size:16px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.025em;display:flex;align-items:center;gap:10px}.section-card-title:before{content:"";display:inline-block;width:4px;height:18px;background:var(--cp-grad-primary);border-radius:3px;flex-shrink:0}.section-card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.project-setup-table-wrapper{position:relative;overflow-x:auto;overflow-y:hidden;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-primary);margin:16px 0;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;box-shadow:inset 0 1px 3px #0000000a;width:100%;max-width:100%;box-sizing:border-box;isolation:isolate;scrollbar-gutter:stable both-edges;overscroll-behavior-x:contain;touch-action:pan-x pan-y;will-change:scroll-position;transform:translateZ(0);contain:paint;-webkit-overflow-scrolling:touch}.project-setup-table-wrapper::-webkit-scrollbar{height:5px}.project-setup-table-wrapper::-webkit-scrollbar-track{background:transparent}.project-setup-table-wrapper::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.premium-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.premium-table thead{position:static}.premium-table th{background:var(--bg-tertiary);padding:12px 14px;text-align:left;font-size:10.5px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;border-bottom:2px solid var(--border-color);white-space:nowrap;position:sticky;top:0;z-index:22;-webkit-user-select:none;user-select:none;vertical-align:middle}[data-theme=dark] .premium-table th{background:#141e33;border-bottom-color:#1e293b}.premium-table td{padding:10px 14px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);font-size:13px;color:var(--text-primary);transition:background .12s ease;vertical-align:middle}[data-theme=dark] .premium-table td{border-bottom-color:#ffffff0d}.premium-table tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--bg-tertiary) 50%,var(--bg-secondary))}.premium-table tr:hover td{background:color-mix(in srgb,var(--primary-color) 5%,var(--bg-secondary))!important}[data-theme=dark] .premium-table tr:hover td{background:#6366f112!important}.premium-table tr:last-child td{border-bottom:none}.sticky-col-left-1{position:sticky;left:0;z-index:16;width:var(--col-1-width, 190px);min-width:var(--col-1-width, 190px);max-width:var(--col-1-width, 190px);background:inherit;box-shadow:2px 0 6px #0000000d;box-sizing:border-box;overflow:hidden;backface-visibility:hidden;transform:translateZ(0)}.premium-table thead th.sticky-col-left-1,.premium-table thead th.sticky-col-left-2,.premium-table thead th.sticky-col-left-3{z-index:44;background:var(--bg-tertiary)!important;border-bottom:2px solid var(--border-color)}[data-theme=dark] .premium-table thead th.sticky-col-left-1,[data-theme=dark] .premium-table thead th.sticky-col-left-2,[data-theme=dark] .premium-table thead th.sticky-col-left-3{background:#141e33!important}.sticky-col-left-2{position:sticky;left:var(--col-1-width, 190px);z-index:17;width:var(--col-2-width, 220px);min-width:var(--col-2-width, 220px);max-width:var(--col-2-width, 220px);background:inherit;border-right:2px solid var(--border-strong);box-shadow:3px 0 8px #0000000f;box-sizing:border-box;overflow:hidden;backface-visibility:hidden;transform:translateZ(0)}.sticky-col-left-3{position:sticky;left:calc(var(--col-1-width, 190px) + var(--col-2-width, 220px));z-index:18;width:var(--col-3-width, 220px);min-width:var(--col-3-width, 220px);max-width:var(--col-3-width, 220px);background:inherit;border-right:2px solid var(--border-strong);box-shadow:3px 0 8px #0000000f;box-sizing:border-box;overflow:hidden;backface-visibility:hidden;transform:translateZ(0)}.premium-table th.sticky-col-left-2,.premium-table th.sticky-col-left-3{border-right:2px solid var(--border-strong)}.premium-table tbody tr td.sticky-col-left-1,.premium-table tbody tr td.sticky-col-left-2,.premium-table tbody tr td.sticky-col-left-3{background:var(--bg-secondary)!important;background-clip:padding-box}.premium-table td.sticky-col-left-1,.premium-table td.sticky-col-left-2,.premium-table td.sticky-col-left-3,.premium-table th.sticky-col-left-1,.premium-table th.sticky-col-left-2,.premium-table th.sticky-col-left-3{padding-left:10px;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.premium-table tbody tr:nth-child(2n) td.sticky-col-left-1,.premium-table tbody tr:nth-child(2n) td.sticky-col-left-2,.premium-table tbody tr:nth-child(2n) td.sticky-col-left-3{background:color-mix(in srgb,var(--bg-tertiary) 50%,var(--bg-secondary))!important}[data-theme=dark] .premium-table tbody tr td.sticky-col-left-1,[data-theme=dark] .premium-table tbody tr td.sticky-col-left-2,[data-theme=dark] .premium-table tbody tr td.sticky-col-left-3{background:#0d1829!important}[data-theme=dark] .premium-table tbody tr:nth-child(2n) td.sticky-col-left-1,[data-theme=dark] .premium-table tbody tr:nth-child(2n) td.sticky-col-left-2,[data-theme=dark] .premium-table tbody tr:nth-child(2n) td.sticky-col-left-3{background:#111c30!important}.premium-table tbody tr:hover td.sticky-col-left-1,.premium-table tbody tr:hover td.sticky-col-left-2,.premium-table tbody tr:hover td.sticky-col-left-3{background:color-mix(in srgb,var(--primary-color) 7%,var(--bg-secondary))!important}.sticky-col-right-action{position:sticky;right:0;z-index:15;background:var(--bg-secondary)!important;box-shadow:-2px 0 6px #0000000d;text-align:center;width:56px;min-width:56px;transform:translateZ(0)}.premium-table thead th.sticky-col-right-action{z-index:42;background:var(--bg-tertiary)!important}.week-column{text-align:center;padding:8px 4px;min-width:64px;max-width:80px}.week-column-header{text-align:center;min-width:64px;max-width:80px;padding-left:8px;padding-right:8px}.col-currency,.col-rate,.col-customer-rate{min-width:140px}.col-currency{min-width:118px}.col-amount,.col-customer-amount{min-width:150px;white-space:nowrap}.resizer{position:absolute;right:0;top:20%;width:4px;height:60%;border-radius:2px;cursor:col-resize;-webkit-user-select:none;user-select:none;transition:background .15s}.resizer:hover,.resizer.isResizing{background:var(--primary-color)}.week-input{width:52px;padding:6px 4px;text-align:center;border:1.5px solid transparent;border-radius:8px;background:rgba(var(--primary-rgb, 99, 102, 241),.04);font-weight:700;font-size:13px;color:var(--text-secondary);transition:all .18s;outline:none}.week-input:hover{border-color:var(--border-color);background:var(--bg-secondary)}.week-input:focus{border-color:var(--primary-color);background:var(--bg-secondary);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 99, 102, 241),.12);color:var(--text-primary)}.week-input.has-value{color:var(--primary-color);font-weight:800;background:rgba(var(--primary-rgb, 99, 102, 241),.08);border-color:rgba(var(--primary-rgb, 99, 102, 241),.2)}.project-setup-select{width:100%;padding:7px 30px 7px 10px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--bg-tertiary);font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .18s;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#7f8db0 50%),linear-gradient(135deg,#7f8db0 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-setup-select:hover{border-color:var(--border-strong)}.project-setup-select:focus{border-color:var(--primary-color);background-color:var(--bg-secondary);outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb, 99, 102, 241),.12)}.project-setup-select:disabled{opacity:.45;cursor:not-allowed}.premium-table td.sticky-col-left-1 .project-setup-select,.premium-table td.sticky-col-left-2 .project-setup-select,.premium-table td.sticky-col-left-3 .project-setup-select{width:100%;max-width:100%}.currency-select{min-width:92px;text-align:center;font-variant-numeric:tabular-nums}.rate-input-wrapper{display:flex;align-items:center;gap:6px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:9px;padding:6px 10px;transition:all .18s}.rate-input-wrapper:focus-within{border-color:var(--primary-color);background:var(--bg-secondary);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 99, 102, 241),.12)}.rate-currency-symbol{font-size:10.5px;font-weight:800;color:var(--primary-color);letter-spacing:.03em;flex-shrink:0;background:rgba(var(--primary-rgb, 99, 102, 241),.1);border-radius:4px;padding:2px 5px}.rate-input{flex:1;min-width:0;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--text-primary);padding:0;outline:none;width:70px}.rate-input::placeholder{color:var(--text-muted);font-weight:400}.amount-display{display:flex;align-items:center;gap:5px;font-weight:700}.amount-value{font-size:13.5px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}td.calculated-field-hours{background:#6366f10d!important}td.calculated-field-hours .amount-value{color:#6366f1}td.calculated-field-amount{background:#10b9810d!important}td.calculated-field-amount .amount-value{color:#059669}.action-button{width:32px;height:32px;border-radius:8px;border:1.5px solid rgba(239,68,68,.2);background:#ef44440f;color:#ef4444;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);flex-shrink:0}.action-button.delete-btn{color:#ef4444!important}.action-button:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:scale(1.08);box-shadow:0 4px 10px #ef444447}.action-button.delete-btn:hover{background:#ef4444!important;color:#fff!important}.action-button:active{transform:scale(.95)}.add-row-link{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:9px 16px;font-size:13px;font-weight:700;color:var(--primary-color);background:rgba(var(--primary-rgb, 99, 102, 241),.06);border:1.5px dashed rgba(var(--primary-rgb, 99, 102, 241),.3);border-radius:10px;cursor:pointer;transition:var(--cp-transition);letter-spacing:.01em}.add-row-link:hover{background:rgba(var(--primary-rgb, 99, 102, 241),.12);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--primary-rgb, 99, 102, 241),.14)}.add-row-link:active{transform:translateY(0)}.row-error td{background-color:#ef44440a!important}.row-error td.sticky-col-left-1,.row-error td.sticky-col-left-2,.row-error td.sticky-col-left-3{background-color:#ef444412!important}[data-theme=dark] .row-error td{background-color:#ef44441a!important}.row-error-badge{margin-top:4px;padding:2px 6px;font-size:10px;border-radius:4px}.side-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cp-gap)}.side-card-grid .stat-card{justify-content:center;align-items:center;text-align:center}.stat-card{border-radius:16px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;transition:var(--cp-transition)}[data-theme=light] .stat-card{background:#fff;border:1px solid rgba(59,130,246,.14);box-shadow:0 2px 12px #0f172a12,0 0 0 1px #3b82f60f}[data-theme=light] .stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);border-radius:16px 16px 0 0}[data-theme=light] .stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #3b82f624,0 0 0 1px #3b82f626}[data-theme=light] .stat-card .label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em}[data-theme=light] .stat-card .value{font-size:clamp(22px,1.6vw,30px);font-weight:900;color:#0f172a;line-height:1.05;letter-spacing:-.04em;display:flex;align-items:center;gap:8px}[data-theme=light] .stat-card .value.value-amount{font-size:clamp(20px,1.45vw,28px)}[data-theme=light] .stat-card .sub-text{font-size:12px;color:#64748b;font-weight:500}[data-theme=dark] .stat-card{background:linear-gradient(160deg,#13213ef7,#0a1428f7);border:1px solid rgba(99,102,241,.18);box-shadow:inset 0 1px #ffffff0d,0 8px 24px #00000059}[data-theme=dark] .stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4f46e5,#7c3aed,#6366f1);border-radius:16px 16px 0 0}[data-theme=dark] .stat-card:hover{transform:translateY(-3px);border-color:#6366f166;box-shadow:inset 0 1px #ffffff0f,0 12px 36px #00000080,0 0 24px #6366f11a}[data-theme=dark] .stat-card .label{font-size:11px;font-weight:700;color:#94a3b8e6;text-transform:uppercase;letter-spacing:.08em}[data-theme=dark] .stat-card .value{font-size:clamp(22px,1.6vw,30px);font-weight:900;color:#f1f5f9;line-height:1.05;letter-spacing:-.04em;display:flex;align-items:center;gap:8px}[data-theme=dark] .stat-card .value.value-amount{font-size:clamp(20px,1.45vw,28px)}[data-theme=dark] .stat-card .sub-text{font-size:12px;color:#94a3b8bf;font-weight:500}.stat-card-compact{min-height:120px}.stat-meta-row{margin-top:2px;display:flex;justify-content:space-between;align-items:center;gap:8px}.stat-pill{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid rgba(16,185,129,.35);background:#10b9811a;color:#10b981}[data-theme=light] .stat-pill{color:#059669}.stat-icon-inline{opacity:.7;color:var(--primary-color)}.margin-analysis-card{padding:20px 22px}.margin-analysis-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;column-gap:10px;padding:9px 0;border-bottom:1px solid rgba(148,163,184,.15)}.margin-analysis-row:last-child{border-bottom:none}[data-theme=dark] .margin-analysis-row{border-bottom-color:#ffffff0d}.margin-analysis-card .value{font-size:18px!important;font-weight:800!important}.planned-actual-card{padding:16px 18px 14px}.planned-actual-table{width:100%;border-collapse:collapse;font-size:12px}.planned-actual-table th,.planned-actual-table td{padding:8px 6px;text-align:left;border-bottom:1px solid rgba(148,163,184,.15);white-space:nowrap}.planned-actual-table th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.planned-actual-table td:last-child{text-align:left}.planned-actual-table tr:last-child td{border-bottom:none}[data-theme=light] .planned-actual-table th{color:#64748b}[data-theme=light] .planned-actual-table td{color:#0f172a;font-weight:600}[data-theme=dark] .planned-actual-table th{color:#94a3b8a6}[data-theme=dark] .planned-actual-table td{color:#dde8ff;font-weight:600}[data-theme=dark] .planned-actual-table th,[data-theme=dark] .planned-actual-table td{border-bottom-color:#ffffff0d}.risk-badge{padding:4px 10px;border-radius:20px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent}.risk-badge.healthy{background:#10b9811a;color:#10b981;border-color:#10b98140}.risk-badge.risk{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b40}.risk-badge.critical{background:#ef44441a;color:#ef4444;border-color:#ef444440}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:7px;font-size:12px;font-weight:700;border:1px solid transparent}.status-badge.ready{background:#10b9811a;color:#10b981;border-color:#10b98133}.status-badge.draft{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b33}.variance-badge{display:inline-flex;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;border:1px solid transparent}.variance-badge.positive{background:#10b9811a;color:#10b981;border-color:#10b98133}.variance-badge.negative{background:#ef44441a;color:#ef4444;border-color:#ef444433}.empty-state{padding:48px 20px;text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 3%,var(--bg-primary)) 0%,var(--bg-primary) 100%);border-radius:12px}td.empty-state{border-radius:0 0 12px 12px}.empty-state:before{content:"📭";display:block;font-size:32px;margin-bottom:12px;opacity:.65;line-height:1}.empty-state-message{font-size:13.5px;font-weight:600;color:var(--text-muted)}.empty-state-icon{font-size:38px;margin-bottom:14px;opacity:.5}.empty-state-title{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.empty-state-text{font-size:13.5px;color:var(--text-muted);max-width:420px;margin:0 auto 24px;line-height:1.6}.empty-state-bullets{text-align:left;max-width:400px;margin:0 auto;color:var(--text-secondary)}.empty-state-bullets ul{list-style:none;padding:0;font-size:13px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.empty-state-bullets li{display:flex;align-items:center;gap:8px}.empty-state-bullets li svg{color:var(--primary-color);opacity:.8}.btn-primary-new{background:var(--cp-grad-primary, linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%));color:#fff;padding:10px 20px;border-radius:11px;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;gap:7px;box-shadow:0 4px 14px rgba(var(--primary-rgb, 99, 102, 241),.25);transition:var(--cp-transition);border:none;cursor:pointer;white-space:nowrap}.btn-primary-new:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px rgba(var(--primary-rgb, 99, 102, 241),.35);filter:brightness(1.06)}.btn-primary-new:active:not(:disabled){transform:translateY(0)}.btn-primary-new:disabled{opacity:.38;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-outline-new{background:transparent;border:1.5px solid var(--border-strong);color:var(--text-secondary);padding:10px 20px;border-radius:11px;font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px;transition:var(--cp-transition);cursor:pointer;white-space:nowrap}.btn-outline-new:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.btn-outline-new:disabled{opacity:.38;cursor:not-allowed;transform:none!important}.planning-actions-footer{margin-top:28px;padding:18px 24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;display:flex;justify-content:flex-end;align-items:center;gap:12px;box-shadow:0 2px 16px #0000000d;animation:cp-slideup .35s cubic-bezier(.16,1,.3,1);width:100%;box-sizing:border-box;position:relative;overflow:hidden}.planning-actions-footer:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--cp-grad-primary);border-radius:4px 0 0 4px}[data-theme=dark] .planning-actions-footer{background:#0f172acc;border-color:#ffffff0f}.project-setup-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.project-setup-actions button:disabled{opacity:.38;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media(max-width:640px){.planning-actions-footer{flex-wrap:wrap;justify-content:flex-end;padding:16px 18px 16px 22px}}.extension-history-container{margin-top:16px;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.extension-history-toggle{width:100%;padding:11px 16px;background:var(--bg-tertiary);border:none;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:background .18s}.extension-history-toggle:hover{background:var(--border-color)}.extension-history-content{padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--bg-primary)}.extension-item{padding:14px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-color);display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;transition:var(--cp-transition)}.extension-item:hover{border-color:rgba(var(--primary-rgb, 99, 102, 241),.25);box-shadow:0 4px 12px #0000000d}.extension-item-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-weight:700}.extension-item-value{font-size:13px;font-weight:700;color:var(--text-primary)}.extension-reason{grid-column:1 / -1;font-size:12px;color:var(--text-secondary);font-style:italic;margin-top:4px;opacity:.8}.expense-table{width:max-content;min-width:100%;table-layout:fixed!important;border-collapse:separate;border-spacing:0}.expense-table-wrapper{background:linear-gradient(180deg,#ffffff03,#ffffff05);border:1px solid color-mix(in srgb,var(--border-color) 90%,transparent);overflow:auto;max-width:100%;max-height:360px;scrollbar-gutter:stable both-edges;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.expense-table-wrapper::-webkit-scrollbar{width:10px;height:10px}.expense-table-wrapper::-webkit-scrollbar-track{background:color-mix(in srgb,var(--bg-tertiary) 80%,transparent);border-radius:999px}.expense-table-wrapper::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border-strong) 88%,#334155);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.expense-table-wrapper::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--primary-color) 45%,var(--border-strong))}.expense-table th,.expense-table td{padding:11px 12px!important;white-space:nowrap;vertical-align:middle}.expense-table th{font-size:10.5px;letter-spacing:.08em}.expense-table thead th:first-child,.expense-table tbody td:first-child,.expense-table thead th:last-child,.expense-table tbody td:last-child{position:static;left:auto;right:auto;z-index:auto;box-shadow:none}.expense-table th:first-child,.expense-table td:first-child{min-width:220px}.expense-table th:last-child,.expense-table td:last-child{min-width:84px}.expense-table .project-setup-select{width:100%;height:38px;min-height:38px;line-height:1.2;display:block;border-radius:10px;box-sizing:border-box}.expense-table input.project-setup-select{background-image:none;padding-right:10px;cursor:text;appearance:textfield}.expense-table input.project-setup-select::-webkit-outer-spin-button,.expense-table input.project-setup-select::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.expense-table td:nth-child(4) .project-setup-select{text-align:left}.expense-table td:nth-child(5) .project-setup-select,.expense-table td:nth-child(6) .project-setup-select,.expense-table td:nth-child(8) .project-setup-select{text-align:right;font-variant-numeric:tabular-nums}.expense-table th:nth-child(4),.expense-table th:nth-child(5),.expense-table th:nth-child(6),.expense-table th:nth-child(7),.expense-table th:nth-child(8),.expense-table td:nth-child(6),.expense-table td:nth-child(7),.expense-table td:nth-child(8){text-align:right}.expense-table td:nth-child(6),.expense-table td:nth-child(7){font-weight:700;font-variant-numeric:tabular-nums}.expense-table td:nth-child(8) .variance-badge{min-width:88px;justify-content:center}.expense-table td:nth-child(9) .variance-badge{min-width:96px;height:32px;display:inline-flex;align-items:center;justify-content:center}.expense-table th:last-child,.expense-table td:last-child{text-align:center}.expense-table .amount-value{font-family:JetBrains Mono,monospace;letter-spacing:-.01em}.text-gradient{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-warm{color:#ea580c}@supports ((-webkit-background-clip: text) or (background-clip: text)){.text-gradient-warm{background:linear-gradient(135deg,#f97316,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}.confirm-info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border-color);font-size:13px}.confirm-info-row:last-child{border-bottom:none}.confirm-info-label{color:var(--text-muted);font-weight:500}.confirm-info-value{font-weight:700;color:var(--text-primary)}.pfs-card-footer-actions{margin-top:20px;display:flex;justify-content:flex-end}@media(max-width:900px){.side-card-grid{grid-template-columns:repeat(2,1fr)}.top-grid{grid-template-columns:1fr}}@media(max-width:560px){.side-card-grid{grid-template-columns:1fr}.margin-analysis-row{grid-template-columns:1fr auto;row-gap:4px}}@keyframes cp-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cp-slideup{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fadeIn{animation:cp-fadein .4s cubic-bezier(.16,1,.3,1)}.animate-slide-up{animation:cp-slideup .4s cubic-bezier(.16,1,.3,1)}.project-sites-section{display:flex;flex-direction:column;gap:24px}.project-sites-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.project-sites-block{display:flex;flex-direction:column;gap:12px}.project-sites-form{display:flex;flex-direction:column;gap:16px}.project-sites-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-sites-field label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.project-sites-field input,.project-sites-field select{width:100%}@media(max-width:720px){.project-sites-form-grid{grid-template-columns:1fr}.project-sites-toolbar{flex-direction:column;align-items:flex-start}}.projects-container{padding:40px;background-color:var(--bg-primary);min-height:100vh;max-width:1440px;margin:0 auto}.projects-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;animation:slideDown .5s cubic-bezier(.16,1,.3,1)}.projects-header>div{min-width:0}.page-title{font-size:32px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.025em}.page-subtitle{color:var(--text-secondary);margin:8px 0 0;font-size:16px;font-weight:500}.create-project-btn{padding:12px 28px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 15px -3px rgba(var(--primary-rgb),.25)}.create-project-btn-icon{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#fff}.create-project-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 25px -5px rgba(var(--primary-rgb),.3);filter:brightness(1.1)}.create-project-btn:active{transform:translateY(0) scale(.98)}.loading-message,.empty-message{text-align:center;padding:48px;color:var(--text-secondary);background:var(--bg-secondary);border-radius:24px;border:1px solid var(--border-color);font-size:16px}.projects-list{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media(max-width:1200px){.projects-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.projects-list{grid-template-columns:1fr}}.project-card{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;padding:24px;cursor:pointer;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.project-card:hover{transform:translateY(-8px);border-color:var(--primary-color);box-shadow:0 25px 50px -12px #00000026}.project-card-shimmer{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:all .6s}.project-card:hover .project-card-shimmer{left:150%}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.project-card-badge-top{flex-shrink:0}.project-card-brand-wrapper{background:var(--bg-tertiary);padding:10px 14px;border-radius:14px;transition:all .4s;display:inline-flex;align-items:center;border:1px solid var(--border-color);width:fit-content}[data-theme=dark] .project-card-brand-wrapper{background:#ffffff08;border-color:#ffffff1a}.project-card:hover .project-card-brand-wrapper{transform:scale(1.02);border-color:var(--primary-color);background:var(--bg-secondary)}.project-card-content{flex:1}.project-card-title{display:none}.project-card-description{line-height:1.6;margin:0 0 24px;font-size:14px;color:var(--text-secondary);font-weight:500;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;height:45px;overflow:hidden}.project-card-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.meta-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);font-weight:600}.meta-icon{color:var(--primary-color);opacity:.8}.badge-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.02em;transition:all .3s}.status-active{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-completed{background:#94a3b81a;color:#64748b;border:1px solid rgba(148,163,184,.2)}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.type-simple{background:rgba(var(--primary-rgb),.1);color:var(--primary-color);border:1px solid rgba(var(--primary-rgb),.2)}.type-planned{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}.setup-ready{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.setup-draft{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.structure-multi{background:#0ea5e91f;color:#0284c7;border:1px solid rgba(14,165,233,.25)}.project-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;border-top:1px solid var(--border-color)}.footer-badges{display:flex;gap:8px;flex-wrap:wrap}.footer-right{display:flex;align-items:center;gap:16px}.member-count-group{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-tertiary);color:var(--text-primary);border-radius:12px;font-size:13px;font-weight:700;transition:all .3s}.project-card:hover .member-count-group{background:var(--primary-color);color:#fff}.view-details-arrow{width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .4s cubic-bezier(.16,1,.3,1)}.project-card:hover .view-details-arrow{background:var(--primary-color);color:#fff;transform:translate(4px)}.project-brand-name{max-width:100%;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .modal-overlay{background:#000000b3}.modal-content-large{width:90%;max-width:1400px;background:var(--bg-secondary);border-radius:20px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;border:1px solid var(--border-color);animation:slideUp .3s ease-out}.project-details-page.projects-container{max-width:100%;padding:32px}.project-details-page .modal-content-large{width:100%;max-width:100%;max-height:none;min-height:calc(100vh - 120px);margin:0 auto;overflow:visible}.modal-header-premium{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);border-radius:20px 20px 0 0}.header-info{display:flex;align-items:center;gap:16px}.header-icon{width:48px;height:48px;border-radius:12px;background:rgba(var(--primary-rgb),.1);display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.header-text h2{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.header-text p{margin:4px 0 0;font-size:13px;color:var(--text-secondary)}.modal-close-premium{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-premium:hover{background:var(--bg-tertiary);color:#ef4444}.modal-tabs{display:flex;padding:0 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:8px}.tab-btn{padding:16px 20px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;position:relative;display:flex;align-items:center;gap:8px;transition:all .2s}.tab-btn.active{color:var(--primary-color)}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary-color);border-radius:3px 3px 0 0}.modal-scroll-content{padding:24px;overflow-y:auto;overflow-x:visible;flex:1}.overview-tab-content{display:flex;flex-direction:column;gap:32px}.brand-section{display:flex;align-items:center;gap:20px}.project-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;background:var(--bg-tertiary);padding:24px;border-radius:16px;border:1px solid var(--border-color)}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:700}.detail-value{font-size:15px;color:var(--text-primary);font-weight:500}.detail-value .badge{font-size:11px}.modal-footer-premium{padding:14px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary);display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;border-radius:0 0 20px 20px}[data-theme=dark] .modal-footer-premium{background:#0a1223f2;border-top-color:#ffffff12}.footer-actions{display:flex;gap:10px}.btn-premium{padding:9px 20px;border-radius:11px;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;letter-spacing:-.01em}.btn-primary-premium{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;border:none;box-shadow:0 4px 14px rgba(var(--primary-rgb, 99, 102, 241),.25)}.btn-primary-premium:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px rgba(var(--primary-rgb, 99, 102, 241),.38);filter:brightness(1.07)}.btn-primary-premium:active:not(:disabled){transform:translateY(0)}.btn-primary-premium:disabled{opacity:.38;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary-premium{background:var(--bg-tertiary);color:var(--text-secondary);border:1.5px solid var(--border-strong)}.btn-secondary-premium:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}[data-theme=dark] .btn-secondary-premium{background:#ffffff0d;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .btn-secondary-premium:hover:not(:disabled){background:#ffffff14;border-color:var(--primary-color);color:var(--primary-color)}.report-empty-state{padding:48px 24px;text-align:center;background:#f59e0b1a;border-radius:16px;border:1px solid rgba(245,158,11,.3);margin:24px 0}.report-empty-icon{font-size:48px;margin-bottom:16px}.report-empty-title{font-size:18px;font-weight:700;color:#92400e;margin-bottom:8px}.report-empty-text{font-size:14px;color:#78350f;max-width:400px;margin:0 auto}[data-theme=dark] .report-empty-state{background:#f59e0b0d;border-color:#f59e0b33}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.report-card{padding:20px;background:var(--bg-tertiary);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}.report-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.report-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.report-value{font-size:22px;font-weight:700;color:var(--text-primary)}.report-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600}.status-over{background:#ef44441a;color:#ef4444}.status-track{background:#f59e0b1a;color:#f59e0b}.status-under{background:#10b9811a;color:#10b981}.report-table-container{border:1px solid var(--border-color);border-radius:16px;overflow:hidden;margin-top:16px}.report-table{width:100%;border-collapse:collapse}.report-table th{background:var(--bg-tertiary);padding:14px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.report-table td{padding:14px 16px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.report-table tr:last-child td{border-bottom:none}.report-table tr:hover td{background:rgba(var(--primary-rgb),.02)}.export-group{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.trash-btn-premium{background:#ef44441a;border:none;color:#ef4444;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.trash-btn-premium:hover:not(:disabled){background:#ef4444;color:#fff;transform:scale(1.05)}.trash-btn-premium:disabled{opacity:.5;cursor:not-allowed}.mini-input-group{display:flex;flex-direction:column;gap:8px}.mini-input-group label{font-size:12px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.05em}.mini-input-group input,.mini-input-group select{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s}.mini-input-group input:focus,.mini-input-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}[data-theme=dark] .mini-input-group input:focus,[data-theme=dark] .mini-input-group select:focus{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.24)}.member-select-premium{width:100%;padding:12px 40px 12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-secondary);color:var(--text-primary);appearance:none;transition:all .2s}.member-select-premium:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.talent-scroll-area{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:16px;max-height:250px;overflow-y:auto;padding:4px}.talent-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s;background:var(--bg-secondary)}.talent-card:hover{background:var(--bg-tertiary);border-color:var(--border-strong);transform:translateY(-2px)}.talent-card.selected{background:rgba(var(--primary-rgb),.08);border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}[data-theme=dark] .talent-card.selected{background:rgba(var(--primary-rgb),.16)}.talent-info{display:flex;flex-direction:column;overflow:hidden}.talent-email{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.talent-status{font-size:11px;color:#10b981;font-weight:500}.add-talent-btn{width:100%;margin-top:20px;padding:12px;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.add-talent-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.add-talent-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.staged-members-panel{margin-top:24px;padding:20px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color)}.staged-member-card{padding:16px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.staged-info{display:flex;flex-direction:column;gap:4px}.staged-info .email{font-size:14px;font-weight:600;color:var(--text-primary)}.staged-info .role-tag{font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:4px;width:fit-content}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-premium-fade{animation:slideUp .6s cubic-bezier(.16,1,.3,1) both}.project-card-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transform:translate(-100%);pointer-events:none}.project-card:hover .project-card-shimmer{animation:shimmer 1.2s cubic-bezier(.4,0,.2,1) infinite}@media(max-width:1024px){.projects-container{padding:24px 16px;max-width:none}.projects-header{margin-bottom:24px;align-items:flex-start;gap:14px}.projects-container .page-title{font-size:36px;line-height:1.05}.projects-container .page-subtitle{margin-top:10px;margin-bottom:0;line-height:1.35;max-width:32ch}.projects-list{gap:18px}}@media(max-width:768px){.projects-container{padding:16px 0}.projects-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px}.projects-container .page-title{font-size:32px}.projects-container .page-subtitle{font-size:14px;max-width:none}.create-project-btn{width:100%;justify-content:center;padding:12px 16px;border-radius:12px;font-size:15px}.loading-message,.empty-message{padding:24px 14px;border-radius:16px}.project-card{padding:16px;border-radius:18px}.project-card-header{flex-wrap:wrap;row-gap:10px;margin-bottom:14px}.project-card-brand-wrapper{padding:8px 10px;border-radius:12px;max-width:100%}.project-card-badge-top{width:100%;display:flex;justify-content:flex-start}.badge-pill{max-width:100%;white-space:nowrap}.project-card-description{margin-bottom:16px;height:auto;-webkit-line-clamp:3;line-clamp:3}.project-card-meta-grid{margin-bottom:16px;gap:10px}.meta-item{min-width:0;font-size:12px}.meta-item span{overflow-wrap:anywhere}.project-card-footer{flex-direction:column;align-items:stretch;gap:12px;padding-top:14px}.footer-badges{width:100%}.footer-right{width:100%;justify-content:space-between;gap:12px}.member-count-group{padding:6px 10px}}@media(max-width:420px){.projects-container .page-title{font-size:28px}.project-card-meta-grid{grid-template-columns:1fr}}.rpt-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.rpt-toolbar-left,.rpt-toolbar-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.rpt-toolbar-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.rpt-toolbar-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-strong)}.rpt-toolbar-btn.active{background:rgba(var(--primary-rgb),.1);color:var(--primary-color);border-color:rgba(var(--primary-rgb),.3)}.rpt-toolbar-btn.export{background:#34d39914;color:#34d399;border-color:#34d39940}.rpt-toolbar-btn.export:hover{background:#34d39926;border-color:#34d39980}.rpt-filter-panel{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:14px;padding:20px}.rpt-filter-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.rpt-filter-group{display:flex;flex-direction:column;gap:6px}.rpt-filter-group label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.rpt-filter-group input{width:100px;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;transition:all .2s}.rpt-filter-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.rpt-reset-btn{padding:8px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;height:38px;align-self:flex-end}.rpt-reset-btn:hover{background:var(--bg-tertiary);color:#ef4444;border-color:#ef44444d}.rpt-filter-hint{margin:10px 0 0;font-size:12px;color:var(--text-secondary)}.rpt-threshold-panel{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:14px;padding:20px}.rpt-threshold-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.rpt-threshold-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.rpt-threshold-group{display:flex;flex-direction:column;gap:6px}.rpt-threshold-group label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.rpt-threshold-group input{width:100%;max-width:120px;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;transition:all .2s}.rpt-threshold-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.rpt-threshold-hint{font-size:11px;color:var(--text-secondary);margin-top:2px}.rpt-chart-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:24px;transition:all .3s}.rpt-chart-section:hover{border-color:rgba(var(--primary-rgb),.2);box-shadow:0 8px 30px #0000000f}.rpt-chart-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.rpt-chart-title-group{display:flex;align-items:flex-start;gap:14px}.rpt-chart-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rpt-chart-title{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--text-primary)}.rpt-chart-sub{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.5}.rpt-chart-empty{text-align:center;padding:40px 24px;color:var(--text-secondary);font-size:14px;background:var(--bg-tertiary);border-radius:12px;border:1px dashed var(--border-color)}.rpt-tooltip{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;box-shadow:0 10px 40px #00000026;font-size:13px;min-width:180px}.rpt-tooltip-title{font-weight:700;color:var(--text-primary);margin-bottom:8px;font-size:14px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.rpt-tooltip-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:12px}.rpt-tooltip-row strong{font-weight:700}.rpt-tooltip-variance{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color);font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.rpt-tooltip-variance.overrun{color:#ef4444}.rpt-overrun-tag{background:#ef44441a;color:#ef4444;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.rpt-period-toggle{display:flex;background:var(--bg-tertiary);padding:4px;border-radius:12px;border:1px solid var(--border-color);gap:4px}.rpt-toggle-btn{padding:6px 14px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.rpt-toggle-btn:hover{color:var(--text-primary)}.rpt-toggle-btn.active{background:var(--bg-secondary);color:var(--primary-color);box-shadow:0 2px 8px #00000014;border:1px solid rgba(var(--primary-rgb),.1)}.rpt-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px}.rpt-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.rpt-drilldown{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:14px;padding:18px;margin-top:16px}.rpt-drilldown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.rpt-drilldown-badge{display:inline-block;background:rgba(var(--primary-rgb),.12);color:var(--primary-color);border-radius:6px;padding:3px 10px;font-size:12px;font-weight:800;letter-spacing:.04em}.rpt-drilldown-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;transition:all .2s}.rpt-drilldown-close:hover{background:var(--bg-secondary);color:#ef4444}.rpt-drilldown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.rpt-dd-stat{display:flex;flex-direction:column;gap:4px}.rpt-dd-stat span{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.rpt-dd-stat strong{font-size:18px;font-weight:800;color:var(--text-primary)}.timezone-dropdown-premium{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-xl);z-index:100;max-height:300px;overflow-y:auto;margin-top:5px;animation:slideDown .2s ease-out}.timezone-option:last-child{border-bottom:none}.roles-container{padding:24px}.roles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.roles-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.role-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.role-card:hover{transform:translateY(-4px);border-color:var(--primary-color);box-shadow:var(--shadow-md)}.role-card-content{padding:24px;display:flex;justify-content:space-between;align-items:flex-start;flex:1}.role-card-info{display:flex;flex-direction:column;gap:12px}.role-name{margin:0;color:var(--text-primary);font-size:18px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.role-badge{display:inline-flex;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;width:fit-content}.role-badge.system{background:#3b82f61a;color:var(--primary-color);border:1px solid rgba(59,130,246,.2)}.role-badge.custom{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.role-user-box{background:#6366f114;border:1px solid rgba(99,102,241,.15);border-radius:10px;padding:12px 18px;min-width:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.user-count-number{color:var(--primary-color);font-size:22px;font-weight:800;line-height:1}.user-count-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.05em}.role-card-footer{padding:16px 24px;background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.view-members{color:var(--primary-color);font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.created-date{color:var(--text-secondary);font-size:12px;font-weight:500}.create-role-btn{padding:12px 24px;border:none;border-radius:10px;background:var(--primary-color);color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a}.create-role-btn:hover{transform:translateY(-2px);background:var(--primary-hover);box-shadow:0 10px 15px -3px #0000001a}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slideUp .3s ease-out}.modal-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.modal-body{padding:24px}.modal-close{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.modal-close:hover{background:var(--border-color);color:var(--text-primary)}.modal-actions{padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-tertiary);display:flex;justify-content:flex-end;gap:12px}.error-message,.success-message{padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:24px}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;border-left:4px solid #ef4444}.success-message{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#10b981;border-left:4px solid #10b981}.manage-users-field{padding:12px 16px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;font-size:15px;color:var(--text-primary);transition:all .2s ease}.manage-users-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f626}.manage-users-radio{display:flex;align-items:center;gap:12px;cursor:pointer;padding:10px 12px;border-radius:8px;transition:all .2s ease;border:1px solid transparent}.manage-users-radio:hover{background-color:var(--bg-secondary);border-color:var(--border-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.roles-container{padding:16px}.roles-header{flex-direction:column;align-items:flex-start;gap:16px}.roles-list{grid-template-columns:1fr}}.page{padding:32px;background-color:var(--bg-primary);min-height:100vh}.page-title{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.page-subtitle{font-size:16px;color:var(--text-secondary);margin:0 0 32px}.page-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:32px;box-shadow:var(--shadow-sm)}.page-content p{color:var(--text-secondary);font-size:16px}@media(max-width:768px){.page{padding:16px}.page-title{font-size:28px;margin-bottom:6px;line-height:1.15}.page-subtitle{font-size:14px;margin-bottom:20px;line-height:1.4}.page-content{padding:20px 16px;border-radius:10px}}@keyframes premium-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes save-pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes shimmer{0%{transform:translate(-100%) skew(-20deg)}to{transform:translate(400%) skew(-20deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-premium-fade{animation:premium-fade .6s cubic-bezier(.22,1,.36,1) forwards}.animate-save-pulse{animation:save-pulse 2s infinite ease-in-out}.timesheet-tabs{display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:2px;border-bottom:1px solid #f1f5f9}.timesheet-tab{padding:12px 0;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.95rem;font-weight:600;color:#94a3b8;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:-1px}.timesheet-tab:hover{color:#6366f1}.timesheet-tab.active{color:#4f46e5;border-bottom-color:#4f46e5}.view-mode-toggle{display:flex;background-color:#f1f5f9;padding:4px;border-radius:12px;box-shadow:inset 0 1px 3px #00000014}.view-mode-button{padding:10px 20px;font-size:.875rem;font-weight:600;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;background:transparent;color:#64748b;position:relative;overflow:hidden}.view-mode-button:hover{color:#334155;background-color:#ffffff80}.view-mode-button.active{background-color:#fff;color:#6366f1;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;font-weight:700}.view-mode-button.active:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:8px 8px 0 0}.timesheet-container{display:flex;flex-direction:column;gap:2rem;max-width:1600px;margin:0 auto}@media(min-width:1280px){.timesheet-container{flex-direction:row}}.timesheet-calendar-section{flex:1;display:flex;flex-direction:column;gap:1.5rem}.calendar-header{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.calendar-header{flex-direction:row;align-items:center;justify-content:space-between}}.calendar-header-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.calendar-header-title h1{font-size:1.5rem;font-weight:700;color:#0f172a;letter-spacing:-.025em;margin:0}.calendar-header-badges{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem}.status-badge{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid}.status-badge.approved{position:relative;overflow:hidden;background:linear-gradient(135deg,#ecfdf5,#bbf7d0);color:#065f46;border-color:#86efac;box-shadow:0 6px 18px #10b9812e}.status-badge.approved:after{content:"";position:absolute;top:-125%;left:-40%;width:42%;height:320%;background:linear-gradient(120deg,#fff0,#ffffffbf,#fff0);transform:rotate(24deg);animation:approved-badge-shimmer 3.2s ease-in-out infinite;pointer-events:none}.status-badge.approved.approved-glow{box-shadow:0 10px 24px #16a34a38,inset 0 0 0 1px #ffffff59}.status-badge.submitted{background-color:#eef2ff;color:#4338ca;border-color:#e0e7ff}.status-badge.draft{background-color:#fffbeb;color:#b45309;border-color:#fef3c7}.status-badge.rejected{background-color:#fff1f2;color:#be123c;border-color:#fecdd3}.dark .status-badge.approved{background:linear-gradient(135deg,#10b98138,#22c55e24);color:#6ee7b7;border-color:#34d39961;box-shadow:0 10px 22px #10b9812e}.dark .status-badge.submitted{background-color:#6366f11a;color:#818cf8;border-color:#6366f133}.dark .status-badge.draft{background-color:#f59e0b1a;color:#fbbf24;border-color:#f59e0b33}.dark .status-badge.rejected{background-color:#f43f5e1f;color:#fb7185;border-color:#f43f5e33}.timesheet-rejection-alert{display:flex;align-items:flex-start;gap:.625rem;margin:.85rem 0 .55rem;padding:.75rem .9rem;border:1px solid #fecdd3;background:#fff1f2;color:#9f1239;border-radius:.75rem}.timesheet-rejection-alert strong{display:block;font-size:.8rem;font-weight:700}.timesheet-rejection-alert p{margin:.2rem 0 0;font-size:.76rem;color:#9f1239}.dark .timesheet-rejection-alert{border-color:#f43f5e47;background:#f43f5e1f;color:#fda4af}.dark .timesheet-rejection-alert p{color:#fda4af}.month-navigation{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.375rem;border-radius:1rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f1f5f9}.month-nav-button{padding:.5rem;background:transparent;border-radius:.75rem;color:#64748b;transition:background-color .2s}.month-nav-button:hover{background-color:#f8fafc}.month-nav-label{padding:.375rem 1rem;font-size:.875rem;font-weight:700;color:#334155;transition:color .2s}.month-nav-label:hover{color:#6366f1}.weekly-timesheet-shell{display:flex;flex-direction:column;gap:1rem}.weekly-timesheet-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;background:#f5f6fb;border:1px solid #e5e7ef;border-radius:14px;padding:.75rem 1rem}.weekly-timesheet-title-wrap{display:flex;flex-direction:column;gap:.2rem}.weekly-timesheet-title-row{display:flex;align-items:center;gap:.45rem;color:#34385a}.weekly-timesheet-title-row h2{margin:0;font-size:1rem;font-weight:700;color:#2f334e}.weekly-timesheet-range-text{margin:0;font-size:.78rem;color:#69708d}.weekly-timesheet-toolbar-actions{display:flex;align-items:center;gap:.35rem}.weekly-timesheet-table-wrap{border:1px solid #dddfee;border-radius:14px;background:#f6f7fb;overflow:auto;max-height:calc(100vh - 330px)}.weekly-timesheet-table{width:100%;min-width:1080px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-family:Segoe UI,Inter,sans-serif}.weekly-timesheet-table th,.weekly-timesheet-table td{border-right:1px solid #daddeb;border-bottom:1px solid #daddeb}.weekly-project-head{width:240px;background:#efeff5;color:#545973;font-size:.78rem;text-align:left;padding:.75rem;font-weight:700}.weekly-day-head{background:#e8e9f1;color:#434865;font-size:.73rem;font-weight:700;text-align:center;padding:.45rem .2rem}.weekly-total-head{width:120px;background:#e8e9f1;text-align:center;padding:.45rem .35rem}.weekly-total-head span{display:block;font-size:.73rem;color:#565d7a;font-weight:700}.weekly-total-head strong{display:block;margin-top:.2rem;color:#28304f;font-size:.92rem}.weekly-day-total-row th{background:#f0f1f7}.weekly-day-total-cell{padding:.35rem .25rem .45rem;text-align:center}.weekly-day-total-cell span{display:block}.weekly-day-total-cell>span:first-child{font-size:.76rem;color:#293151;font-weight:700}.weekly-day-total-track{margin:.25rem auto 0;width:76%;height:4px;background:#d6d8e5;border-radius:999px;overflow:hidden}.weekly-day-total-track span{height:100%;background:#2da48b;border-radius:inherit}.weekly-project-row.selected{box-shadow:inset 3px 0 #4f56d3}.weekly-project-cell{background:#f3f4fa;padding:.8rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;color:#343a58}.weekly-project-main p{margin:0;font-size:.95rem;font-weight:600;color:#282d47}.weekly-project-tag{display:inline-flex;margin-top:.35rem;padding:.16rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600}.weekly-project-tag.mint{background:#dff3de;color:#3b6b45}.weekly-project-tag.gold{background:#f7e8b9;color:#6d5a2e}.weekly-project-tag.lavender{background:#e8ddff;color:#59508a}.weekly-project-tag.sky{background:#d8ebfb;color:#3a5f82}.weekly-day-cell{background:#fbfbfe;padding:.4rem;text-align:center;height:78px;position:relative}.weekly-day-cell.outside-month{background:#f1f2f8}.weekly-cell-trigger{margin:0 auto;width:88%;height:34px;border-radius:999px;border:1px dashed #bcc1d6;background:#f9fafe;color:#595f7d;font-size:.82rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.3rem}.weekly-cell-trigger:hover:not(:disabled){border-color:#7e84a8;background:#f2f4fe}.weekly-cell-trigger.empty{color:#49529d}.weekly-cell-trigger.draft{background:#eef0f8;border-style:solid;border-color:#c7cbdd;color:#4d5473}.weekly-cell-trigger.submitted{background:#ffeecf;border-style:solid;border-color:#f0d390;color:#7d6230}.weekly-cell-trigger.approved{background:#dff4e4;border-style:solid;border-color:#9ed5ab;color:#2f7448}.weekly-cell-trigger.rejected{background:#ffe2e6;border-style:solid;border-color:#f2b7c0;color:#8c3e4d}.weekly-cell-trigger.readonly{opacity:.75}.weekly-cell-trigger:disabled{opacity:.45;cursor:not-allowed}.weekly-cell-detail-count{position:absolute;top:.32rem;right:.38rem;min-width:18px;padding:.05rem .28rem;border-radius:999px;background:#eceef8;color:#4b5478;font-size:.67rem;font-weight:700}.weekly-row-total-cell{background:#f6f7fc;text-align:center;font-size:1rem;font-weight:700;color:#263354}.weekly-timesheet-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#f5f6fb;border:1px solid #e1e4f1;border-radius:14px;padding:.8rem 1rem}.weekly-selected-project{margin:0;font-size:.86rem;font-weight:700;color:#2f3554}.weekly-selected-project-summary{margin:.2rem 0 0;font-size:.75rem;color:#666f8f}.weekly-timesheet-footer-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.weekly-timesheet-empty-state{border:1px dashed #d5d9eb;border-radius:14px;background:#f8f9fe;padding:2rem;text-align:center}@media(max-width:980px){.weekly-timesheet-toolbar,.weekly-timesheet-footer{flex-direction:column;align-items:flex-start}.weekly-timesheet-toolbar-actions,.weekly-timesheet-footer-actions{width:100%}}[data-theme=dark] .weekly-timesheet-toolbar,.dark .weekly-timesheet-toolbar{background:#0f172ae6;border-color:var(--color-border);box-shadow:0 12px 24px #02061740}[data-theme=dark] .weekly-timesheet-title-row,.dark .weekly-timesheet-title-row,[data-theme=dark] .weekly-timesheet-title-row h2,.dark .weekly-timesheet-title-row h2,[data-theme=dark] .weekly-selected-project,.dark .weekly-selected-project{color:var(--color-text-primary)}[data-theme=dark] .weekly-timesheet-range-text,.dark .weekly-timesheet-range-text,[data-theme=dark] .weekly-selected-project-summary,.dark .weekly-selected-project-summary{color:var(--color-text-secondary)}[data-theme=dark] .weekly-timesheet-table-wrap,.dark .weekly-timesheet-table-wrap{background:#0f172ac7;border-color:var(--color-border)}[data-theme=dark] .weekly-timesheet-table th,.dark .weekly-timesheet-table th,[data-theme=dark] .weekly-timesheet-table td,.dark .weekly-timesheet-table td{border-right-color:var(--color-border);border-bottom-color:var(--color-border)}[data-theme=dark] .weekly-project-head,.dark .weekly-project-head,[data-theme=dark] .weekly-day-head,.dark .weekly-day-head,[data-theme=dark] .weekly-total-head,.dark .weekly-total-head,[data-theme=dark] .weekly-day-total-row th,.dark .weekly-day-total-row th{background:#1e293beb;color:var(--color-text-primary)}[data-theme=dark] .weekly-total-head span,.dark .weekly-total-head span,[data-theme=dark] .weekly-day-total-cell>span:first-child,.dark .weekly-day-total-cell>span:first-child{color:var(--color-text-secondary)}[data-theme=dark] .weekly-total-head strong,.dark .weekly-total-head strong{color:var(--color-text-primary)}[data-theme=dark] .weekly-day-total-track,.dark .weekly-day-total-track{background:#94a3b840}[data-theme=dark] .weekly-day-total-track span,.dark .weekly-day-total-track span{background:var(--color-primary)}[data-theme=dark] .weekly-project-row.selected,.dark .weekly-project-row.selected{box-shadow:inset 3px 0 0 var(--color-primary)}[data-theme=dark] .weekly-project-cell,.dark .weekly-project-cell{background:#0f172ae6;color:var(--color-text-primary)}[data-theme=dark] .weekly-project-main p,.dark .weekly-project-main p{color:var(--color-text-primary)}[data-theme=dark] .weekly-day-cell,.dark .weekly-day-cell{background:#0f172a9e}[data-theme=dark] .weekly-day-cell.outside-month,.dark .weekly-day-cell.outside-month{background:#0f172aeb}[data-theme=dark] .weekly-cell-trigger,.dark .weekly-cell-trigger{border-color:#94a3b873;background:#0206178c;color:#cbd5e1}[data-theme=dark] .weekly-cell-trigger:hover:not(:disabled),.dark .weekly-cell-trigger:hover:not(:disabled){border-color:#818cf8b3;background:#1e293be0}[data-theme=dark] .weekly-cell-trigger.empty,.dark .weekly-cell-trigger.empty{color:#a5b4fc}[data-theme=dark] .weekly-cell-trigger.draft,.dark .weekly-cell-trigger.draft{background:#1e293bd9;border-color:#94a3b873;color:#cbd5e1}[data-theme=dark] .weekly-cell-trigger.submitted,.dark .weekly-cell-trigger.submitted{background:#4338ca42;border-color:#818cf88c;color:#c7d2fe}[data-theme=dark] .weekly-cell-trigger.approved,.dark .weekly-cell-trigger.approved{background:#0596693d;border-color:#34d39980;color:#6ee7b7}[data-theme=dark] .weekly-cell-trigger.rejected,.dark .weekly-cell-trigger.rejected{background:#be185d33;border-color:#fb718580;color:#fecdd3}[data-theme=dark] .weekly-cell-detail-count,.dark .weekly-cell-detail-count{background:#1e293bf2;color:#cbd5e1}[data-theme=dark] .weekly-row-total-cell,.dark .weekly-row-total-cell,[data-theme=dark] .weekly-timesheet-footer,.dark .weekly-timesheet-footer{background:#0f172ae6;color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .weekly-timesheet-empty-state,.dark .weekly-timesheet-empty-state{border-color:#94a3b859;background:#0f172ab8}.calendar-grid-container{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;border:1px solid #f1f5f9}.calendar-grid-header{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background-color:#f8fafc80;border-bottom:1px solid #f1f5f9}.calendar-day-header{padding:1rem;text-align:center;font-size:.6875rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.calendar-grid-body{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-day-cell{height:8rem;padding:1rem;border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff}.calendar-day-cell.weekend{background-color:#f8fafc33}.calendar-day-cell.empty{background-color:#f8fafc1a}.calendar-day-cell:not(.locked):hover{background-color:#6366f10d;transform:scale(1.02);z-index:10;box-shadow:0 10px 15px -3px #0000001a}.calendar-day-cell.locked{background-color:#f8fafccc}.calendar-day-cell.approved{background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;border-color:#bbf7d0!important;box-shadow:inset 0 0 12px #22c55e14,0 0 0 1px #86efac38;overflow:hidden}.calendar-day-cell.approved:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 16%,rgba(187,247,208,.55),transparent 46%),radial-gradient(circle at 88% 86%,rgba(134,239,172,.28),transparent 44%);animation:approved-cell-glow 2.8s ease-in-out infinite;pointer-events:none}.calendar-day-cell.approved .day-cell-date{color:#166534!important;font-weight:800}.calendar-day-cell.approved .day-cell-input{color:#15803d!important}.calendar-day-cell.approved:hover{transform:scale(1.03)!important;box-shadow:0 15px 25px -5px #22c55e26!important;z-index:20}.calendar-day-cell.submitted{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#c7d2fe}.calendar-day-cell.submitted .day-cell-date{color:#3730a3}.calendar-day-cell.rejected{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border-color:#fecdd3}.calendar-day-cell.rejected .day-cell-date{color:#9f1239}@keyframes approved-badge-shimmer{0%{transform:rotate(24deg) translate(-220%);opacity:0}25%{opacity:.9}65%{transform:rotate(24deg) translate(320%);opacity:0}to{transform:rotate(24deg) translate(320%);opacity:0}}@keyframes approved-cell-glow{0%,to{opacity:.36;transform:scale(1)}50%{opacity:.64;transform:scale(1.02)}}.day-cell-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.day-cell-date{font-size:.875rem;font-weight:900;letter-spacing:-.025em;color:#0f172a}.day-cell-date.no-hours{color:#cbd5e1}.day-cell-icons{display:flex;align-items:center;gap:.375rem}.day-cell-task-btn{display:inline-flex;align-items:center;gap:.25rem;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;border-radius:999px;padding:2px 6px;font-size:10px;line-height:1}.day-cell-task-btn.has-data{border-color:#6366f159;background:#6366f11a;color:#4f46e5}.day-cell-task-btn:hover{background:#eef2ff;color:#4338ca}.day-cell-task-badge{font-size:9px;font-weight:700}.day-cell-input-container{position:relative;flex:1}.day-cell-input{width:100%;background:transparent;border:none;padding:0;font-size:1.5rem;font-weight:900;color:#0f172a;outline:none;transition:all .2s}.day-cell-input::placeholder{color:#f1f5f9}.day-cell-input:focus{color:#6366f1}.day-cell-input:disabled{color:#94a3b8}.day-cell-input-hint{position:absolute;bottom:-.5rem;left:0;font-size:.625rem;font-weight:700;color:#cbd5e1;opacity:0;transition:opacity .2s}.calendar-day-cell:hover .day-cell-input-hint{opacity:1}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.timesheet-sidebar{width:100%;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1280px){.timesheet-sidebar{width:380px}}.performance-card{background:#fff;padding:1.5rem;border-radius:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #f1f5f9}.performance-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.performance-card-title{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0}.performance-card-info-btn{color:#94a3b8;background:transparent;padding:.25rem;transition:color .2s}.performance-card-info-btn:hover{color:#6366f1}.progress-ring-container{display:flex;justify-content:center;margin-bottom:2.5rem;position:relative}.progress-ring-svg{width:12rem;height:12rem;transform:rotate(-90deg);filter:drop-shadow(0 1px 2px rgb(0 0 0 / .1))}.progress-ring-circle{transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 6px rgba(79,70,229,.2))}.progress-ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-ring-value{font-size:3rem;font-weight:900;color:#0f172a;letter-spacing:-.025em}.progress-ring-text{font-size:.625rem;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin-top:.25rem}.stats-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1.5rem 1rem!important;margin-bottom:2rem!important;width:100%!important}.stat-item{text-align:left!important}.stat-label{font-size:.625rem;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:800;color:#0f172a;line-height:1.2}.stat-value.primary,.dark .stat-value.primary{color:#6366f1!important}.summary-list{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid #f1f5f9;margin-bottom:2rem}.summary-item{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.summary-item-label{display:flex;align-items:center;gap:.5rem;color:#64748b;font-weight:500}.summary-item-value{font-weight:700;color:#0f172a}.summary-item-value.accent{color:#14b8a6}.save-status{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.save-status-text{font-size:.6875rem;font-weight:500;color:#94a3b8}.save-status-text.saving{font-weight:700;color:#6366f1}.submit-button{position:relative;width:100%;padding:1rem;background-color:#6366f1;color:#fff;border-radius:1rem;font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 10px 15px -3px #6366f133;overflow:hidden;transition:all .2s}.submit-button:hover{background-color:#4f46e5}.submit-button:active{transform:scale(.98)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-button.draft{background:linear-gradient(135deg,#475569,#334155)!important;box-shadow:0 4px 14px #4755694d!important}.submit-button.draft:hover{transform:translateY(-2px);box-shadow:0 6px 20px #47556966!important}.btn-shimmer{position:absolute;inset:0;width:25%;height:100%;background:#ffffff26;transform:skew(-20deg) translate(-100%);transition:transform .7s ease-in-out}.submit-button:hover .btn-shimmer{transform:skew(-20deg) translate(400%)}.project-selector-panel{background:#fff;padding:1.5rem;border-radius:2rem;box-shadow:0 4px 20px #0000000d;border:1px solid #f1f5f9;display:flex;flex-direction:column}.dropdown-trigger{padding:4px;border-radius:12px;transition:background .2s;display:flex;justify-content:space-between;align-items:center;width:100%}.dropdown-trigger:hover{background:#f8fafc}.project-list-dropdown{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease,padding .3s ease,opacity .3s ease;opacity:0;overflow:hidden}.project-list-dropdown.open{grid-template-rows:1fr;opacity:1;padding-top:1.25rem}.project-list-container{min-height:0;display:flex;flex-direction:column;gap:.75rem;max-height:320px;overflow-y:auto;padding-right:4px}.project-selector-item{position:relative;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:1.25rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;justify-content:space-between;align-items:center;overflow:hidden}.project-selector-item:hover{border-color:#6366f1;background:#f0f9ff;transform:translate(4px)}.project-selector-item.active{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f1;color:#fff;box-shadow:0 10px 15px -3px #6366f133}.project-selector-info{display:flex;flex-direction:column;gap:.25rem;z-index:2}.project-selector-name{font-weight:700;font-size:.9375rem}.project-selector-role{font-size:.75rem;opacity:.8;display:flex;align-items:center;font-weight:500}.active-indicator{color:#fff;z-index:2;animation:scaleIn .3s ease-out}.project-selector-mini-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#0000000d;z-index:1}.mini-progress-fill{height:100%;background:#6366f1;transition:width 1s ease}.project-selector-item.active .mini-progress-fill{background:#ffffff4d}.project-selector-empty{padding:2rem;text-align:center;color:#94a3b8;font-style:italic;font-size:.875rem}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.dark .project-selector-panel{background:#0a0a0a;border-color:#1a1a1a;box-shadow:0 10px 50px #0009}.dark .dropdown-trigger:hover{background:#1a1a1a}.dark .project-selector-item{background:#000;border-color:#1a1a1a;color:#94a3b8}.dark .project-selector-item:hover{background:#1a1a1a;color:#fff}.dark .project-selector-name{color:#fff}.dark .project-selector-item.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.team-sidebar{width:100%;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1280px){.team-sidebar{width:380px}}.team-project-selector{background:#fff;padding:1.25rem;border-radius:1rem;border:1px solid #f1f5f9;box-shadow:0 1px 2px #0000000d}.team-project-label{display:block;font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.team-project-select-container{position:relative;margin-bottom:.75rem}.team-project-select{width:100%;padding:.75rem 2.5rem .75rem 2.75rem;border:1px solid #e2e8f0;border-radius:12px;font-size:.9375rem;background-color:#fff;font-weight:700;color:#1e293b;appearance:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d;cursor:pointer}.team-project-select:hover{border-color:#6366f1;background-color:#f8fafc}.team-project-select:focus{outline:none;box-shadow:0 0 0 2px #3b82f633;border-color:#3b82f6}.team-project-icon-left{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6366f1;display:flex;align-items:center}.team-project-icon-right{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.team-cost-planning-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;font-size:.875rem;font-weight:600;color:#2563eb;background-color:#eff6ff;border-radius:.5rem;transition:background-color .2s}.team-cost-planning-btn:hover{background-color:#dbeafe}.team-member-list-container{background:#fff;border-radius:1rem;border:1px solid #f1f5f9;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 280px);min-height:400px}.team-member-list-header{padding:1rem;border-bottom:1px solid #fafafa;background:#fff}.team-member-list-title{font-size:.875rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem;margin:0}.team-member-count{color:#94a3b8;font-weight:400;margin-left:auto;font-size:.75rem}.team-member-list{overflow-y:auto;flex:1;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.team-member-item{position:relative;width:100%;padding:.625rem .875rem;border-radius:14px;display:flex;align-items:center;gap:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.team-member-item:hover{transform:translate(4px);background-color:#f8fafc}.team-member-item.selected{background-color:#eef2ffcc;border-color:#e0e7ff;box-shadow:0 1px 2px #0000000d}.team-member-indicator{position:absolute;left:0;top:1rem;bottom:1rem;width:4px;background-color:#6366f1;border-radius:0 9999px 9999px 0}.team-member-avatar{width:2.5rem;height:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;box-shadow:0 2px 4px #0000000d;transition:transform .2s;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b;flex-shrink:0}.team-member-item.selected .team-member-name{color:#312e81}.team-member-hours-pill{display:flex;align-items:baseline;gap:1px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2px 8px;border-radius:6px;box-shadow:0 2px 4px #10b98133;transition:all .2s}.team-member-item.selected .team-member-hours-pill{background:#fff;color:#6366f1;box-shadow:0 2px 4px #0000000d}.hours-val{font-size:.8125rem;font-weight:800}.hours-label{font-size:.625rem;font-weight:600;opacity:.9}.team-member-role-row{display:flex;justify-content:space-between;align-items:center}.team-member-role{font-size:.6875rem;color:#94a3b8;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.status-dot{width:6px;height:6px;border-radius:9999px;transition:all .5s ease}.status-dot.approved{background:#10b981;box-shadow:0 0 8px #10b98166}.status-dot.submitted{background:#6366f1;box-shadow:0 0 8px #6366f166}.status-dot.draft{background:#f59e0b;box-shadow:0 0 8px #f59e0b66}.status-dot.rejected{background:#f43f5e;box-shadow:0 0 8px #f43f5e66}.team-calendar-section{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.5rem}.team-calendar-header{background:#fff;padding:1.5rem;border-radius:1rem;border:1px solid #f1f5f9;box-shadow:0 1px 2px #0000000d;display:flex;justify-content:space-between;align-items:flex-end}.team-calendar-header-left h2{font-size:1.75rem;font-weight:800;color:#1e293b;letter-spacing:-.03em;margin:0 0 1rem;display:flex;align-items:center;gap:1rem}.team-calendar-header-bottom{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.team-member-total-hours-card{display:flex;align-items:center;gap:.75rem;background:#fff;padding:.625rem 1.125rem;border-radius:16px;border:1px solid #eff6ff;box-shadow:0 4px 12px #3b82f614}.total-hours-icon{width:28px;height:28px;border-radius:8px;background:#6366f11a;color:#6366f1;display:flex;align-items:center;justify-content:center}.total-hours-details{display:flex;flex-direction:column}.total-hours-label{font-size:.625rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:-2px}.total-hours-value-wrapper{display:flex;align-items:baseline;gap:1px}.total-hours-num{font-size:1.125rem;font-weight:900;color:#1e293b}.total-hours-unit{font-size:.6875rem;font-weight:700;color:#94a3b8;margin-left:2px}.team-calendar-viewing-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b;margin-top:.5rem;background-color:#f8fafc;padding:.375rem .75rem;border-radius:.5rem;width:fit-content}.team-calendar-viewing-label{font-weight:500}.team-calendar-viewing-user{display:flex;align-items:center;gap:.5rem}.team-calendar-user-avatar{width:1.25rem;height:1.25rem;border-radius:9999px;background-color:#e0e7ff;color:#6366f1;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.team-calendar-user-avatar-image{width:100%;height:100%;border-radius:9999px;object-fit:cover}.team-calendar-user-name{color:#334155;font-weight:600}.team-calendar-user-separator{width:.25rem;height:.25rem;background-color:#cbd5e1;border-radius:9999px;margin:0 .25rem}.team-calendar-user-role{color:#94a3b8}.team-member-status-pill{margin-left:.5rem;font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-radius:8px;padding:.25rem .625rem;border:1px solid transparent}.team-member-status-pill.approved{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.team-member-status-pill.submitted{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.team-member-status-pill.rejected{color:#e11d48;background:#fff1f2;border-color:#fecdd3;box-shadow:0 2px 6px #e11d481a}.team-member-status-pill.draft{color:#d97706;background:#fffbeb;border-color:#fde68a;box-shadow:0 2px 6px #d977061a}.team-calendar-header-right{display:flex;gap:.5rem}.team-calendar-today-btn{padding:.5rem 1rem;border:1px solid #e2e8f0;color:#64748b;font-weight:600;font-size:.875rem;border-radius:.5rem;background:#fff;transition:background-color .2s}.team-calendar-today-btn:hover{background-color:#f8fafc}.calendar-legend{margin-top:1rem;display:flex;align-items:center;gap:1.5rem;font-size:.75rem;color:#94a3b8;padding:0 .5rem;justify-content:flex-end}.calendar-legend-item{display:flex;align-items:center;gap:.5rem}.calendar-legend-dot{width:.5rem;height:.5rem;border-radius:9999px}.calendar-legend-dot.hours{background-color:#3b82f6}.calendar-legend-dot.empty{background-color:#e2e8f0}.calendar-legend-dot.approved{background-color:#10b981}.calendar-legend-dot.submitted{background-color:#6366f1}.calendar-legend-dot.rejected{background-color:#f43f5e}@media(max-width:640px){.calendar-day-cell{height:80px;padding:8px}.day-cell-date{font-size:10px}.day-cell-input{font-size:16px}}.no-project-overlay{position:absolute;inset:0;background:rgba(var(--bg-primary-rgb),.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;border-radius:24px;animation:premium-fade .5s ease-out}.no-project-content{text-align:center;padding:3rem;max-width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:32px;box-shadow:0 20px 50px #0000001a}.no-project-icon-wrapper{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #4f46e540;color:#fff}.no-project-title{font-size:1.5rem;font-weight:800;color:var(--color-text-primary);margin-bottom:.75rem;letter-spacing:-.01em}.no-project-subtitle{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:2rem}.primary-action-btn{padding:.875rem 2rem;background:var(--color-primary);color:#fff;border-radius:14px;font-weight:700;font-size:.9375rem;border:none;cursor:pointer;box-shadow:var(--button-3d-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.primary-action-btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 8px 20px #6366f14d}.status-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--color-text-secondary);font-size:.8125rem;background:var(--color-background);padding:.75rem 1rem;border-radius:12px;border:1px solid var(--color-border)}.history-container{padding:2rem;max-width:1200px;margin:0 auto}.history-header{margin-bottom:2rem}.history-title{font-size:1.75rem;font-weight:800;color:var(--color-text-primary);margin-bottom:.5rem}.history-subtitle{color:var(--color-text-secondary);font-size:.9375rem}.history-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;box-shadow:0 4px 20px #00000008;overflow:hidden}.history-empty{padding:5rem 2rem;text-align:center;color:var(--color-text-secondary)}.history-empty-icon{margin-bottom:1.5rem;opacity:.3;color:var(--color-primary)}.history-table-wrapper{overflow-x:auto}.history-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}.history-table th{padding:1.25rem 2rem;background:var(--color-background);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.history-table td{padding:1.5rem 2rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.history-table tr:last-child td{border-bottom:none}.history-table tr:hover td{background:rgba(var(--color-primary-rgb),.02)}.period-dates{font-weight:600;color:var(--color-text-primary)}.history-project-name{font-weight:700;color:var(--color-text-primary)}.status-badge-premium{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:inset 0 0 0 1px #0000000d}.status-badge-premium.approved{background:#10b9811a;color:#10b981}.status-badge-premium.submitted{background:#6366f11a;color:var(--color-primary)}.status-badge-premium.rejected{background:#f43f5e1a;color:#f43f5e}.status-dot-mini{width:6px;height:6px;border-radius:50%}.status-dot-mini.approved{background:#10b981;box-shadow:0 0 8px #10b981}.status-dot-mini.submitted{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.status-dot-mini.rejected{background:#f43f5e;box-shadow:0 0 8px #f43f5e}.history-hours-val{font-size:1.25rem;font-weight:800;color:var(--color-text-primary);margin-right:2px}.history-hours-unit{font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.dark .timesheet-container{color:var(--color-text-primary)}.dark .timesheet-tabs{border-bottom-color:var(--color-border)}.dark .timesheet-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.dark .view-mode-toggle{background-color:var(--color-surface);box-shadow:inset 0 1px 3px #0006}.dark .view-mode-button.active{background-color:#1e1e30;color:var(--color-primary-light);box-shadow:0 4px 12px #00000080}.dark .calendar-grid-container,.dark .calendar-header,.dark .team-calendar-header{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 10px 30px #00000080}.dark .month-navigation{background:var(--bg-secondary)!important;border-color:var(--color-border)!important;box-shadow:0 8px 18px #02061733!important}.dark .calendar-header-title h1,.dark .team-calendar-header-left h2,.dark .progress-ring-value,.dark .stat-value,.dark .summary-item-value,.dark .performance-card-title{color:var(--color-text-primary)}.dark .month-nav-label{color:#fff!important;background:transparent!important}.dark .month-nav-button{color:#94a3b8!important;background:transparent!important}.dark .calendar-grid-header{background-color:#0f172a80;border-bottom-color:var(--color-border)}.dark .calendar-day-cell{background:var(--bg-secondary);border-right-color:var(--color-border);border-bottom-color:var(--color-border)}.dark .calendar-day-cell.weekend{background-color:#0f172ae6}.dark .calendar-day-cell.empty{background-color:#0f172ab8}.dark .calendar-day-cell:not(.locked):hover{background-color:#6366f11a;box-shadow:inset 0 0 20px #6366f10d}.dark .calendar-day-cell.locked{background-color:#0f172a80}.dark .calendar-day-cell.approved{background:linear-gradient(135deg,#064e3b66,#14532d99)!important;border-color:#10b9814d!important;box-shadow:inset 0 0 20px #10b9811a,0 0 15px #10b9810d!important}.dark .calendar-day-cell.approved:after{background:radial-gradient(circle at 18% 16%,rgba(16,185,129,.25),transparent 46%),radial-gradient(circle at 88% 86%,rgba(74,222,128,.12),transparent 44%)}.dark .calendar-day-cell.approved .day-cell-date{color:#4ade80!important}.dark .calendar-day-cell.approved .day-cell-input{color:#4ade80!important;text-shadow:0 0 15px rgba(74,222,128,.4)!important}.dark .calendar-day-cell.approved:hover{background:linear-gradient(135deg,#064e3b80,#14532db3)!important;border-color:#10b98180!important;box-shadow:0 20px 30px -10px #00000080,0 0 20px #10b98126!important}.dark .calendar-day-cell.submitted{background:linear-gradient(135deg,#4338ca33,#4f46e547);border-color:#818cf859}.dark .calendar-day-cell.submitted .day-cell-date{color:#c7d2fe}.dark .calendar-day-cell.rejected{background:linear-gradient(135deg,#88133738,#9f12394d);border-color:#fb718559}.dark .calendar-day-cell.rejected .day-cell-date{color:#fecdd3}.dark .day-cell-date{color:var(--color-text-primary)}.dark .day-cell-input{color:var(--color-primary-light);text-shadow:0 0 10px rgba(99,102,241,.3)}.team-day-hours-value.default{color:#334155}.team-day-hours-value.approved{color:#15803d}.team-day-hours-value.submitted{color:#4338ca}.dark .team-day-hours-value.rejected{color:#fb7185}.dark .team-member-status-pill.approved{color:#6ee7b7;background:#10b9811a;border-color:#10b9814d}.dark .team-member-status-pill.submitted{color:#a5b4fc;background:#6366f11a;border-color:#6366f14d}.dark .team-member-status-pill.rejected{color:#fb7185;background:#f43f5e1a;border-color:#f43f5e4d}.dark .team-member-status-pill.draft{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b4d}.dark .performance-card,.dark .team-project-selector,.dark .team-member-list-container,.dark .team-member-list-header,.dark .team-calendar-header,.dark .team-member-total-hours-card{background:var(--bg-secondary);border-color:var(--color-border);box-shadow:0 10px 40px #0009}.dark .team-member-total-hours-card{background:var(--bg-tertiary);border-color:var(--color-border)}.dark .team-project-select{background-color:var(--bg-tertiary);border-color:var(--color-border);color:var(--color-text-primary)}.dark .team-project-select:hover{border-color:var(--color-primary);background-color:var(--bg-secondary)}.dark .team-member-item:hover{background-color:#ffffff05}.dark .team-member-item.selected{background-color:#6366f11a;border-color:#6366f133}.dark .no-project-overlay{background:#050505d9}.dark .no-project-content{background:var(--bg-secondary)}.dark .status-badge-premium{box-shadow:inset 0 0 0 1px #ffffff0d}.dark .history-table tr:hover td{background:#ffffff05}@keyframes entry-details-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes entry-details-modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.entry-details-modal-overlay{position:fixed;inset:0;z-index:1000;background:radial-gradient(circle at 88% 10%,rgba(99,102,241,.2) 0%,transparent 42%),#0f172a99;backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1);display:flex;align-items:center;justify-content:center;padding:20px;animation:entry-details-overlay-in .2s ease}.entry-details-modal{width:min(760px,100%);max-height:min(92vh,900px);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:22px;box-shadow:0 34px 60px #0206174d,0 12px 24px #0f172a1f;display:flex;flex-direction:column;animation:entry-details-modal-in .25s cubic-bezier(.22,1,.36,1)}.entry-details-modal-body{padding:20px 24px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.entry-details-modal-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px 16px;border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,#f8fafcf2,#fffffffa 72%),radial-gradient(circle at top right,rgba(99,102,241,.13) 0%,transparent 55%)}.entry-details-modal-title-wrap{display:flex;flex-direction:column;gap:5px}.entry-details-modal-header h3{margin:0;font-size:1.18rem;font-weight:800;letter-spacing:-.02em;color:var(--color-text-primary)}.entry-details-modal-header p{margin:0;font-size:.84rem;color:var(--color-text-secondary);line-height:1.45}.entry-details-close-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text-secondary);font-size:22px;font-weight:500;line-height:1;transition:all .2s ease,transform .2s ease}.entry-details-close-btn:hover{border-color:#6366f166;background:#6366f114;color:var(--color-primary);transform:translateY(-1px)}.entry-details-close-btn:focus-visible{outline:none;border-color:#6366f199;box-shadow:0 0 0 3px #6366f133}.entry-details-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.entry-details-meta-card{background:linear-gradient(180deg,#fff,#f8fafcf5);border:1px solid var(--color-border);border-radius:14px;padding:13px 14px;min-height:86px;box-shadow:inset 0 1px #ffffffa6}.entry-details-row{display:flex;flex-direction:column;justify-content:center;gap:10px;margin-bottom:0}.entry-details-row label{font-size:.66rem;color:var(--color-text-secondary);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.entry-details-row span{font-size:1.05rem;color:var(--color-text-primary);font-weight:800;letter-spacing:-.01em}.entry-details-row input{height:44px;border:1px solid var(--color-border);border-radius:12px;padding:0 13px;font-size:.96rem;font-weight:700;color:var(--color-text-primary);background:var(--color-surface);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.entry-details-row input:focus{border-color:#6366f199;box-shadow:0 0 0 3px #6366f129}.entry-details-row input:disabled{background:#94a3b814;color:var(--color-text-secondary)}.entry-details-section{margin-top:0;border:1px solid var(--color-border);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafcf0);padding:15px 16px;box-shadow:inset 0 1px #ffffff80}.entry-details-section h4{margin:0;font-size:.8rem;color:var(--color-text-primary);font-weight:800;letter-spacing:.07em;text-transform:uppercase}.entry-details-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.entry-details-section-title-wrap{display:inline-flex;align-items:center;gap:9px}.entry-details-count-pill{border:1px solid rgba(99,102,241,.3);background:#6366f11a;color:var(--color-primary);border-radius:999px;padding:3px 10px;font-size:.69rem;font-weight:700}.entry-details-add-task-btn{height:34px;border:1px solid rgba(99,102,241,.3);border-radius:11px;background:linear-gradient(180deg,#fff,#e0e7ffb3);color:var(--color-primary);padding:0 12px;display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:700;transition:all .2s ease}.entry-details-add-task-btn:hover{background:#6366f11f;border-color:#6366f173;transform:translateY(-1px)}.entry-details-add-task-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f133}.entry-details-task-list{display:flex;flex-direction:column;gap:10px;max-height:260px;overflow-y:auto;padding-right:6px}.entry-details-empty{border:1px dashed var(--color-border);border-radius:12px;padding:13px;color:var(--color-text-secondary);font-size:.8rem;background:#94a3b812;text-align:center}.entry-details-task-item{display:grid;grid-template-columns:22px 1fr auto;gap:11px;align-items:center;border:1px solid var(--color-border);border-radius:12px;padding:10px 11px;background:var(--color-surface);transition:border-color .2s ease,box-shadow .2s ease}.entry-details-task-item:focus-within{border-color:#6366f199;box-shadow:0 0 0 3px #6366f129}.entry-details-task-item.completed{border-color:#10b98159;background:#ecfdf5b3}.entry-details-task-item input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#4f46e5;cursor:pointer}.entry-details-task-item input[type=text]{height:40px;border:1px solid var(--color-border);border-radius:10px;padding:0 11px;font-size:.86rem;font-weight:500;color:var(--color-text-primary);background:var(--color-surface);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.entry-details-task-item input[type=text]:focus{border-color:#6366f199;box-shadow:0 0 0 3px #6366f129}.entry-details-task-item input[type=text]:disabled{background:#94a3b814;color:var(--color-text-secondary)}.entry-details-task-item.completed input[type=text]{text-decoration:line-through;color:#059669}.entry-details-remove-task-btn{border:1px solid rgba(244,63,94,.25);background:#f43f5e14;color:#be123c;border-radius:9px;height:32px;padding:0 10px;font-size:.75rem;font-weight:700;transition:all .2s ease}.entry-details-remove-task-btn:hover{background:#f43f5e24;border-color:#f43f5e59;transform:translateY(-1px)}.entry-details-remove-task-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #f43f5e26}.entry-details-section textarea{width:100%;border:1px solid var(--color-border);border-radius:12px;padding:12px 13px;font-family:inherit;font-size:.86rem;color:var(--color-text-primary);line-height:1.5;resize:vertical;min-height:115px;background:var(--color-surface);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.entry-details-section textarea:focus{border-color:#6366f199;box-shadow:0 0 0 3px #6366f129}.entry-details-section textarea:disabled{background:#94a3b814;color:var(--color-text-secondary)}.entry-details-actions{display:flex;justify-content:flex-end;gap:11px;border-top:1px solid var(--color-border);padding-top:16px}.entry-details-cancel-btn,.entry-details-save-btn{height:40px;border-radius:12px;padding:0 16px;font-size:.8rem;font-weight:700;transition:all .2s ease,transform .2s ease}.entry-details-cancel-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary)}.entry-details-cancel-btn:hover{border-color:#6366f159;background:#94a3b814;color:var(--color-text-primary)}.entry-details-save-btn{border:1px solid #4f46e5;background:linear-gradient(135deg,#4f46e5,#4338ca 56%,#3730a3);color:#fff;box-shadow:0 12px 24px #4f46e547}.entry-details-save-btn:hover{transform:translateY(-1px);box-shadow:0 16px 26px #4f46e557}.entry-details-cancel-btn:focus-visible,.entry-details-save-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f133}@media(max-width:640px){.entry-details-modal-overlay{padding:12px}.entry-details-modal{border-radius:16px;max-height:95vh}.entry-details-modal-header{padding:16px 16px 12px}.entry-details-modal-header h3{font-size:1.04rem}.entry-details-modal-header p{font-size:.79rem}.entry-details-modal-body{padding:14px 16px 16px;gap:12px}.entry-details-meta-grid{grid-template-columns:1fr}.entry-details-section{padding:12px}.entry-details-task-item{grid-template-columns:18px 1fr}.entry-details-remove-task-btn{grid-column:2 / 3;justify-self:end;margin-top:2px}.entry-details-actions{justify-content:stretch;flex-direction:column-reverse}.entry-details-cancel-btn,.entry-details-save-btn{width:100%}}.dark .entry-details-modal{background:linear-gradient(160deg,#0f172a,#0a1222);border-color:#94a3b840;box-shadow:0 30px 60px #0000008c}.dark .entry-details-modal-header{border-bottom-color:#94a3b833;background:linear-gradient(180deg,#1e293bbf,#0f172af5 72%),radial-gradient(circle at top right,rgba(99,102,241,.28) 0%,transparent 56%)}.dark .entry-details-modal-header h3{color:#e2e8f0}.dark .entry-details-modal-header p{color:#94a3b8}.dark .entry-details-close-btn{background:#020617b8;border-color:#94a3b852;color:#cbd5e1}.dark .entry-details-meta-card,.dark .entry-details-section,.dark .entry-details-task-item{background:#0f172abd;border-color:#94a3b84d}.dark .entry-details-row label,.dark .entry-details-section h4{color:#cbd5e1}.dark .entry-details-row span{color:#f8fafc}.dark .entry-details-row input,.dark .entry-details-task-item input[type=text],.dark .entry-details-section textarea{background:#020617a6;border-color:#94a3b861;color:#e2e8f0}.dark .entry-details-empty{background:#0f172acc;border-color:#94a3b84d;color:#94a3b8}.dark .entry-details-count-pill,.dark .entry-details-add-task-btn{border-color:#818cf859;color:#c7d2fe;background:#6366f124}.dark .entry-details-add-task-btn:hover{background:#6366f13d}.dark .entry-details-task-item.completed{border-color:#10b98173;background:#064e3b57}.dark .entry-details-task-item.completed input[type=text]{color:#6ee7b7}.dark .entry-details-remove-task-btn{border-color:#fb718561;color:#fecdd3;background:#be185d33}.dark .entry-details-remove-task-btn:hover{background:#f43f5e47}.dark .entry-details-actions{border-top-color:#94a3b83d}.dark .entry-details-cancel-btn{border-color:#94a3b859;background:#0f172acc;color:#e2e8f0}.dark .entry-details-cancel-btn:hover{border-color:#818cf873;background:#1e293beb}.approval-page{--bg-page: #f5f7fa;--bg-card: #ffffff;--bg-card-solid: #ffffff;--bg-header: #fafbfc;--bg-hover: #f8f9fb;--bg-expanded: #fafbfd;--text-primary: #1a202c;--text-secondary: #4a5568;--text-tertiary: #718096;--border-color: #e2e8f0;--border-light: #edf2f7;--border-glow: rgba(99, 102, 241, .3);--primary: #6366f1;--primary-hover: #4f46e5;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--pending: #f59e0b;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--shadow-glow-hover: 0 0 30px rgba(99, 102, 241, .25);--glass-bg: rgba(255, 255, 255, .4);--glass-border: rgba(255, 255, 255, .5);--glass-blur: blur(12px)}[data-theme=dark] .approval-page,.dark .approval-page{--bg-page: #0b0f1a;--bg-card: #151b2b;--bg-card-solid: #151b2b;--bg-header: #0f1420;--bg-hover: #1a2333;--bg-expanded: #12182a;--text-primary: #ffffff;--text-secondary: #b4bcd0;--text-tertiary: #8892a6;--border-color: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .03);--border-glow: rgba(255, 255, 255, .2);--primary: #4338ca;--primary-hover: #4f46e5;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--pending: #f59e0b;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .5);--shadow-md: 0 8px 16px rgba(0, 0, 0, .6);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .7);--shadow-glow: 0 0 30px rgba(255, 255, 255, .05);--shadow-glow-hover: 0 0 50px rgba(255, 255, 255, .2);--glass-bg: rgba(21, 27, 43, .5);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(10px)}.approval-page{min-height:100vh;background:var(--bg-page);padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-primary)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.header-left h1{font-size:22px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.header-right{display:flex;gap:12px;align-items:center}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:10px;padding:9px 14px;min-width:300px;transition:all .2s}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126,var(--shadow-md)}.search-box svg{color:var(--text-tertiary);flex-shrink:0}.search-box input{border:none;background:transparent;outline:none;font-size:13px;color:var(--text-primary);width:100%;font-family:inherit}.search-box input::placeholder{color:var(--text-tertiary)}.filter-btn{display:flex;align-items:center;gap:6px;background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:10px;padding:9px 16px;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s;font-family:inherit}.filter-btn:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--text-primary);box-shadow:var(--shadow-md)}.filter-btn svg{width:16px;height:16px}.error-banner{display:flex;align-items:center;gap:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 16px;margin-bottom:16px;color:var(--danger);font-size:13px;font-weight:500}.tabs-container{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:0}.tab-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;border-bottom:2px solid transparent;padding:12px 18px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-family:inherit;position:relative;bottom:-1px}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-btn svg{width:14px;height:14px}.tab-count{background:#6366f126;border-radius:12px;padding:3px 9px;font-size:11px;font-weight:600;color:var(--text-secondary)}.tab-btn.active .tab-count{background:#5b61f61a;color:var(--primary)}.table-container{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg),var(--shadow-glow),inset 0 1px 1px #ffffff0d;position:relative;transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.table-container:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,#ffffff0d,#ffffff05,#00000005);pointer-events:none;z-index:1}.table-container:hover{transform:translateY(-2px) translateZ(0);box-shadow:var(--shadow-lg),var(--shadow-glow-hover),inset 0 1px #ffffff26;transition:all .3s cubic-bezier(.4,0,.2,1)}.table-header{display:grid;grid-template-columns:2fr 1fr .9fr 1fr 1.35fr 1.2fr 60px;gap:16px;padding:14px 20px;background:var(--bg-header);border-bottom:1px solid var(--border-color);position:relative;z-index:2}.table-header .table-cell{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.table-body{position:relative;z-index:3;transition:height .3s ease}.table-row{border-bottom:1px solid var(--border-light);transition:all .2s ease;background:transparent;position:relative}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--bg-hover)}.table-row.expanded{background:var(--bg-expanded)}.table-row-main{display:grid;grid-template-columns:2fr 1fr .9fr 1fr 1.35fr 1.2fr 60px;gap:16px;padding:16px 20px;cursor:pointer;align-items:center;position:relative;z-index:2}.table-cell{display:flex;align-items:center;min-width:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.subject-cell{gap:12px}.subject-content{display:flex;align-items:center;gap:12px;min-width:0}.subject-icon{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.subject-text{min-width:0;flex:1}.subject-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject-category{font-size:12px;color:var(--text-tertiary)}.users-cell{justify-content:flex-start;gap:10px}.users-avatars{display:flex;gap:-8px}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;border:2px solid var(--bg-card);flex-shrink:0}.user-avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.status-cell{justify-content:flex-start}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.status-badge.pending,.status-badge.submitted,.status-badge.resubmitted{background:#f59e0b1a;color:var(--pending)}.status-badge.approved{background:#10b9811a;color:var(--success)}.status-badge.rejected{background:#ef44441a;color:var(--danger)}.status-badge.draft{background:#6b72801a;color:var(--text-secondary)}.time-period-cell{justify-content:flex-start}.time-period-stack{display:flex;flex-direction:column;gap:3px;min-width:0}.time-period-value{font-size:13px;font-weight:600;color:var(--text-primary);white-space:normal;letter-spacing:-.01em;line-height:1.2;overflow-wrap:anywhere}.time-period-sub{font-size:11px;font-weight:500;color:var(--text-tertiary);display:flex;align-items:center;gap:4px}.time-period-sub:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--primary);opacity:.6}.goal-cell{justify-content:flex-start}.goal-metrics{display:flex;flex-direction:column;gap:5px;width:100%;max-width:140px}.goal-line{display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1}.goal-label{font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);opacity:.8}.goal-value{font-size:12px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.goal-line.budget .goal-label{color:var(--text-tertiary)}.goal-line.budget .goal-value{font-weight:700}.goal-line.budget.healthy .goal-value{color:var(--success)}.goal-line.budget.warning .goal-value{color:var(--warning)}.goal-line.budget.over .goal-value{color:var(--danger)}.date-cell{flex-direction:column;align-items:flex-start;gap:3px}.date-value{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap}.date-time{font-size:11px;font-weight:500;color:var(--text-tertiary);display:flex;align-items:center;gap:4px}.date-time:before{content:"at";opacity:.5;font-weight:400;font-size:10px}.actions-cell{justify-content:center}.action-menu-btn{width:32px;height:32px;border-radius:6px;background:transparent;border:1px solid transparent;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:pointer;transition:all .2s}.action-menu-btn:hover{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.action-menu-wrapper{position:relative}.action-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);min-width:180px;z-index:100;overflow:hidden}.action-dropdown.open-up{top:auto;bottom:100%;margin-top:0;margin-bottom:6px}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s;font-family:inherit;text-align:left;border-bottom:1px solid var(--border-light)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item.delete-item{color:var(--danger)}.dropdown-item.delete-item:hover{background:#ef44441a}.dropdown-item svg{flex-shrink:0}.table-row-expanded{border-top:1px solid var(--border-light);background:#fff3;padding:20px}.expanded-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.expanded-metric-card{border:1px solid var(--border-light);border-radius:10px;padding:10px 12px;background:var(--bg-card);display:flex;flex-direction:column;gap:4px}.expanded-metric-label{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.expanded-metric-card strong{font-size:15px;color:var(--text-primary)}.expanded-metric-card.healthy strong{color:var(--success)}.expanded-metric-card.warning strong{color:var(--warning)}.expanded-metric-card.over strong{color:var(--danger)}.expanded-details{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.details-section h5{font-size:12px;font-weight:600;color:var(--text-primary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.03em}.breakdown-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.breakdown-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:var(--bg-card-solid);border:1px solid var(--border-light);border-radius:8px;gap:12px}.breakdown-info{flex:1;min-width:0}.breakdown-date{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.breakdown-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.breakdown-tasks-summary{margin-top:4px;font-size:11px;color:var(--primary);font-weight:600}.breakdown-task-list{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}.breakdown-task-pill{display:inline-flex;align-items:center;border:1px solid rgba(16,185,129,.3);background:#10b9811a;color:#047857;border-radius:999px;padding:2px 8px;font-size:10px;line-height:1.3}.breakdown-hours{font-size:12px;font-weight:600;color:var(--primary);background:#5b61f61a;padding:4px 10px;border-radius:6px;flex-shrink:0}.empty-breakdown{padding:24px;text-align:center;font-size:12px;color:var(--text-tertiary)}.feedback-textarea{width:100%;min-height:100px;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card-solid);color:var(--text-primary);font-size:13px;font-family:inherit;resize:vertical;transition:all .2s}.feedback-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.feedback-textarea::placeholder{color:var(--text-tertiary)}.action-buttons{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.btn-action{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid;font-family:inherit}.btn-action svg{width:16px;height:16px}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-approve{background:var(--primary);border-color:var(--primary);color:#fff}.btn-approve:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-reject{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-reject:hover:not(:disabled){background:#ef44441a}.btn-delete{background:transparent;border-color:var(--text-tertiary);color:var(--text-secondary)}.btn-delete:hover:not(:disabled){background:#ef44441a;border-color:var(--danger);color:var(--danger)}.empty-state{padding:60px 20px;text-align:center}.empty-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:12px;background:#5b61f61a;display:flex;align-items:center;justify-content:center;color:var(--primary)}.empty-state h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-state p{font-size:13px;color:var(--text-secondary);margin:0}.table-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid var(--border-light);background:var(--bg-card-solid);position:relative;z-index:2}.footer-text{font-size:12px;color:var(--text-secondary)}.table-footer-left,.table-footer-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.table-footer-right{margin-left:auto}.page-size-control{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.page-size-control select{min-width:72px;padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card-solid);color:var(--text-primary);font-size:12px;font-family:inherit}.page-size-control select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6366f126}.page-count{font-size:12px;color:var(--text-secondary);white-space:nowrap;padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card-solid)}.pagination{display:flex;gap:6px}.page-btn{padding:6px 12px;border:1px solid var(--border-color);background:var(--bg-card-solid);border-radius:6px;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-family:inherit}.page-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.page-btn:disabled{opacity:.4;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-container span{font-size:13px;color:var(--text-secondary)}.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1200px){.table-header,.table-row-main{grid-template-columns:1.4fr .8fr .75fr .8fr 1.2fr 1fr 60px}}@media(max-width:992px){.page-header{flex-direction:column;align-items:stretch}.header-right{flex-direction:column}.search-box{min-width:100%}.expanded-details{grid-template-columns:1fr}.expanded-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.approval-page{padding:16px}.table-header{display:none}.table-row-main{grid-template-columns:1fr;gap:12px}.table-cell{padding:8px 0;border-top:1px solid var(--border-light)}.table-cell:first-child{border-top:none}.subject-cell,.users-cell,.status-cell,.goal-cell,.date-cell{justify-content:flex-start}.actions-cell{justify-content:flex-end}.table-footer{flex-direction:column;align-items:stretch}.table-footer-right{margin-left:0;justify-content:space-between}}html[data-theme=dark] .table-footer,.dark .table-footer,[data-theme=dark] .table-footer,html[data-theme=dark] .table-container,.dark .table-container,[data-theme=dark] .table-container,html[data-theme=dark] .table-body,.dark .table-body,[data-theme=dark] .table-body,html[data-theme=dark] .table-row,.dark .table-row,[data-theme=dark] .table-row{background-color:#151b2bb8!important;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-color:#ffffff14!important}html[data-theme=dark] .table-row:hover,.dark .table-row:hover,[data-theme=dark] .table-row:hover{background-color:#ffffff08!important}html[data-theme=dark] .table-row-expanded,.dark .table-row-expanded,[data-theme=dark] .table-row-expanded{background-color:#12182af2!important;border-top-color:#ffffff1a!important}html[data-theme=dark] .breakdown-item,.dark .breakdown-item,[data-theme=dark] .breakdown-item,html[data-theme=dark] .feedback-textarea,.dark .feedback-textarea,[data-theme=dark] .feedback-textarea{background-color:#1a2333cc!important;border-color:#ffffff1f!important;color:#fff!important}html[data-theme=dark] .table-footer{border-top-color:#ffffff1a}html[data-theme=dark] .page-btn,.dark .page-btn,[data-theme=dark] .page-btn{background-color:#1a2333e6!important;border-color:#ffffff26;color:#b4bcd0}html[data-theme=dark] .footer-text,.dark .footer-text,[data-theme=dark] .footer-text,html[data-theme=dark] .page-size-control,.dark .page-size-control,[data-theme=dark] .page-size-control,html[data-theme=dark] .page-count,.dark .page-count,[data-theme=dark] .page-count{color:#b4bcd0!important}html[data-theme=dark] .page-count,.dark .page-count,[data-theme=dark] .page-count{background-color:#1a2333e6!important;border-color:#ffffff26}html[data-theme=dark] .page-size-control select,.dark .page-size-control select,[data-theme=dark] .page-size-control select{background-color:#1a2333e6!important;border-color:#ffffff26;color:#fff!important}html[data-theme=dark] .page-btn:hover:not(:disabled),.dark .page-btn:hover:not(:disabled),[data-theme=dark] .page-btn:hover:not(:disabled){background-color:#2a3343!important;border-color:#6366f1;color:#fff}html[data-theme=dark] .page-btn.active,.dark .page-btn.active,[data-theme=dark] .page-btn.active{background-color:#6366f1!important;border-color:#6366f1;color:#fff}.manage-users-container{display:grid;grid-template-columns:420px 1fr;gap:32px;margin-top:24px;align-items:start}@media(max-width:1200px){.manage-users-container{grid-template-columns:1fr}}.manage-users-left,.manage-users-right{display:flex;flex-direction:column;gap:32px}.text-primary{color:#ff6b35!important}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.manage-users-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:32px;box-shadow:0 4px 20px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.manage-users-section:hover{box-shadow:0 8px 30px #0000004d;transform:translateY(-2px)}.manage-users-bulk-row{margin-top:36px}.bulk-import-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}.bulk-import-section{padding:0;background:transparent;border:none;box-shadow:none;height:100%;display:flex}.bulk-import-card{background:var(--bg-secondary);border-radius:24px;border:1px solid var(--border-color);padding:24px 26px 22px;box-shadow:0 14px 32px #0f172a66;width:100%;display:flex;flex-direction:column;box-sizing:border-box}.bulk-import-title{margin-bottom:20px}.manage-users-import{display:flex;flex-direction:column;gap:18px}.bulk-import-block{background:#0f172a99;border-radius:18px;border:1px solid rgba(148,163,184,.35);padding:20px 22px;display:flex;flex-direction:column;gap:14px;height:100%}.bulk-import-block-header{display:flex;flex-direction:column;gap:4px}.bulk-import-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--text-secondary)}.bulk-import-helper{font-size:12px;color:#9ca3af}.bulk-template-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}.bulk-template-button{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#0f172abf;color:#f3f4f6;font-size:12px;font-weight:700;padding:6px 12px;cursor:pointer;transition:all .2s ease}.bulk-template-button:hover{border-color:#ff6b35;color:#fff;transform:translateY(-1px)}.bulk-file-input-row{margin-top:6px;border-radius:14px;background:#0f172ad9;border:1px dashed rgba(148,163,184,.7);display:flex;align-items:center;padding:10px 14px;gap:14px;cursor:pointer;transition:all .2s ease}.bulk-file-input-row:hover{border-color:#ff6b35;background:#0f172af2}.bulk-file-input-row.is-drag-over{border-color:#ff6b35;background:#ff6b351f;border-style:solid}.bulk-file-button{background:#f9fafb;color:#111827;border-radius:999px;border:none;padding:8px 18px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 6px 14px #0f172a59;transition:all .2s ease}.bulk-file-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #0f172a80}.bulk-file-button:disabled{opacity:.6;cursor:not-allowed}.bulk-file-name{font-size:13px;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bulk-file-input-hidden{display:none}.bulk-import-radio-group{margin-top:10px}.bulk-shared-password{margin-top:14px;display:flex;flex-direction:column;gap:10px}.bulk-shared-password input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:1px solid var(--border-color);background:#0f172acc;color:var(--text-primary)}.bulk-shared-password input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 4px #ff6b3529}.bulk-import-button{background:linear-gradient(135deg,#9ca3af,#4b5563);color:#f9fafb;box-shadow:0 10px 25px #0f172a59;width:auto;min-width:230px;padding-inline:28px;border-radius:999px}.bulk-import-button:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .bulk-import-card{background:#fff;box-shadow:0 20px 45px #0f172a14}[data-theme=light] .bulk-import-block{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .bulk-file-input-row{background:#fff;border-color:#e5e7eb}[data-theme=light] .bulk-file-input-row.is-drag-over{border-color:#ff6b35;background:#ff6b3514}[data-theme=light] .bulk-file-name{color:#4b5563}[data-theme=light] .bulk-template-button{background:#fff;border-color:#d1d5db;color:#374151}.bulk-import-actions{display:flex;justify-content:flex-end;margin-top:20px}.bulk-import-actions-inline{justify-content:flex-start;margin-top:14px}@media(max-width:900px){.bulk-import-layout{grid-template-columns:1fr}.manage-users-bulk-row{margin-top:28px}.bulk-import-actions{justify-content:flex-start}}.manage-users-section-title{font-size:20px;font-weight:800;color:var(--text-primary);margin:0 0 32px;display:flex;align-items:center;gap:12px;letter-spacing:-.02em}.manage-users-form{display:flex;flex-direction:column;gap:24px}.manage-users-form-error,.manage-users-error{padding:16px 20px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-left:5px solid #ef4444;border-radius:12px;font-size:14px;font-weight:500;color:#ef4444;margin-bottom:24px;display:flex;align-items:center;gap:10px}.manage-users-field{display:flex;flex-direction:column;gap:12px;padding:24px;background:#0f172a66;border:1px solid rgba(255,255,255,.05);border-radius:18px;width:100%;box-sizing:border-box}.manage-users-field label{font-size:11px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em;opacity:.8}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:#64748b;pointer-events:none;transition:color .2s}.manage-users-field input:focus~.input-icon{color:#ff6b35}.manage-users-field input[type=email],.manage-users-field input[type=tel],.manage-users-field input[type=password],.manage-users-field input[type=file],.manage-users-field input[type=number]{width:100%;box-sizing:border-box;padding:14px 16px;background-color:#0f172a99;border:1px solid var(--border-color);border-radius:14px;font-size:15px;color:var(--text-primary);transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.manage-users-field input[type=file]{padding:10px;display:flex;align-items:center;line-height:1}.manage-users-field input[type=file]::file-selector-button{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:10px;margin-right:16px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.manage-users-field input[type=file]::file-selector-button:hover{background:#ff6b35;color:#fff;border-color:#ff6b35}.manage-users-field input.has-icon{padding-left:52px}.manage-users-field input:focus{outline:none;border-color:#ff6b35;background-color:#0f172acc;box-shadow:0 0 0 4px #ff6b3526}.manage-users-field input:hover:not(:disabled){border-color:#ff6b3566}.manage-users-field input::placeholder{color:#64748b}.manage-users-field small{font-size:12px;color:#94a3b8;margin-top:6px;line-height:1.5}.manage-users-radio-group{display:flex;flex-direction:column;gap:12px;padding:16px;background:#0f172a99;border-radius:16px;border:1px solid var(--border-color)}.manage-users-radio{display:flex;align-items:center;gap:14px;cursor:pointer;padding:12px 16px;border-radius:12px;transition:all .2s ease;border:1px solid transparent}.manage-users-radio:hover{background-color:#ff6b350d;border-color:#ff6b3533}.manage-users-radio input[type=radio]{width:20px;height:20px;accent-color:#ff6b35;cursor:pointer}.manage-users-radio span{font-size:14px;color:var(--text-primary);font-weight:600}.manage-users-button{width:100%;box-sizing:border-box;padding:14px 28px;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:12px;position:relative;overflow:hidden}.button-primary{background:linear-gradient(135deg,#ff6b35,#e85a2a);color:#fff;box-shadow:0 4px 15px #ff6b3566}.button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3580;background:linear-gradient(135deg,#ff7b4b,#ff6b35)}.button-secondary{background:#94a3b81a;color:var(--text-primary);border:1px solid rgba(148,163,184,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0000000d}.button-secondary:hover:not(:disabled){background:#94a3b833;border-color:#94a3b866;transform:translateY(-1px)}.button-danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;box-shadow:0 4px 15px #ef44444d;letter-spacing:-.01em}.button-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ef444473;background:linear-gradient(135deg,#f87171,#ef4444)}.manage-users-button:active:not(:disabled){transform:translateY(0)}.manage-users-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.manage-users-summary{margin-top:32px;padding:24px;background-color:#0f172a99;border:1px solid var(--border-color);border-radius:20px;animation:slideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.manage-users-summary h3{font-size:18px;font-weight:800;margin:0 0 20px;color:#ff6b35}.manage-users-summary-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px;font-weight:600}.manage-users-summary-item:last-of-type{border-bottom:none}.manage-users-table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:20px;background:#0f172a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.manage-users-table{width:100%;border-collapse:separate;border-spacing:0}.manage-users-table th{padding:20px 24px;background-color:#1e293b4d;color:var(--text-secondary);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.15em;text-align:left;border-bottom:2px solid var(--border-color)}.manage-users-table td{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05);background-color:transparent;color:var(--text-primary);vertical-align:middle}.manage-users-table tr:hover td{background-color:#ff6b3508}.talent-avatar{background:linear-gradient(135deg,#ff6b3526,#ff6b350d)!important;border:1px solid rgba(255,107,53,.2);color:#ff6b35!important;text-shadow:0 0 10px rgba(255,107,53,.2);transition:all .3s ease}tr:hover .talent-avatar{transform:scale(1.1) rotate(5deg);border-color:#ff6b35;box-shadow:0 0 15px #ff6b354d}.manage-users-status{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:800;background:#10b9811a;color:#10b981;text-transform:uppercase;letter-spacing:.05em}.edit-btn,.save-btn,.cancel-btn{padding:8px 14px;border-radius:10px;font-size:13px;font-weight:700;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.edit-btn{background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border-color)}.edit-btn:hover{background:#ff6b35;color:#fff;border-color:#ff6b35;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.manage-users-section{animation:fadeIn .5s cubic-bezier(.4,0,.2,1) forwards}.manage-users-section:nth-child(2){animation-delay:.15s}.user-selection-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .2s;background:#ffffff05;margin-bottom:8px}.user-selection-item:hover{background:#ff6b350d}.user-selection-item.selected{background:#ff6b351a;border-color:#ff6b35}[data-theme=light] .manage-users-field,[data-theme=light] .manage-users-field input:not([type=file]),[data-theme=light] .manage-users-radio-group,[data-theme=light] .manage-users-summary,[data-theme=light] .manage-users-table-container{background-color:#fff!important;border-color:#e2e8f0!important}[data-theme=light] .manage-users-field{box-shadow:0 2px 10px #0000000d}[data-theme=light] .manage-users-field input:focus{background-color:#fff!important;border-color:#ff6b35!important}[data-theme=light] .manage-users-table th{background-color:#f8fafc!important;border-bottom-color:#e2e8f0!important}[data-theme=light] .manage-users-section{box-shadow:0 10px 30px #0000000d}[data-theme=light] .manage-users-table td,[data-theme=light] .manage-users-summary-item{border-bottom-color:#f1f5f9}.action-menu-container{position:relative}.action-menu{position:absolute;right:0;top:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 10px 30px #0006;z-index:1000;min-width:180px;overflow:hidden;margin-top:8px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .action-menu{background:#fff;box-shadow:0 10px 30px #0000001a}.action-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;width:100%;border:none;background:transparent;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:all .2s}.action-menu-item:hover{background:#ff6b351a;color:#ff6b35}.action-menu-item.delete{color:#ef4444}.action-menu-item.delete:hover{background:#ef44441a;color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:32px;width:100%;max-width:540px;padding:32px 40px;box-shadow:0 32px 80px #0f172abf;animation:modalIn .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}[data-theme=light] .modal-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-color:#0000000d;box-shadow:0 40px 90px #0f172a26}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:flex-end;align-items:center;padding-bottom:0;margin-bottom:0;border-bottom:none}.blocked-action-modal{position:relative;width:min(92vw,560px);min-height:0;max-height:88vh;padding:56px 30px 26px;display:flex;flex-direction:column;overflow:hidden}.blocked-action-modal-header{display:flex;justify-content:flex-end!important;align-items:center;min-height:0;margin:0;padding:0;border-bottom:none}.blocked-action-modal-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;color:#9ca3af}.blocked-action-modal-body{margin:0;text-align:center;flex:0 1 auto;overflow:hidden;padding-inline:2px}.blocked-action-modal-title{font-size:34px;line-height:1.15;font-weight:800;letter-spacing:-.02em;margin-bottom:14px}.blocked-action-modal-message{max-width:470px;margin:0 auto;font-size:17px;line-height:1.58;font-weight:500;letter-spacing:.01em;color:var(--text-secondary)}.blocked-action-modal .blocked-project-list{width:min(100%,470px);margin:18px auto 0;max-height:180px;overflow-y:auto}.blocked-action-modal .blocked-project-item{font-size:14px;line-height:1.4;font-weight:600}.blocked-action-modal .modal-footer{padding-top:18px;margin-top:18px}.blocked-action-modal .modal-footer .button-primary{width:min(100%,360px)}.modal-title-centered{font-size:24px;font-weight:800;color:var(--text-primary);margin:0 0 12px;letter-spacing:-.03em;text-align:center}.modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#ef44441a;color:#ef4444}.modal-danger-icon-wrapper{display:flex;justify-content:center;align-items:center;width:80px;height:80px;background:#ef44441a;border-radius:20px;margin:0 auto 24px;color:#ef4444;position:relative;transition:all .3s ease}.modal-danger-icon-wrapper:after{content:"";position:absolute;inset:-8px;background:#ef44440d;border-radius:24px;z-index:-1;opacity:0;transition:all .3s ease}.modal-content:hover .modal-danger-icon-wrapper:after{opacity:1;transform:scale(1.1)}.modal-danger-icon-wrapper .icon-glow{position:absolute;width:40px;height:40px;background:#ef4444;filter:blur(25px);opacity:.3;z-index:0}.modal-warning-icon-wrapper{display:flex;justify-content:center;align-items:center;width:80px;height:80px;background:#f59e0b26;border-radius:20px;margin:0 auto 24px;color:#f59e0b;position:relative;transition:all .3s ease}.modal-warning-icon-wrapper:after{content:"";position:absolute;inset:-8px;background:#f59e0b14;border-radius:24px;z-index:-1;opacity:0;transition:all .3s ease}.modal-content:hover .modal-warning-icon-wrapper:after{opacity:1;transform:scale(1.1)}.modal-warning-icon-wrapper .icon-glow{position:absolute;width:40px;height:40px;background:#f59e0b;filter:blur(24px);opacity:.35;z-index:0}.blocked-project-list{margin-top:16px;max-height:180px;overflow-y:auto;border:1px solid rgba(148,163,184,.25);border-radius:14px;background:#0f172a66;padding:10px;text-align:left}.blocked-project-item{font-size:13px;color:var(--text-primary);padding:8px 10px;border-radius:10px;background:#94a3b814}.blocked-project-item+.blocked-project-item{margin-top:8px}[data-theme=light] .blocked-project-list{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .blocked-project-item{background:#fff}.modal-body{margin-block:0 32px;text-align:center}.modal-body p{font-size:16px;color:var(--text-secondary);line-height:1.6;margin:8px 0 0}.modal-footer{display:flex;justify-content:center;gap:12px;margin-top:0;padding-top:32px;border-top:1px solid rgba(148,163,184,.1)}.manage-users-reset-password-modal .modal-footer{justify-content:space-between;gap:14px;padding-top:24px}.manage-users-reset-password-modal .modal-footer .button-secondary,.manage-users-reset-password-modal .modal-footer .button-primary{flex:1 1 0;min-width:0;padding-inline:22px}.modal-body .manage-users-field{background:#0f172a59;border-radius:20px;border:1px solid rgba(148,163,184,.4);padding:22px 22px 18px}.modal-body .manage-users-field+.manage-users-field{margin-top:16px}.modal-body .manage-users-field input{background-color:#0f172ad9;border-radius:999px;padding-inline:18px}[data-theme=light] .modal-body .manage-users-field{background:#f9fafb!important;border-color:#e5e7eb!important;box-shadow:0 4px 18px #0f172a0a}[data-theme=light] .modal-body .manage-users-field input{background-color:#fff!important}.modal-footer .button-secondary{min-width:140px;padding:14px 24px;border-radius:999px;font-weight:600;font-size:14px}.modal-footer .button-primary,.modal-footer .button-danger{min-width:170px;padding:14px 24px;border-radius:999px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;font-size:14px}.modal-footer .button-primary{box-shadow:0 10px 24px #ff6b358c}.modal-footer .button-danger{box-shadow:0 10px 24px #ef44448c}.blocked-action-modal .modal-warning-icon-wrapper{margin-bottom:18px}[data-theme=light] .blocked-action-modal-close{color:#64748b}.blocked-action-modal-close:hover{color:#ef4444}@media(max-width:640px){.blocked-action-modal{width:calc(100vw - 24px);min-height:0;max-height:90vh;padding:54px 18px 20px;border-radius:24px}.blocked-action-modal-title{font-size:28px}.blocked-action-modal-message{font-size:16px}}.manage-users-status.inactive{background:#94a3b81a;color:#94a3b8}.past-record-audit-link{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--primary-color);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.past-record-audit-link:hover{border-color:var(--primary-color);background:#3b82f614}.al-page-root{min-height:100%;padding:32px 48px 80px;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;font-family:Inter,system-ui,sans-serif;color:var(--text-primary);background:var(--bg-primary);transition:background .2s ease,color .2s ease}.al-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.al-header-text{display:flex;flex-direction:column;gap:4px}.al-title{font-size:1.8rem;font-weight:800;margin:0;letter-spacing:-.03em;color:var(--primary-color)}.al-subtitle{margin:0;font-size:.9rem;color:var(--text-secondary);font-weight:500}.al-header-actions{display:flex;gap:8px}.al-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.al-icon-btn:hover{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.al-icon-btn:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:al-spin 1s linear infinite}@keyframes al-spin{to{transform:rotate(360deg)}}.al-filters-container{display:flex;flex-direction:column;gap:16px;background:var(--bg-secondary);padding:16px;border-radius:12px;border:1px solid var(--border-color);margin-bottom:32px;box-sizing:border-box}.al-filters-top{display:grid;grid-template-columns:minmax(200px,1fr) repeat(3,minmax(140px,auto));gap:12px}.al-search-box{position:relative;display:flex;align-items:center}.al-search-icon{position:absolute;left:12px;color:var(--text-muted)}.al-search-box input{width:100%;padding:10px 12px 10px 36px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.875rem;transition:all .15s;box-sizing:border-box}.al-search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.al-select{appearance:none;padding:10px 32px 10px 12px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.875rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all .15s}.al-select:focus,.al-select:hover{border-color:var(--primary-color);outline:none}.al-filters-bottom{display:flex;justify-content:flex-end;align-items:center;gap:16px;flex-wrap:wrap}.al-date-group{display:flex;align-items:center;gap:8px}.al-date-label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.al-date-input{padding:8px 12px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.85rem;outline:none}.al-date-input:focus{border-color:var(--primary-color)}.al-filter-actions{display:flex;gap:8px;margin-left:auto}.al-ghost-btn{background:transparent;border:none;color:var(--text-secondary);font-weight:600;font-size:.85rem;padding:8px 16px;border-radius:6px;cursor:pointer;transition:background .15s}.al-ghost-btn:hover:not(:disabled){background:var(--bg-primary);color:var(--text-primary)}.al-primary-btn{background:var(--primary-color);color:#fff;border:none;font-weight:600;font-size:.85rem;padding:8px 16px;border-radius:6px;cursor:pointer;transition:opacity .15s}.al-primary-btn:hover:not(:disabled){opacity:.9}.al-primary-btn:disabled,.al-ghost-btn:disabled{opacity:.4;cursor:not-allowed}.al-feed{display:flex;flex-direction:column;gap:32px}.al-date-group-wrap{display:flex;flex-direction:column;gap:16px}.al-date-header{font-size:.9rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding-left:8px}.al-date-list{display:flex;flex-direction:column;gap:8px}.al-row-card{background:transparent;border-radius:12px;transition:all .2s cubic-bezier(.2,0,0,1);box-sizing:border-box}.al-row-card:hover{background:var(--bg-secondary)}.al-row-card.expanded{background:var(--bg-secondary);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin:4px 0}.al-row-main{display:grid;grid-template-columns:280px 1fr auto;gap:20px;padding:12px 16px;align-items:center;cursor:pointer}.al-row-left{display:flex;align-items:center;gap:12px;min-width:0}.al-user-avatar{width:32px;height:32px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.al-user-meta{display:flex;flex-direction:column;overflow:hidden}.al-user-name{font-weight:600;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-user-role{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-row-center{display:flex;flex-direction:column;gap:4px;min-width:0}.al-action-title{display:flex;align-items:center;gap:8px}.al-action-pill{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:12px;letter-spacing:.04em}.al-action-pill.created{background:#10b9811f;color:#10b981}.al-action-pill.updated{background:#3b82f61f;color:#3b82f6}.al-action-pill.deleted{background:#ef44441f;color:#ef4444}.al-action-pill.restored{background:#8b5cf61f;color:#8b5cf6}.al-action-pill.default{background:var(--bg-tertiary);color:var(--text-secondary)}.al-action-text{font-weight:500;font-size:.925rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-action-context{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-row-right{display:flex;align-items:center;justify-content:flex-end;min-width:140px;position:relative}.al-time{font-size:.85rem;color:var(--text-muted);font-weight:500;transition:opacity .2s ease}.al-hover-actions{display:flex;gap:4px;opacity:0;position:absolute;right:0;transform:translate(10px);transition:all .2s cubic-bezier(.2,0,0,1);pointer-events:none}.al-row-card:hover .al-hover-actions,.al-row-card.expanded .al-hover-actions{opacity:1;transform:translate(0);pointer-events:auto}.al-row-card:hover .al-time{opacity:0}.al-action-btn{width:32px;height:32px;border-radius:8px;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.al-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-strong)}.al-row-details{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:20px 16px 20px 72px;border-top:1px dashed var(--border-color);margin-top:8px}.al-detail-col h4{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 12px}.al-detail-text{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0;white-space:pre-wrap}.al-changes-list{padding:0 0 0 16px;margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.6}.al-changes-list li{margin-bottom:4px}.al-danger-actions{margin-top:16px;display:flex;gap:12px}.al-danger-actions button{font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .15s}.al-danger-actions button:hover:not(:disabled){border-color:var(--text-primary)}.al-danger-actions button.danger{color:#ef4444;border-color:#ef44444d}.al-danger-actions button.danger:hover{background:#ef44441a;border-color:#ef4444}.al-danger-actions button:disabled{opacity:.4;cursor:not-allowed}.al-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid var(--border-color)}.al-page-info{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.al-page-actions{display:flex;gap:8px}.al-page-btn{padding:8px 16px;font-size:.85rem;font-weight:600;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .15s}.al-page-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-strong)}.al-page-btn:disabled{opacity:.4;cursor:not-allowed}.al-empty-state{text-align:center;padding:60px 20px;background:var(--bg-secondary);border-radius:12px;border:1px dashed var(--border-strong)}.al-empty-icon{width:48px;height:48px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin:0 auto 16px}.al-empty-state h3{margin:0 0 8px;font-size:1.1rem;color:var(--text-primary)}.al-empty-state p{margin:0 0 20px;font-size:.9rem;color:var(--text-secondary)}.al-skeleton-group{display:flex;flex-direction:column;gap:8px}.al-skeleton-row{height:64px;border-radius:12px;background:var(--bg-secondary)}.skeleton-pulse{animation:skel-pulse 1.5s ease-in-out infinite}@keyframes skel-pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:900px){.al-filters-top{grid-template-columns:1fr}.al-row-main{grid-template-columns:1fr;gap:12px}.al-row-right{justify-content:flex-start}.al-hover-actions{opacity:1;transform:none}.al-row-details{grid-template-columns:1fr;padding-left:16px}}.nc-page-root{min-height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;max-width:1000px;margin:0 auto;padding:32px 48px 80px;box-sizing:border-box;transition:background .2s ease,color .2s ease}.nc-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.nc-header-left{display:flex;flex-direction:column;gap:6px}.nc-title{font-size:1.8rem;font-weight:800;color:var(--primary-color);margin:0;letter-spacing:-.03em}.nc-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0;font-weight:500}.nc-header-right{display:flex;align-items:center;gap:16px}.nc-filters{display:flex;align-items:center;gap:10px}.nc-select{appearance:none;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:8px 30px 8px 14px;color:var(--text-primary);font-size:.825rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .18s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;box-shadow:var(--shadow-sm);outline:none}.nc-select:focus,.nc-select:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.nc-mark-all-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:.825rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease}.nc-mark-all-btn:hover{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.nc-search-container{position:relative;display:flex;align-items:center;margin-bottom:28px}.nc-search-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.nc-search-input{width:100%;padding:12px 36px 12px 42px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;font-family:inherit;outline:none;box-shadow:var(--shadow-sm);box-sizing:border-box;transition:all .2s ease}.nc-search-input::placeholder{color:var(--text-muted)}.nc-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #6366f11f,var(--shadow-sm)}.nc-search-clear{position:absolute;right:12px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);padding:4px;display:flex;cursor:pointer;transition:color .15s ease}.nc-search-clear:hover{color:var(--text-primary);background:var(--border-color)}.nc-feed{display:flex;flex-direction:column;gap:24px}.nc-group{display:flex;flex-direction:column;gap:12px}.nc-group-label{font-size:.775rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;padding-left:4px}.nc-group-list{display:flex;flex-direction:column;gap:8px}.nc-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:16px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);box-shadow:0 1px 2px #00000005;align-items:center}.nc-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.nc-card:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.nc-card.unread{background:var(--bg-secondary);border-color:#6366f14d}[data-theme=dark] .nc-card.unread{background:#6366f108;border-color:#6366f14d}.nc-card.read{opacity:.75;background:transparent;border-color:transparent;box-shadow:none}.nc-card.read:hover{opacity:1;background:var(--bg-secondary);border-color:var(--border-color)}.nc-card-left{display:flex;align-items:center;justify-content:center}.nc-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nc-card-center{display:flex;flex-direction:column;gap:4px;min-width:0}.nc-card-title{font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nc-card.unread .nc-card-title{font-weight:700}.nc-card-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.nc-card-meta{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-muted);margin-top:4px}.nc-dot-sep{width:4px;height:4px;background:var(--border-strong);border-radius:50%}.nc-card-tag{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-weight:500}.nc-card-right{display:flex;align-items:center;justify-content:center;min-width:32px}.nc-unread-indicator{width:10px;height:10px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 0 4px #6366f133;transition:opacity .2s}.nc-card-hover-actions{display:flex;align-items:center;gap:6px;opacity:0;transform:translate(10px);position:absolute;right:16px;transition:all .2s cubic-bezier(.2,0,0,1)}.nc-card:hover .nc-unread-indicator{opacity:0}.nc-card:hover .nc-card-hover-actions{opacity:1;transform:translate(0)}.nc-quick-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.nc-quick-btn:hover{background:var(--bg-primary);border-color:var(--primary-color);color:var(--primary-color)}.nc-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 20px;background:var(--bg-secondary);border:1px dashed var(--border-strong);border-radius:16px}.nc-empty-icon{width:64px;height:64px;border-radius:50%;background:#10b9811a;color:#10b981;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.nc-empty-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.nc-empty-desc{font-size:.9rem;color:var(--text-secondary);max-width:320px;margin:0;line-height:1.5}.nc-skeleton-feed{display:flex;flex-direction:column;gap:8px}.nc-skeleton-card{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px}.nc-skel-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0}.nc-skel-cols{display:flex;flex-direction:column;justify-content:center;gap:8px}.nc-skel-title{height:16px;width:40%;border-radius:6px}.nc-skel-title.short{width:25%}.nc-skel-desc{height:12px;width:65%;border-radius:4px}.skeleton-pulse{background:var(--border-color);animation:nc-pulse 1.5s ease-in-out infinite}@keyframes nc-pulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:768px){.nc-page-root{padding:24px 20px 60px}.nc-header{flex-direction:column;align-items:stretch;gap:20px}.nc-header-right{flex-direction:column;align-items:stretch}.nc-filters{width:100%;display:grid;grid-template-columns:1fr 1fr}.nc-mark-all-btn{justify-content:center;padding:10px}.nc-card-hover-actions{opacity:1;transform:none;position:static}.nc-card-right{flex-direction:column;gap:10px}}.helpcenter-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;padding:0 0 80px}.hc-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-color);padding:56px 48px 40px;text-align:center}.hc-hero-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-color);margin:0 0 12px}.hc-hero-title{font-size:2.4rem;font-weight:800;color:var(--text-primary);margin:0 0 10px;letter-spacing:-.03em}.hc-hero-sub{font-size:1rem;color:var(--text-secondary);margin:0 0 28px}.hc-search-wrap{position:relative;max-width:580px;margin:0 auto 16px}.hc-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.hc-search-input{width:100%;padding:16px 48px 16px 50px;border:1.5px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;font-family:inherit;outline:none;transition:all .2s ease;box-sizing:border-box;box-shadow:var(--shadow-sm)}.hc-search-input::placeholder{color:var(--text-muted)}.hc-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #6366f11a,var(--shadow-md)}[data-theme=dark] .hc-search-input:focus{box-shadow:0 0 0 4px #6366f126,0 0 20px #6366f114}.hc-search-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:var(--bg-tertiary);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:5px;display:flex;transition:all .15s}.hc-search-clear:hover{background:var(--border-color);color:var(--text-primary)}.hc-search-result-count{font-size:.825rem;color:var(--text-secondary);margin:0 0 12px;text-align:center}.hc-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.hc-chip{padding:6px 14px;border:1px solid var(--border-color);border-radius:9999px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.825rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s ease}.hc-chip:hover{border-color:var(--primary-color);color:var(--primary-color);background:#6366f10d}.hc-section{padding:32px 48px 0}.hc-section-title{font-size:1rem;font-weight:700;color:var(--text-secondary);margin:0 0 14px;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.featured-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.featured-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;text-align:left;font-family:inherit;transition:all .18s ease}.featured-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-1px)}.featured-card-icon{color:var(--primary-color);flex-shrink:0}.featured-card-text{font-size:.85rem;font-weight:500;color:var(--text-primary);flex:1;line-height:1.4}.featured-card-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .15s ease}.featured-card:hover .featured-card-arrow{transform:translate(3px);color:var(--primary-color)}.hc-content-layout{display:grid;grid-template-columns:1fr 280px;gap:24px;padding:28px 48px 0;align-items:start}.hc-faq-col{display:flex;flex-direction:column;gap:16px}.faq-category-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;transition:box-shadow .18s ease}.faq-category-card:hover{box-shadow:var(--shadow-md)}.faq-category-header{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border-color)}.faq-category-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.faq-category-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;flex:1}.faq-category-count{font-size:.72rem;font-weight:700;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:9999px}.faq-items-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--border-color)}.faq-item:last-child{border-bottom:none}.faq-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:background .15s ease;font-family:inherit}.faq-item-header:hover,.faq-item.open .faq-item-header{background:var(--bg-tertiary)}.faq-item-question{font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.45;flex:1}.faq-item-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.faq-bookmark-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:5px;display:flex;transition:all .15s;opacity:0}.faq-item-header:hover .faq-bookmark-btn,.faq-bookmark-btn.saved{opacity:1}.faq-bookmark-btn.saved{color:var(--primary-color)}.faq-bookmark-btn:hover{color:var(--text-primary)}.faq-chevron{color:var(--text-secondary);transition:transform .25s ease;flex-shrink:0}.faq-chevron.rotated{transform:rotate(180deg)}.faq-item-body{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.faq-item-body.expanded{max-height:600px}.faq-item-body-inner{padding:0 22px 20px;display:flex;flex-direction:column;gap:14px;animation:faq-fade-in .2s ease}@keyframes faq-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.faq-answer{font-size:.875rem;color:var(--text-secondary);line-height:1.65;margin:0}.faq-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.faq-steps li{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.faq-tip-box{display:flex;align-items:flex-start;gap:10px;background:#6366f10f;border:1px solid rgba(99,102,241,.15);border-radius:8px;padding:12px 14px}[data-theme=dark] .faq-tip-box{background:#6366f114;border-color:#6366f133}.faq-tip-icon{color:var(--primary-color);flex-shrink:0;margin-top:1px}.faq-tip-box p{font-size:.825rem;color:var(--text-primary);margin:0;line-height:1.5}.faq-go-link{display:inline-flex;align-items:center;gap:5px;color:var(--primary-color);font-size:.825rem;font-weight:600;text-decoration:none;transition:opacity .15s}.faq-go-link:hover{opacity:.75}.faq-feedback-row{display:flex;align-items:center;gap:8px;padding-top:4px;border-top:1px solid var(--border-color)}.faq-feedback-label{font-size:.775rem;color:var(--text-muted);flex:1}.faq-feedback-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:.775rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s ease}.faq-feedback-btn.up:hover,.faq-feedback-btn.up.active{border-color:#10b981;background:#10b98114;color:#10b981}.faq-feedback-btn.down:hover,.faq-feedback-btn.down.active{border-color:#ef4444;background:#ef444414;color:#ef4444}.faq-highlight{background:#f59e0b33;color:inherit;border-radius:2px;padding:0 2px}[data-theme=dark] .faq-highlight{background:#f59e0b40}.hc-no-results{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:56px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.hc-no-results-icon{color:var(--text-muted);margin-bottom:4px}.hc-no-results h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.hc-no-results p{font-size:.875rem;color:var(--text-secondary);margin:0}.hc-clear-btn{padding:8px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-size:.825rem;font-weight:500;cursor:pointer;font-family:inherit;margin-top:4px;transition:all .15s}.hc-clear-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.hc-suggestions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}.hc-suggestions-label{width:100%;font-size:.75rem;color:var(--text-muted);margin:0}.hc-help-panel{display:flex;flex-direction:column;gap:14px;position:sticky;top:24px}.hc-help-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:22px}.hc-help-card-icon{width:44px;height:44px;border-radius:10px;background:#6366f11a;color:var(--primary-color);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.hc-help-card-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.hc-help-card-desc{font-size:.825rem;color:var(--text-secondary);margin:0 0 18px;line-height:1.55}.hc-help-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.hc-help-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;text-decoration:none;transition:all .15s ease;justify-content:center}.hc-help-btn.primary{background:var(--primary-color);color:#fff;border:none}.hc-help-btn.primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.hc-help-btn.ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.hc-help-btn.ghost:hover{border-color:var(--primary-color);color:var(--primary-color)}.hc-help-contact{border-top:1px solid var(--border-color);padding-top:14px}.hc-help-email-label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px}.hc-help-email{font-size:.825rem;font-weight:500;color:var(--primary-color);text-decoration:none;transition:opacity .15s}.hc-help-email:hover{opacity:.75}.hc-toc-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:18px}.hc-toc-title{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.hc-toc-list{display:flex;flex-direction:column;gap:2px}.hc-toc-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--text-secondary);font-size:.825rem;font-weight:500;transition:all .15s ease}.hc-toc-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.hc-toc-count{margin-left:auto;font-size:.7rem;font-weight:700;color:var(--text-muted);background:var(--bg-tertiary);padding:1px 6px;border-radius:9999px}@media(max-width:1024px){.hc-content-layout{grid-template-columns:1fr;padding:24px 28px 0}.hc-help-panel{position:static;order:-1}.hc-help-card,.hc-toc-card{max-width:480px}.hc-hero{padding:40px 28px 30px}.hc-section{padding:24px 28px 0}}@media(max-width:640px){.hc-hero-title{font-size:1.8rem}.hc-content-layout,.hc-section{padding-left:16px;padding-right:16px}.featured-cards-grid{grid-template-columns:1fr}.hc-hero{padding:32px 16px 24px}}.terms-page{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden;padding-bottom:40px}.terms-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));z-index:200;transition:width .1s linear;border-radius:0 2px 2px 0}.terms-header{display:flex;align-items:center;gap:16px;padding:36px 48px 28px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.terms-header-icon{width:52px;height:52px;border-radius:12px;background:#6366f11a;color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.terms-page-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.03em}.terms-page-sub{font-size:.875rem;color:var(--text-secondary);margin:0}.terms-last-updated{margin-left:auto;display:inline-flex;padding:5px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:9999px;font-size:.75rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.terms-layout{display:grid;grid-template-columns:220px 1fr;gap:0;padding:0;align-items:start;max-width:1100px;margin:0 auto}.terms-toc{position:sticky;top:16px;padding:28px 20px;height:fit-content}.terms-toc-heading{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin:0 0 12px;padding-left:4px}.terms-toc-nav{display:flex;flex-direction:column;gap:2px}.terms-toc-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;transition:all .15s ease;width:100%}.terms-toc-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.terms-toc-item.active{background:var(--bg-secondary);border-left:2px solid var(--primary-color)}.terms-toc-num{font-size:.68rem;font-weight:700;color:var(--text-muted);flex-shrink:0;min-width:20px}.terms-toc-item.active .terms-toc-num{color:var(--primary-color)}.terms-toc-label{font-size:.8rem;font-weight:500;color:var(--text-secondary);line-height:1.3}.terms-toc-item.active .terms-toc-label{color:var(--primary-color);font-weight:600}.terms-content{padding:28px 40px 28px 24px;display:flex;flex-direction:column;gap:16px}.terms-section-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:24px 28px;scroll-margin-top:100px;transition:box-shadow .18s ease}.terms-section-card:hover{box-shadow:var(--shadow-md)}.terms-section-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.terms-section-title-row{display:flex;align-items:center;gap:10px}.terms-section-icon{color:var(--primary-color);display:flex;flex-shrink:0}.terms-section-num{font-size:.72rem;font-weight:700;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 7px;border-radius:4px;flex-shrink:0}.terms-section-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.terms-copy-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--border-color);border-radius:7px;background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.terms-copy-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#6366f10a}.terms-section-divider{height:1px;background:var(--border-color);margin-bottom:18px}.terms-section-body{display:flex;flex-direction:column;gap:12px}.terms-section-body p{font-size:.9rem;color:var(--text-secondary);line-height:1.75;margin:0}.terms-section-body p strong{color:var(--text-primary);font-weight:600}.terms-section-body ul,.terms-section-body ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:7px}.terms-section-body li{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.terms-section-body li strong{color:var(--text-primary);font-weight:600}.terms-note{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:8px;font-size:.85rem;line-height:1.55}.terms-note.warning{background:#f59e0b14;border:1px solid rgba(245,158,11,.2);color:var(--text-primary)}.terms-note.warning svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.terms-note.info{background:#6366f10f;border:1px solid rgba(99,102,241,.15);color:var(--text-primary)}.terms-note.info svg{color:var(--primary-color);flex-shrink:0;margin-top:1px}[data-theme=dark] .terms-note.warning{background:#f59e0b1a;border-color:#f59e0b40}[data-theme=dark] .terms-note.info{background:#6366f114;border-color:#6366f133}.terms-contact-block{display:flex;flex-direction:column;gap:10px}.terms-contact-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary)}.terms-contact-label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 2px}.terms-contact-value{font-size:.875rem;font-weight:500;color:var(--primary-color);text-decoration:none}.terms-contact-value:hover{opacity:.75}.terms-contact-value-plain{font-size:.875rem;font-weight:500;color:var(--text-primary);margin:0}.terms-cta-block{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:36px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.terms-cta-icon{color:var(--primary-color);margin-bottom:4px}.terms-cta-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.terms-cta-desc{font-size:.875rem;color:var(--text-secondary);margin:0;max-width:400px;line-height:1.6}.terms-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;font-family:inherit;text-decoration:none;margin-top:6px;transition:all .15s ease}.terms-cta-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.terms-back-top{position:fixed;bottom:28px;right:28px;width:42px;height:42px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);transition:all .15s ease;z-index:100;animation:fade-in-up .2s ease}.terms-back-top:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.terms-layout{grid-template-columns:1fr}.terms-toc{position:static;padding:20px 24px 0}.terms-toc-nav{flex-direction:row;flex-wrap:wrap;gap:6px}.terms-toc-item{padding:5px 10px;flex:none}.terms-toc-num{display:none}.terms-content{padding:20px 24px}.terms-header{padding:24px 24px 20px;flex-wrap:wrap}.terms-last-updated{margin-left:0}}@media(max-width:600px){.terms-header{flex-direction:column;align-items:flex-start}.terms-section-card{padding:18px}.terms-section-top{flex-direction:column;align-items:flex-start;gap:10px}.terms-back-top{bottom:20px;right:16px}}.settings-page-root{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;padding:28px 32px 60px;transition:background .2s ease,color .2s ease}.settings-page-title-bar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.settings-page-heading{font-size:2rem;font-weight:800;color:var(--primary-color);margin:0;letter-spacing:-.03em}.settings-page-subtitle{font-size:.9rem;color:var(--text-secondary);margin:4px 0 0}.settings-realtime-dot{display:flex;align-items:center;gap:7px;font-size:.8rem;color:var(--text-secondary);padding-top:4px}.realtime-dot-pulse{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 #10b98166;animation:pulse-ring 2s ease infinite;flex-shrink:0}@keyframes pulse-ring{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.settings-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}.settings-sidebar{display:flex;flex-direction:column;gap:8px;position:sticky;top:24px}.settings-nav-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;text-align:left;transition:all .18s ease;font-family:inherit}.settings-nav-card:hover{border-color:var(--border-strong);background:var(--bg-tertiary);transform:translate(2px)}.settings-nav-card.active{background:var(--bg-secondary);border-width:1.5px;box-shadow:var(--shadow-sm)}.settings-nav-card.logout:hover{background:#fef2f2;border-color:#fecaca}[data-theme=dark] .settings-nav-card.logout:hover{background:#ef444412;border-color:#ef444440}.settings-nav-card-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .18s ease}.settings-nav-card:hover .settings-nav-card-icon{transform:scale(1.08)}.settings-nav-card-text{display:flex;flex-direction:column;gap:1px}.settings-nav-card-label{font-size:.875rem;font-weight:600;color:var(--text-primary);line-height:1.3}.settings-nav-card-sub{font-size:.72rem;color:var(--text-secondary);line-height:1.3}.settings-nav-divider{height:1px;background:var(--border-color);margin:4px 0}.settings-main{animation:settings-slide-in .2s ease}@keyframes settings-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-panel-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:28px 32px;box-shadow:var(--shadow-sm);margin-bottom:16px}.settings-panel-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--border-color)}.settings-panel-header-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-panel-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.settings-panel-subtitle{font-size:.825rem;color:var(--text-secondary);margin:2px 0 0}.settings-divider{height:1px;background:var(--border-color);margin:20px 0}.profile-identity-block{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-tertiary);border-radius:12px;margin-bottom:20px;border:1px solid var(--border-color)}.profile-avatar-lg{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.profile-name{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 2px}.profile-email{font-size:.8rem;color:var(--text-secondary);margin:0 0 6px}.profile-role-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:9999px;background:#6366f11f;color:var(--primary-color);text-transform:uppercase;letter-spacing:.04em}.settings-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-info-item.span-2{grid-column:span 2}.settings-editable-row{display:flex;align-items:center;gap:12px;margin-top:4px}.settings-inline-input{flex:1;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;font-size:.9rem;color:var(--text-primary);outline:none;transition:border-color .2s}.settings-inline-input:focus{border-color:var(--primary-color)}.settings-inline-save-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary-color);color:#fff;border-radius:8px;font-size:.85rem;font-weight:600;transition:all .2s}.settings-inline-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.settings-inline-save-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.settings-success-hint{font-size:.75rem;color:#10b981;margin-top:6px;font-weight:500}.settings-error-hint{font-size:.75rem;color:#ef4444;margin-top:6px;font-weight:500}.settings-info-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;transition:border-color .15s ease}.settings-info-item:hover{border-color:var(--border-strong)}.settings-info-label{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.settings-info-value{font-size:.9rem;font-weight:500;color:var(--text-primary)}.settings-info-value.mono{font-family:SF Mono,Fira Code,monospace;font-size:.82rem}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-tertiary);transition:border-color .15s ease}.settings-toggle-row:hover{border-color:var(--border-strong)}.settings-toggle-row.prominent{padding:16px 18px}.settings-toggle-row-left{display:flex;align-items:center;gap:12px}.settings-toggle-icon-wrap{width:32px;height:32px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.settings-toggle-row-label{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 2px}.settings-toggle-row-desc{font-size:.78rem;color:var(--text-secondary);margin:0}.settings-toggle{flex-shrink:0;width:48px;height:26px;border-radius:9999px;border:none;cursor:pointer;position:relative;transition:background .22s ease;outline:none}.settings-toggle.off{background:var(--border-strong)}.settings-toggle.on{background:var(--primary-color)}.settings-toggle:focus-visible{box-shadow:0 0 0 3px #6366f14d}.settings-toggle-thumb{position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:0;box-shadow:0 1px 4px #00000040;transition:transform .22s cubic-bezier(.34,1.56,.64,1);box-sizing:border-box}.settings-toggle.off .settings-toggle-thumb{transform:translate(3px)}.settings-toggle.on .settings-toggle-thumb{transform:translate(23px)}.settings-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-field-row{display:flex;flex-direction:column;gap:7px;margin-bottom:4px}.settings-field-label{font-size:.825rem;font-weight:600;color:var(--text-primary)}.settings-field-control{position:relative}.settings-field-hint{font-size:.75rem;color:var(--text-secondary);margin:4px 0 0}.settings-input-wrap{position:relative;display:flex;align-items:center}.settings-input-icon{position:absolute;left:12px;color:var(--text-secondary);display:flex;pointer-events:none;z-index:1}.settings-input-suffix{position:absolute;right:10px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;border-radius:4px;transition:color .15s}.settings-input-suffix:hover{color:var(--text-primary)}.settings-input{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;font-family:inherit;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;box-sizing:border-box;outline:none}.settings-input.has-icon{padding-left:36px}.settings-input.has-suffix{padding-right:36px}.settings-input::placeholder{color:var(--text-muted)}.settings-input:hover{border-color:var(--border-strong)}.settings-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11f;background:var(--bg-secondary)}.settings-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.settings-select option{background:var(--bg-secondary);color:var(--text-primary)}.settings-form-stack{display:flex;flex-direction:column;gap:16px}.settings-form-actions{display:flex;align-items:center;gap:12px;margin-top:8px}.settings-btn-primary{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .18s ease;white-space:nowrap}.settings-btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.settings-btn-primary:disabled{opacity:.6;cursor:not-allowed}.settings-btn-ghost{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.825rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s ease}.settings-btn-ghost:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.settings-btn-ghost.danger:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}[data-theme=dark] .settings-btn-ghost.danger:hover{background:#ef444414;border-color:#ef444440}.settings-status-msg{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:.825rem;font-weight:500}.settings-status-msg.success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.settings-status-msg.error{background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.logo-dropzone{border:1.5px dashed var(--border-strong);border-radius:12px;padding:32px 20px;text-align:center;cursor:pointer;transition:all .18s ease;background:var(--bg-tertiary)}.logo-dropzone:hover,.logo-dropzone.dragging{border-color:var(--primary-color);background:#6366f10a}.logo-dropzone-icon{width:48px;height:48px;border-radius:12px;background:#6366f114;color:var(--primary-color);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.logo-dropzone-text{font-size:.875rem;color:var(--text-primary);margin:0 0 4px}.link-text{color:var(--primary-color);font-weight:600;text-decoration:underline;text-underline-offset:2px}.logo-dropzone-hint{font-size:.75rem;color:var(--text-secondary);margin:0}.logo-preview-block{display:flex;align-items:center;gap:20px;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px}.logo-preview-inner{width:96px;height:64px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:8px}.logo-preview-img{max-width:100%;max-height:100%;object-fit:contain}.logo-preview-note{font-size:.8rem;color:var(--text-secondary);margin:0 0 10px}.logo-preview-actions{display:flex;gap:8px}.settings-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.settings-btn-primary{display:flex;align-items:center;gap:8px;padding:10px 24px;background:var(--primary-color);color:#fff;border-radius:10px;border:none;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.settings-btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.settings-btn-primary:active:not(:disabled){transform:translateY(0)}.settings-btn-primary:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1)}.unsaved-badge,.saved-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;font-size:.7rem;font-weight:700;border-radius:9999px;text-transform:uppercase;letter-spacing:.06em}.unsaved-badge{background:#f59e0b14;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.saved-badge{background:#10b98114;color:#10b981;border:1px solid rgba(16,185,129,.2)}.modular-content-block{margin-bottom:40px}.modular-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:20px;text-transform:uppercase;letter-spacing:.04em;opacity:.6}.field-group{display:flex;flex-direction:column;gap:8px}.field-helper-text{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-top:2px}.settings-section-footer{margin-top:48px;padding-top:32px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.settings-org-actions-row{display:flex;gap:12px}.settings-btn-ghost-small{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:13px;font-weight:600;border-radius:8px;transition:all .2s ease;cursor:pointer}.settings-btn-ghost-small:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--primary-color);transform:translateY(-1px)}.settings-footer-actions{display:flex;align-items:center;gap:14px}.btn-settings-secondary{padding:10px 22px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s}.btn-settings-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.btn-settings-secondary:disabled{opacity:.4;cursor:not-allowed}.settings-divider.no-margin-top{margin-top:0;margin-bottom:32px}.org-premium-card{background:var(--bg-secondary);border-radius:18px;border:1px solid rgba(255,255,255,.06);box-shadow:0 2px #ffffff08 inset,0 4px 24px #00000047,0 1px 4px #0000002e;overflow:hidden;transition:box-shadow .25s ease}[data-theme=light] .org-premium-card{border-color:#00000012;box-shadow:0 2px 16px #00000012,0 1px 3px #0000000d}.org-card-header{display:flex;align-items:center;justify-content:space-between;padding:28px 32px 24px;gap:16px}.org-card-header-left{display:flex;align-items:center;gap:14px}.org-icon-wrap{width:40px;height:40px;border-radius:10px;background:#10b9811a;color:#10b981;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(16,185,129,.2);box-shadow:0 0 16px #10b98114}[data-theme=light] .org-icon-wrap{background:#10b98114;border-color:#10b9812e}.org-card-header-text{display:flex;flex-direction:column;gap:3px}.org-card-title{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em;line-height:1.3}.org-card-subtitle{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.4}.org-card-header-right{flex-shrink:0}.org-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 9px;border-radius:9999px;font-size:.6875rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;transition:all .2s ease}.org-status-badge.saved{background:#10b98114;color:#10b981;border:1px solid rgba(16,185,129,.22)}.org-status-badge.unsaved{background:#f59e0b14;color:#f59e0b;border:1px solid rgba(245,158,11,.25);animation:org-badge-pulse 2.4s ease infinite}.org-status-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b;box-shadow:0 0 #f59e0b66;animation:org-dot-ping 2.4s ease infinite;flex-shrink:0}@keyframes org-badge-pulse{0%,to{box-shadow:0 0 #f59e0b00}40%{box-shadow:0 0 0 5px #f59e0b00}}@keyframes org-dot-ping{0%,to{box-shadow:0 0 #f59e0b66}60%{box-shadow:0 0 0 5px #f59e0b00}}.org-section-block{padding:0 32px 36px}.org-section-label{font-size:.6875rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.09em;margin:0 0 20px;opacity:.7}.org-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.org-field-group{display:flex;flex-direction:column;gap:0}.org-field-label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.005em}.org-field-hint{font-size:.75rem;color:var(--text-secondary);margin:7px 0 0;line-height:1.5;opacity:.8}.org-input-wrap{position:relative}.org-select-wrap .org-select-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-secondary);display:flex;align-items:center;pointer-events:none;z-index:1;opacity:.7}.org-premium-input{width:100%;padding:11px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-family:inherit;font-weight:500;line-height:1.5;outline:none;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.org-premium-input::placeholder{color:var(--text-secondary);opacity:.5}.org-premium-input:hover:not(:disabled){border-color:var(--border-strong)}.org-premium-input:focus:not(:disabled){border-color:#6366f1b3;box-shadow:0 0 0 3px #6366f11a,0 1px 3px #0000001a;background:var(--bg-secondary)}.org-premium-input:disabled{opacity:.55;cursor:not-allowed;background:var(--bg-tertiary)}.org-premium-select{width:100%;padding:11px 34px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-family:inherit;font-weight:500;line-height:1.5;appearance:none;cursor:pointer;outline:none;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.org-premium-select option{background:var(--bg-secondary);color:var(--text-primary)}.org-premium-select:hover:not(:disabled){border-color:var(--border-strong)}.org-premium-select:focus:not(:disabled){border-color:#6366f1b3;box-shadow:0 0 0 3px #6366f11a,0 1px 3px #0000001a;background-color:var(--bg-secondary)}.org-premium-select:disabled{opacity:.55;cursor:not-allowed;background-color:var(--bg-tertiary)}.org-status-area{padding:0 32px 20px;display:flex;flex-direction:column;gap:8px;animation:settings-slide-in .2s ease}.org-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px 32px 28px;border-top:1px solid rgba(255,255,255,.05);margin-top:4px}[data-theme=light] .org-card-footer{border-top-color:var(--border-color)}.org-footer-left,.org-footer-right{display:flex;align-items:center}.org-utility-actions{display:flex;gap:8px;flex-wrap:wrap}.org-utility-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.8125rem;font-weight:600;font-family:inherit;border-radius:8px;cursor:pointer;transition:all .18s ease;white-space:nowrap}.org-utility-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 8px #6366f11f}.org-action-group{display:flex;align-items:center;gap:10px}.org-btn-cancel{display:inline-flex;align-items:center;padding:9px 18px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;font-weight:600;font-family:inherit;border-radius:9px;cursor:pointer;transition:all .18s ease;white-space:nowrap}.org-btn-cancel:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-strong);color:var(--text-primary)}.org-btn-cancel:disabled{opacity:.35;cursor:not-allowed}.org-btn-save{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:9px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden;box-shadow:0 2px 8px #6366f133}.org-btn-save:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.3);box-shadow:none}.org-btn-save.active{background:linear-gradient(135deg,#6366f1,#4f52d9);box-shadow:0 0 0 1px #6366f14d,0 4px 16px #6366f14d,0 1px 3px #00000026}.org-btn-save.active:hover:not(:disabled){background:linear-gradient(135deg,#7173f3,#5456e0);transform:translateY(-1px);box-shadow:0 0 0 1px #6366f159,0 6px 20px #6366f161,0 2px 6px #0000001f}.org-btn-save:active:not(:disabled){transform:translateY(0)}@media(max-width:720px){.org-fields-grid{grid-template-columns:1fr;gap:24px}.org-card-header{padding:22px 24px 18px}.org-section-block{padding:0 24px 28px}.org-card-footer{padding:18px 24px 24px;flex-direction:column;align-items:stretch}.org-footer-left,.org-footer-right{width:100%}.org-action-group{justify-content:flex-end}.org-utility-actions{width:100%}}@media(max-width:480px){.org-card-header{flex-direction:column;align-items:flex-start;gap:12px}.org-card-header-right{align-self:flex-start}.org-action-group{width:100%;flex-direction:column}.org-btn-cancel,.org-btn-save{width:100%;justify-content:center}}.settings-modal-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:settings-slide-in .18s ease}.settings-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 24px 64px #0006,0 8px 20px #00000040;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px 18px;border-bottom:1px solid var(--border-color)}.settings-modal-header h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.settings-modal-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.settings-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-modal-body{padding:24px 28px;overflow-y:auto;flex:1}.settings-empty-text{font-size:.875rem;color:var(--text-secondary);text-align:center;padding:16px 0;margin:0}.settings-loading-text{font-size:.825rem;color:var(--text-secondary);text-align:center;margin:8px 0 0}.settings-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px 28px;border-top:1px solid var(--border-color);background:var(--bg-tertiary);border-bottom-left-radius:16px;border-bottom-right-radius:16px}.org-switch-list{display:flex;flex-direction:column;gap:10px}.org-switch-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.org-switch-item:hover:not(.active){background:var(--bg-secondary);border-color:var(--primary-color);transform:translate(6px);box-shadow:0 10px 15px -3px #0000000d}.org-switch-item.active{background:#6366f10d;border-color:var(--primary-color);box-shadow:inset 0 0 0 1px var(--primary-color);cursor:default}.org-switch-item-info{display:flex;flex-direction:column;gap:4px}.org-switch-name{font-weight:700;font-size:15px;color:var(--text-primary)}.org-switch-tz{font-size:12px;color:var(--text-secondary);opacity:.8}.org-switch-current{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--primary-color);font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#6366f11f;padding:4px 10px;border-radius:9999px}.org-switch-arrow{color:var(--text-secondary);opacity:.4;transition:transform .2s}.org-switch-item:hover .org-switch-arrow{transform:translate(2px);opacity:.8;color:var(--primary-color)}.prof-premium-card{background:var(--bg-secondary);border-radius:18px;border:1px solid rgba(255,255,255,.06);box-shadow:0 2px #ffffff08 inset,0 4px 24px #00000047,0 1px 4px #0000002e;overflow:hidden;margin-bottom:24px}[data-theme=light] .prof-premium-card{border-color:#00000012;box-shadow:0 2px 16px #00000012,0 1px 3px #0000000d}.prof-card-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.04)}[data-theme=light] .prof-card-header{border-bottom-color:#0000000a}.prof-card-header-left{display:flex;align-items:center;gap:16px}.prof-icon-wrap{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#6366f11a;color:#6366f1}.prof-card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.prof-card-subtitle{font-size:.85rem;color:var(--text-secondary);margin:4px 0 0}.prof-status-badge.saved{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:#10b9811a;color:#10b981;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.prof-section-block{padding:32px;border-bottom:1px solid rgba(255,255,255,.02)}[data-theme=light] .prof-section-block{border-bottom-color:#00000008}.prof-section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);opacity:.7;margin:0 0 24px}.prof-identity-row{display:flex;align-items:center;gap:24px}.prof-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f14d;border:2px solid var(--bg-primary)}.prof-identity-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.prof-identity-email{font-size:.9rem;color:var(--text-secondary);margin:0 0 8px}.prof-role-chip{display:inline-block;padding:4px 10px;border-radius:6px;background:#ffffff0d;color:var(--text-secondary);font-size:.75rem;font-weight:600}[data-theme=light] .prof-role-chip{background:#0000000d}.prof-field-group{margin-bottom:24px}.prof-field-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.prof-name-edit-row{display:flex;gap:12px}.prof-premium-input{flex:1;min-width:0;background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:12px 16px;color:var(--text-primary);font-size:.9rem;transition:all .2s}[data-theme=light] .prof-premium-input{border-color:#00000014;background:#fff}.prof-premium-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}.prof-premium-input:disabled{opacity:.6;cursor:not-allowed}.prof-inline-save{display:inline-flex;align-items:center;gap:6px;padding:0 20px;border-radius:10px;background:#ffffff0d;border:1px solid transparent;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:default;transition:all .2s}[data-theme=light] .prof-inline-save{background:#0000000a}.prof-inline-save.active{background:#6366f1;color:#fff;cursor:pointer}.prof-inline-save.active:hover{background:#4f46e5}.prof-inline-save:disabled{opacity:.6}.prof-field-error{font-size:.8rem;color:#ef4444;margin:6px 0 0}.prof-field-ok{font-size:.8rem;color:#10b981;margin:6px 0 0}.prof-readonly-field{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;background:#00000026;border:1px solid rgba(255,255,255,.02)}[data-theme=light] .prof-readonly-field{background:#00000005;border-color:#0000000a}.prof-readonly-value{font-size:.9rem;color:var(--text-primary);font-family:monospace}.prof-readonly-badge{font-size:.7rem;text-transform:uppercase;color:var(--text-secondary);background:transparent}.prof-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prof-detail-card{background:var(--bg-tertiary);padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.03);display:flex;flex-direction:column;gap:8px}[data-theme=light] .prof-detail-card{background:#fff;border-color:#0000000f}.prof-detail-card.wide{grid-column:span 2}.prof-detail-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.prof-detail-value{font-size:.95rem;font-weight:500;color:var(--text-primary)}.prof-detail-value.role{color:#6366f1;text-transform:capitalize}.prof-detail-org-row{display:flex;justify-content:space-between;align-items:center}.prof-nav-link{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:#6366f1;font-size:.8rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.prof-nav-link:hover{background:#6366f11a}.prof-card-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:var(--bg-tertiary)}.prof-footer-hint{font-size:.8rem;color:var(--text-secondary);margin:0}.prof-footer-links{display:flex;gap:12px}.prof-footer-link-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-primary);border:1px solid rgba(255,255,255,.05);border-radius:8px;color:var(--text-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}[data-theme=light] .prof-footer-link-btn{border-color:#00000014;background:#fff}.prof-footer-link-btn:hover{border-color:var(--text-secondary);transform:translateY(-1px)}@media(max-width:640px){.prof-card-header,.prof-section-block,.prof-card-footer{padding:20px}.prof-name-edit-row{flex-direction:column}.prof-inline-save{width:100%;justify-content:center;padding:12px}.prof-details-grid{grid-template-columns:1fr}.prof-detail-card.wide{grid-column:span 1}.prof-card-footer{flex-direction:column;gap:16px;align-items:flex-start}}.pref-premium-card{background:var(--bg-secondary);border-radius:18px;border:1px solid rgba(255,255,255,.06);box-shadow:0 2px #ffffff08 inset,0 4px 24px #00000047,0 1px 4px #0000002e;overflow:hidden;margin-bottom:16px}[data-theme=light] .pref-premium-card{border-color:#00000012;box-shadow:0 2px 16px #00000012,0 1px 3px #0000000d}.pref-card-header{display:flex;align-items:center;justify-content:space-between;padding:28px 32px 24px;gap:16px}.pref-card-header-left{display:flex;align-items:center;gap:14px}.pref-icon-wrap{width:40px;height:40px;border-radius:10px;background:#f59e0b1a;color:#f59e0b;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(245,158,11,.2);box-shadow:0 0 16px #f59e0b12}[data-theme=light] .pref-icon-wrap{background:#f59e0b14;border-color:#f59e0b2e}.pref-card-header-text{display:flex;flex-direction:column;gap:3px}.pref-card-title{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em;line-height:1.3}.pref-card-subtitle{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.4}.pref-card-header-right{flex-shrink:0}.pref-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 9px;border-radius:9999px;font-size:.6875rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;transition:all .2s ease}.pref-status-badge.saved{background:#10b98114;color:#10b981;border:1px solid rgba(16,185,129,.22)}.pref-status-badge.unsaved{background:#f59e0b14;color:#f59e0b;border:1px solid rgba(245,158,11,.25);animation:pref-badge-pulse 2.4s ease infinite}.pref-status-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b;animation:pref-dot-ping 2.4s ease infinite;flex-shrink:0}@keyframes pref-badge-pulse{0%,to{box-shadow:0 0 #f59e0b00}40%{box-shadow:0 0 0 5px #f59e0b00}}@keyframes pref-dot-ping{0%,to{box-shadow:0 0 #f59e0b66}60%{box-shadow:0 0 0 5px #f59e0b00}}.pref-section-block{padding:0 32px 32px}.pref-section-label{font-size:.6875rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.09em;margin:0 0 16px;opacity:.7}.pref-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:12px;cursor:pointer;transition:background .18s ease;gap:16px;margin:0 -4px}.pref-toggle-row:hover{background:#ffffff08}[data-theme=light] .pref-toggle-row:hover{background:#00000006}.pref-toggle-row-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.pref-mode-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,color .2s ease}.pref-mode-icon.dark{background:#6366f11a;color:#818cf8;border:1px solid rgba(99,102,241,.18)}.pref-mode-icon.light{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.pref-toggle-content{display:flex;flex-direction:column;gap:2px}.pref-toggle-label{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.pref-toggle-desc{font-size:.775rem;color:var(--text-secondary);margin:0;line-height:1.4}.pref-toggle-switch{flex-shrink:0;width:46px;height:26px;border-radius:9999px;border:none;cursor:pointer;position:relative;overflow:hidden;box-sizing:border-box;transition:background .22s ease;outline:none}.pref-toggle-switch.off{background:var(--border-strong, #3f3f5a)}.pref-toggle-switch.on{background:#f59e0b;box-shadow:0 0 0 1px #f59e0b4d,0 2px 8px #f59e0b40}.pref-toggle-switch:focus-visible{box-shadow:0 0 0 3px #f59e0b4d}.pref-toggle-thumb{position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 1px 4px #0000004d;transition:transform .23s cubic-bezier(.34,1.56,.64,1)}.pref-toggle-switch.off .pref-toggle-thumb{transform:translate(0)}.pref-toggle-switch.on .pref-toggle-thumb{transform:translate(20px)}.pref-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pref-field-group{display:flex;flex-direction:column;gap:0}.pref-field-label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.005em}.pref-field-hint{font-size:.75rem;color:var(--text-secondary);margin:7px 0 0;line-height:1.5;opacity:.8}.pref-select-wrap{position:relative}.pref-select-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-secondary);display:flex;align-items:center;pointer-events:none;z-index:1;opacity:.7}.pref-premium-select{width:100%;padding:11px 34px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-family:inherit;font-weight:500;line-height:1.5;appearance:none;cursor:pointer;outline:none;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.pref-premium-select option{background:var(--bg-secondary);color:var(--text-primary)}.pref-premium-select:hover:not(:disabled){border-color:var(--border-strong)}.pref-premium-select:focus{border-color:#6366f1b3;box-shadow:0 0 0 3px #6366f11a,0 1px 3px #0000001a;background-color:var(--bg-secondary)}.pref-date-preview{display:inline-flex;align-items:center;gap:7px;margin-top:8px}.pref-date-preview-label{font-size:.73rem;color:var(--text-secondary);opacity:.7}.pref-date-preview-value{font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:.75rem;font-weight:600;color:var(--primary-color);background:#6366f114;border:1px solid rgba(99,102,241,.15);border-radius:5px;padding:2px 8px;letter-spacing:.02em}.pref-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px 32px 28px;border-top:1px solid rgba(255,255,255,.05);margin-top:4px}[data-theme=light] .pref-card-footer{border-top-color:var(--border-color)}.pref-footer-left,.pref-footer-right{display:flex;align-items:center}.pref-action-group{display:flex;align-items:center;gap:10px}.pref-btn-cancel{display:inline-flex;align-items:center;padding:9px 18px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;font-weight:600;font-family:inherit;border-radius:9px;cursor:pointer;transition:all .18s ease;white-space:nowrap}.pref-btn-cancel:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-strong);color:var(--text-primary)}.pref-btn-cancel:disabled{opacity:.35;cursor:not-allowed}.pref-btn-save{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:9px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 2px 8px #6366f133}.pref-btn-save:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.3);box-shadow:none}.pref-btn-save.active{background:linear-gradient(135deg,#6366f1,#4f52d9);box-shadow:0 0 0 1px #6366f14d,0 4px 16px #6366f14d,0 1px 3px #00000026}.pref-btn-save.active:hover:not(:disabled){background:linear-gradient(135deg,#7173f3,#5456e0);transform:translateY(-1px);box-shadow:0 0 0 1px #6366f159,0 6px 20px #6366f161,0 2px 6px #0000001f}.pref-btn-save:active:not(:disabled){transform:translateY(0)}@media(max-width:720px){.pref-fields-grid{grid-template-columns:1fr;gap:24px}.pref-card-header{padding:22px 24px 18px}.pref-section-block{padding:0 24px 28px}.pref-card-footer{padding:18px 24px 24px;flex-direction:column;align-items:stretch}.pref-footer-left,.pref-footer-right{width:100%}.pref-action-group{justify-content:flex-end}}@media(max-width:480px){.pref-card-header{flex-direction:column;align-items:flex-start;gap:12px}.pref-card-header-right{align-self:flex-start}.pref-action-group{width:100%;flex-direction:column}.pref-btn-cancel,.pref-btn-save{width:100%;justify-content:center}.pref-toggle-row{margin:0}}.spin{animation:spin-anim .8s linear infinite}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:900px){.settings-page-root{padding:24px 20px 80px}.settings-layout{display:flex;flex-direction:column;gap:32px}.settings-sidebar{display:flex;overflow-x:auto;padding-bottom:8px;gap:12px;border-bottom:1px solid var(--border-color);margin-bottom:8px}.settings-sidebar::-webkit-scrollbar{height:0}.settings-nav-card{flex-shrink:0;min-width:140px;border-bottom:none;border-radius:12px}.settings-info-grid{grid-template-columns:1fr}.settings-two-col{grid-template-columns:1fr;gap:24px}.settings-section-footer{flex-direction:column;align-items:stretch}.settings-footer-actions{justify-content:flex-end}}@media(max-width:480px){.settings-page-title-bar{flex-direction:column;align-items:flex-start;gap:12px}.settings-panel-card{padding:24px 20px;border-radius:16px}.settings-nav-card{min-width:120px}.settings-nav-card-sub{display:none}.settings-org-actions-row{flex-direction:column}.settings-footer-actions{width:100%;flex-direction:column}.settings-footer-actions>*{width:100%}}.od2-root{--od-bg: var(--bg-primary);--od-surface: var(--bg-secondary);--od-card: var(--bg-secondary);--od-border: var(--border-color);--od-border-strong: var(--border-strong);--od-text: var(--text-primary);--od-muted: var(--text-secondary);--od-primary: var(--primary-color);--od-primary-strong: var(--primary-hover);--od-success-bg: rgba(16, 185, 129, .1);--od-success-text: #10b981;--od-danger-bg: rgba(239, 68, 68, .1);--od-danger-text: #ef4444;--shadow-lg: var(--shadow-lg);min-height:100vh;background:var(--od-bg);color:var(--od-text);font-family:Inter,system-ui,sans-serif;padding:32px 40px}.od2-root.od2-root-inner{min-height:unset;padding:0;background:transparent;transition:opacity .4s ease,filter .4s ease}.od2-root.od2-refreshing{opacity:.7;filter:blur(1px);pointer-events:none}[data-theme=dark] .od2-root{--od-bg: #020617;--od-surface: #0f172a;--od-card: #0f172a;--od-border: rgba(255, 255, 255, .08);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .4)}.od2-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:32px;animation:od-slide-down .5s ease-out}.od2-header-left h1{margin:0;font-size:32px;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,var(--od-text),var(--od-muted));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.od2-header-left p{margin:8px 0 0;color:var(--od-muted);font-size:15px;font-weight:500}.od2-header-actions{display:flex;align-items:center;gap:12px}.od2-btn-back{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;border:1px solid var(--od-border);background:var(--od-surface);color:var(--od-text);font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.od2-btn-back:hover{background:#00000005;transform:translate(-4px)}.od2-select-period{padding:10px 16px;border-radius:12px;border:1px solid var(--od-border);background:var(--od-surface);color:var(--od-text);font-weight:600;font-size:14px;outline:none;cursor:pointer}.od2-refresh-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#6366f11a;color:#6366f1;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;animation:od-fade-in .3s ease-out}.od2-animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.od2-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:32px;animation:od-fade-in .6s ease-out}.od2-stat-card{background:var(--od-card);border:1px solid var(--od-border);border-radius:20px;padding:24px;box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:12px}.od2-stat-card:hover{transform:translateY(-4px)}.od2-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.od2-stat-card.purple .od2-stat-icon{background:#6366f11a;color:#6366f1}.od2-stat-card.blue .od2-stat-icon{background:#3b82f61a;color:#3b82f6}.od2-stat-card.emerald .od2-stat-icon{background:#10b9811a;color:#10b981}.od2-stat-card.amber .od2-stat-icon{background:#f59e0b1a;color:#f59e0b}.od2-stat-info span{font-size:11px;font-weight:700;color:var(--od-muted);text-transform:uppercase;letter-spacing:.05em}.od2-stat-info strong{display:block;font-size:24px;font-weight:800;margin-top:4px;letter-spacing:-.02em}.od2-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.od2-panel{background:var(--od-card);border:1px solid var(--od-border);border-radius:24px;padding:24px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:20px}.od2-panel-head{display:flex;align-items:center;justify-content:space-between}.od2-panel-head h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.02em}.od2-chart-filters{display:flex;background:#0000000d;padding:4px;border-radius:12px;gap:4px}[data-theme=dark] .od2-chart-filters{background:#ffffff0d}.od2-chart-filter-btn{padding:6px 12px;border:none;background:transparent;color:var(--od-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.od2-chart-filter-btn:hover{color:var(--od-text);background:#00000008}[data-theme=dark] .od2-chart-filter-btn:hover{background:#ffffff08}.od2-chart-filter-btn.active{background:var(--od-surface);color:var(--od-primary);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .od2-chart-filter-btn.active{background:#1e293b;box-shadow:0 4px 12px #0003}.od2-list{display:flex;flex-direction:column;gap:12px}.od2-list-item{display:flex;align-items:center;gap:16px;padding:16px;background:#00000004;border-radius:16px;border:1px solid transparent;transition:all .2s}[data-theme=dark] .od2-list-item{background:#ffffff05}.od2-list-item:hover{background:var(--od-bg);border-color:var(--od-border);transform:translate(4px)}.od2-item-avatar{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--od-bg);border:1px solid var(--od-border);color:var(--od-primary);font-weight:700;flex-shrink:0}.od2-item-main{flex:1;min-width:0}.od2-item-main strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od2-item-main span{font-size:12px;color:var(--od-muted)}.od2-item-metrics{display:flex;gap:24px;text-align:right;flex-shrink:0}.od2-metric{display:flex;flex-direction:column}.od2-metric span{font-size:10px;text-transform:uppercase;font-weight:700;color:var(--od-muted);letter-spacing:.05em}.od2-metric strong{font-size:14px}.od2-mini-stats{display:grid;gap:16px}.od2-mini-stat{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#6366f10a;border-radius:12px}.od2-mini-stat span{font-size:13px;font-weight:600}.od2-mini-stat strong{font-size:15px;color:var(--od-primary)}@keyframes od-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes od-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.od2-stat-grid{grid-template-columns:repeat(3,1fr)}.od2-content-grid{grid-template-columns:1fr}}@media(max-width:768px){.od2-root{padding:24px}.od2-header{flex-direction:column;align-items:flex-start}.od2-stat-grid{grid-template-columns:repeat(2,1fr)}.od2-item-metrics{display:none}}:root{--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .4);--accent-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%)}.project-setup-container{padding:0;max-width:100%;min-height:100%;background:var(--bg-primary);font-family:Inter,system-ui,-apple-system,sans-serif}.cost-planning-split{display:grid;grid-template-columns:1fr 340px;gap:24px;padding:24px;align-items:start}@media(max-width:1200px){.cost-planning-split{grid-template-columns:1fr}}.pfs-card,.section-card,.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px -5px #0000000d;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s}.pfs-card{padding:24px;margin-bottom:20px}.pfs-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pfs-card-title{font-size:16px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.01em}.pfs-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px 32px}.pfs-meta-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.pfs-meta-label{font-weight:600;color:var(--text-muted)}.pfs-meta-value{font-weight:700;color:var(--text-primary)}.cost-planning-right{display:flex;flex-direction:column;gap:16px;position:sticky;top:24px}.stat-card{padding:18px 20px;display:flex;flex-direction:column;gap:4px}.stat-card-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em}.stat-card-value{font-size:28px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.stat-card-sub{font-size:12px;color:var(--text-muted);font-weight:500}.margin-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.margin-row:last-child{border-bottom:none}.margin-pill{min-width:50px;justify-content:center;padding:4px 12px;border-radius:8px;font-weight:800;font-size:11px;display:inline-flex;align-items:center;box-shadow:0 2px 4px #0000000d}.margin-pill.green{background:#10b98120;color:#059669;border:1px solid #10b98130}.margin-pill.yellow{background:#f59e0b20;color:#d97706;border:1px solid #f59e0b30}.margin-pill.red{background:#ef444420;color:#dc2626;border:1px solid #ef444430}.variance-badge{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;display:inline-flex;align-items:center}.variance-badge.positive{background:#10b98115;color:#059669}.variance-badge.negative{background:#ef444415;color:#dc2626}.project-setup-table-wrapper{overflow-x:auto;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-color);margin-top:12px}.project-setup-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.project-setup-table thead th{background:var(--bg-tertiary);padding:14px 16px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border-color)}.project-setup-table tbody td{padding:12px 16px;border-bottom:1px solid var(--border-color);vertical-align:middle}.role-badge{padding:4px 8px;border-radius:6px;background:#6366f110;color:#6366f1;font-weight:700;font-size:11px}.planning-actions-footer{margin:24px;padding:24px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 25px -5px #0000000d}.btn-premium{height:44px;padding:0 24px;border-radius:12px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:10px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none}.btn-primary-premium{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary-premium:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.btn-secondary-premium{background:#fff;border:1px solid #e2e8f0;color:#475569}.btn-secondary-premium:hover{background:#f8fafc;border-color:#cbd5e1}[data-theme=dark] .pfs-card,[data-theme=dark] .section-card,[data-theme=dark] .stat-card,[data-theme=dark] .planning-actions-footer{background:#0f172a;border-color:#1e293b;box-shadow:0 4px 20px #0003}[data-theme=dark] .project-setup-table thead th{background:#1e293b}[data-theme=dark] .btn-secondary-premium{background:#1e293b;border-color:#334155;color:#94a3b8}[data-theme=dark] .project-setup-container{background:#020617}.create-project-page{min-height:100vh;background-color:var(--bg-primary);padding:24px;display:flex;justify-content:center;align-items:flex-start;transition:background-color .3s ease}.create-project-container{max-width:900px;width:100%;background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.create-project-header{padding:32px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.create-project-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.step-indicator{display:flex;gap:16px;align-items:center}.step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-dot.active{background:var(--primary-color);color:#fff;box-shadow:0 0 0 4px var(--bg-secondary),0 0 0 6px var(--primary-color)}.step-dot.completed{background:#10b981;color:#fff}.step-dot.pending{background:var(--bg-tertiary);color:var(--text-muted)}.create-project-content{padding:32px;background:var(--bg-secondary)}.create-project-actions{padding:24px 32px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;gap:16px;background:var(--bg-secondary)}.create-project-button{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:8px}.create-project-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.create-project-button-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.create-project-button-secondary:hover:not(:disabled){background:var(--border-color);transform:translateY(-1px)}.create-project-button-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.create-project-button-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 8px -1px #00000026,0 3px 6px -1px #0000001a}.project-type-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.project-type-card{border:2px solid var(--border-color);border-radius:16px;padding:32px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;background:var(--bg-tertiary);position:relative;overflow:hidden}.project-type-card:hover{border-color:var(--primary-color);transform:translateY(-4px);background:var(--bg-secondary);box-shadow:var(--shadow-md)}.project-type-card.selected{border-color:var(--primary-color);background:var(--bg-secondary);box-shadow:0 0 0 2px var(--primary-color)}.project-type-card-icon{font-size:48px;margin-bottom:20px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.project-type-card-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.project-type-card-description{font-size:14px;color:var(--text-secondary);line-height:1.6}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:10px;font-size:14px;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);background:var(--bg-secondary);box-shadow:0 0 0 3px #3b82f626}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus,[data-theme=dark] .form-group select:focus{box-shadow:0 0 0 3px #f9731626}.form-group textarea{resize:vertical;font-family:inherit;min-height:120px}.project-structure-options{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.project-structure-option{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-secondary);cursor:pointer;transition:border-color .2s ease,background .2s ease}.project-structure-option:hover{border-color:var(--border-strong)}.project-structure-option input[type=radio]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.project-structure-option span{font-size:14px;font-weight:600;color:var(--text-primary)}.site-config-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.site-config-card{padding:16px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-secondary)}.site-config-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}h2{font-size:20px;font-weight:700;color:var(--text-primary)!important;margin-bottom:24px;letter-spacing:-.01em}p{color:var(--text-secondary)!important}.daily-hours-input{display:flex;align-items:center;gap:16px;margin-top:8px;background:var(--bg-tertiary);padding:16px;border-radius:12px;border:1px solid var(--border-color)}.daily-hours-input input[type=number]{width:120px;text-align:center;font-size:24px;font-weight:700;background:var(--bg-secondary);border-color:var(--border-color)}.member-assignment-preview{margin-top:24px;padding:24px;background:var(--bg-tertiary);border-radius:16px;border:1px solid var(--border-color)}.member-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px}.member-preview-card{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease}.member-preview-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.member-preview-info{flex:1}.member-preview-email{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.member-preview-role{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;background:var(--bg-primary);color:var(--text-secondary);font-size:12px;font-weight:500;border:1px solid var(--border-color)}.remove-member-button{background:#ef44441a;border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ef4444;font-size:18px;transition:all .2s}.remove-member-button:hover{background:#ef4444;color:#fff}.user-selection-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;background:var(--bg-secondary);border:1px solid var(--border-color);margin-bottom:8px;transition:all .2s}.user-selection-item:hover{background:var(--bg-tertiary)}.user-selection-item.selected{background:#3b82f60d;border-color:var(--primary-color)}[data-theme=dark] .user-selection-item.selected{background:#f973161a}input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.info-panel{padding:20px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:12px;margin-bottom:24px}[data-theme=dark] .info-panel{background:#f973161a;border-color:#f9731633}.info-title{font-size:14px;font-weight:700;color:var(--primary-color);margin-bottom:8px;display:flex;align-items:center;gap:8px}.info-content{font-size:14px;color:var(--text-secondary);line-height:1.6}.timezone-info-banner{margin-top:-12px;margin-bottom:24px;padding:12px 16px;background:var(--bg-tertiary);border-radius:10px;border-left:4px solid var(--primary-color);font-size:13px;color:var(--text-secondary);line-height:1.5}.warning-panel{padding:16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:12px}.warning-title{font-size:14px;font-weight:700;color:#f59e0b;margin-bottom:4px}.warning-content{font-size:14px;color:var(--text-secondary)}.error-message{padding:16px;background:#ef44441a;color:#ef4444;border-radius:12px;border:1px solid rgba(239,68,68,.2);margin-bottom:24px;font-size:14px;display:flex;align-items:center;gap:12px}.field-inline-hint{margin-top:8px;font-size:12px;color:var(--text-muted)}.field-inline-error{margin-top:8px;font-size:12px;color:#ef4444;font-weight:600}.field-inline-action{appearance:none;border:0;background:transparent;color:var(--primary-color);font-size:12px;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.field-inline-action:disabled{opacity:.6;cursor:not-allowed;text-decoration:none}.input-inline-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441f}@media(max-width:768px){.create-project-page{padding:16px}.create-project-header{flex-direction:column;gap:16px;align-items:flex-start}.project-type-cards,.form-grid-2,.form-grid-3,.member-preview-grid{grid-template-columns:1fr}}.timezone-search-container{width:100%}.timezone-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-lg);max-height:250px;overflow-y:auto;z-index:1000;margin-top:4px}.timezone-option{padding:12px 16px;cursor:pointer;color:var(--text-primary);transition:all .2s ease;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--border-color)}.timezone-option:hover{background:var(--bg-tertiary);color:var(--primary-color)}.timezone-option.selected{background:#3b82f61a;color:var(--primary-color);font-weight:600}.timezone-option .tz-name{font-size:14px;font-weight:700}.timezone-option .tz-full{font-size:11px;color:var(--text-secondary)}.pm-selection-row{display:flex;gap:12px;align-items:center}.pm-select-main{flex:1}.pm-currency-select{width:90px!important;font-weight:700;color:var(--primary-color)!important;background:var(--bg-tertiary)!important;padding-right:8px!important}[data-theme=dark] .timezone-option.selected{background:#f973161a}.timezone-option.no-results{color:var(--text-muted);font-style:italic;cursor:default}.timezone-dropdown-overlay{position:fixed;inset:0;z-index:999;background:transparent}.project-planning-page{min-height:100vh;background-color:var(--bg-primary);display:flex;flex-direction:column}.planning-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;box-shadow:0 2px 12px #0000000a}.planning-header-left{display:flex;align-items:center;gap:20px}.planning-back-button{padding:8px 16px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;white-space:nowrap}.planning-back-button:hover{background:var(--bg-secondary);border-color:var(--border-strong);color:var(--text-primary);transform:translate(-2px);box-shadow:0 2px 8px #00000014}.planning-header h1{font-size:22px;font-weight:800;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:12px;letter-spacing:-.02em}.planning-header-info{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.planning-header-info-item{display:flex;align-items:center;gap:6px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:6px 12px;font-size:13px;color:var(--text-secondary);transition:border-color .2s}.planning-header-info-item:hover{border-color:var(--border-strong)}.planning-header-info-label{font-weight:700;color:var(--text-primary);font-size:12px}.planning-sheet-container{flex:1;overflow:auto;padding:28px 32px}.planning-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:16px 32px;display:flex;justify-content:space-between;align-items:center;gap:16px}.planning-footer-actions{display:flex;gap:12px}.planning-button{padding:10px 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:8px}.planning-button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.planning-button-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1.5px solid var(--border-color)}.planning-button-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-strong)}.planning-button-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb),.25)}.planning-button-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px rgba(var(--primary-rgb),.32);filter:brightness(1.06)}.planning-button-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98140}.planning-button-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #10b98152}.planning-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:12.5px;font-weight:700;letter-spacing:.02em}.planning-status-draft{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.25)}.planning-status-ready{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.25)}.planning-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;gap:16px}.planning-loading-spinner{width:44px;height:44px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.planning-error{padding:16px 20px;background:#ef44440f;color:#dc2626;border-radius:12px;border:1px solid rgba(239,68,68,.2);border-left:4px solid #ef4444;margin:24px 0;font-size:14px;font-weight:500}@media(max-width:1024px){.planning-header{padding:16px 20px;flex-direction:column;align-items:flex-start}.planning-header-info{gap:8px}.planning-sheet-container{padding:16px 20px}.planning-footer{padding:12px 20px;flex-direction:column;align-items:stretch}.planning-footer-actions{width:100%}}@media(max-width:768px){.planning-header h1{font-size:18px}.planning-footer-actions{flex-direction:column}}.fabric-analytics-container{padding:24px;background-color:var(--color-background);min-height:100vh;color:var(--color-text-primary)}.analytics-header{margin-bottom:32px}.analytics-title{font-size:28px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.analytics-subtitle{color:var(--color-text-secondary);font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:var(--color-surface);padding:24px;border-radius:12px;border:1px solid var(--color-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.stat-label{font-size:14px;color:#6c757d;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:32px;font-weight:700;color:var(--color-text-primary)}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:32px}.chart-card{background:var(--color-surface);padding:24px;border-radius:12px;border:1px solid var(--color-border);box-shadow:0 4px 6px -1px #0000001a;height:400px;display:flex;flex-direction:column;min-width:0;position:relative}.chart-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:24px}.data-table-section{background:var(--color-surface);padding:24px;border-radius:12px;border:1px solid var(--color-border);box-shadow:0 4px 6px -1px #0000001a;overflow-x:auto}.fabric-table{width:100%;border-collapse:collapse}.fabric-table th{text-align:left;padding:16px;border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-weight:600;white-space:nowrap}.fabric-table td{padding:16px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.fabric-table tr:hover{background-color:var(--color-background)}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-completed{background-color:#d4edda;color:#155724}.status-in-progress{background-color:#fff3cd;color:#856404}.status-pending{background-color:#e2e3e5;color:#383d41}@media(max-width:768px){.charts-section{grid-template-columns:1fr}}.pa-root{--pa-bg: var(--bg-primary, #f8fafc);--pa-surface: var(--bg-secondary, #fff);--pa-border: var(--border-color, #e2e8f0);--pa-text: var(--text-primary, #0f172a);--pa-muted: var(--text-secondary, #64748b);--pa-indigo: #4f46e5;--pa-green: #10b981;--pa-teal: #06b6d4;--pa-orange: #f97316;--pa-purple: #8b5cf6;--pa-red: #ef4444;min-height:100vh;background:var(--pa-bg);color:var(--pa-text);font-family:Inter,system-ui,sans-serif;animation:pa-fade-in .4s ease-out;padding-bottom:60px}@keyframes pa-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .pa-root{--pa-bg: #020617;--pa-surface: #0f172a;--pa-border: rgba(255, 255, 255, .06);--pa-text: #f8fafc;--pa-muted: #94a3b8}.pa-header{display:flex;align-items:center;gap:24px;padding:16px 40px;background:var(--pa-surface);border-bottom:1px solid var(--pa-border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pa-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--pa-border);background:transparent;border-radius:12px;color:var(--pa-muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.pa-back-btn:hover{background:var(--pa-bg);color:var(--pa-indigo);border-color:var(--pa-indigo);transform:translate(-2px)}.pa-header-info{display:flex;align-items:center;gap:20px;flex:1}.pa-header-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#4f46e51a,#8b5cf61a);display:flex;align-items:center;justify-content:center;color:var(--pa-indigo);box-shadow:0 4px 12px #4f46e514}.pa-title{margin:0 0 4px;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--pa-text)}.pa-meta{display:flex;align-items:center;gap:12px}.pa-badge{padding:4px 12px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pa-badge--active{background:#dcfce7;color:#166534}.pa-badge--planned{background:#e0e7ff;color:#3730a3}.pa-badge--on_hold{background:#fef3c7;color:#92400e}.pa-badge--type{background:#f1f5f9;color:#475569}.pa-meta-date{font-size:13px;color:var(--pa-muted);font-weight:500}.pa-body{padding:32px 40px;max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.pa-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.pa-kpi-card{background:var(--pa-surface);border:1px solid var(--pa-border);border-radius:20px;padding:24px;display:flex;align-items:center;gap:18px;box-shadow:0 1px 3px #00000003;transition:transform .2s,box-shadow .2s}.pa-kpi-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #00000014}.pa-kpi-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.pa-kpi-icon--blue{background:#3b82f614;color:#3b82f6}.pa-kpi-icon--purple{background:#8b5cf614;color:#8b5cf6}.pa-kpi-icon--teal{background:#14b8a614;color:#14b8a6}.pa-kpi-icon--green{background:#10b98114;color:#10b981}.pa-kpi-icon--orange{background:#f59e0b14;color:#f59e0b}.pa-kpi-info{flex:1}.pa-kpi-label{font-size:13px;color:var(--pa-muted);font-weight:600;display:block;margin-bottom:4px}.pa-kpi-value{font-size:26px;font-weight:800;color:var(--pa-text);letter-spacing:-.01em}.pa-kpi-stats{display:block;font-size:11px;font-weight:700;margin-top:4px}.pa-kpi-stats.pos{color:#10b981}.pa-kpi-stats.neg{color:#ef4444}.pa-ts-summary{font-size:11px;color:var(--pa-muted);font-weight:600;margin-top:4px;display:flex;gap:8px}.pa-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pa-panel{background:var(--pa-surface);border:1px solid var(--pa-border);border-radius:24px;padding:28px;box-shadow:0 4px 6px -1px #00000005}.pa-panel-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}.pa-panel-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.pa-panel-icon--blue{background:#4f46e514;color:var(--pa-indigo)}.pa-panel-icon--green{background:#10b98114;color:#10b981}.pa-panel-icon--purple{background:#8b5cf614;color:#8b5cf6}.pa-panel-head h2{font-size:18px;font-weight:700;color:var(--pa-text);margin:0}.pa-panel-head p{font-size:13px;color:var(--pa-muted);margin:4px 0 0}.pa-fin-summary{display:flex;gap:32px;margin-top:20px;padding-top:20px;border-top:1px solid var(--pa-border)}.pa-fin-stat{display:flex;flex-direction:column;gap:4px}.pa-fin-stat span{font-size:12px;color:var(--pa-muted);font-weight:600}.pa-fin-stat strong{font-size:16px;font-weight:700}.pa-fin-stat strong.good{color:#10b981}.pa-fin-stat strong.bad{color:#ef4444}.pa-table-container{overflow-x:auto;margin-top:8px}.pa-members-table{width:100%;border-collapse:separate;border-spacing:0}.pa-members-table th{padding:16px;text-align:left;font-size:12px;font-weight:700;color:var(--pa-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--pa-border)}.pa-members-table td{padding:20px 16px;border-bottom:1px solid var(--pa-border);vertical-align:middle}.pa-members-table tr:last-child td{border-bottom:none}.pa-user{display:flex;align-items:center;gap:14px}.pa-avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}.pa-user-info strong{display:block;font-size:14px;color:var(--pa-text);margin-bottom:2px}.pa-user-info span{font-size:12px;color:var(--pa-muted)}.pa-tag{padding:4px 10px;border-radius:6px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:700}.pa-status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;background:color-mix(in srgb,var(--pill-color) 12%,transparent);color:var(--pill-color)}.pa-contribution{width:100%}.pa-progress-bg{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:8px}.pa-progress-fill{height:100%;background:var(--pa-indigo);border-radius:3px}.pa-contribution-info{display:flex;justify-content:space-between;font-size:11px}.pa-contribution-info span{color:var(--pa-muted)}.pa-contribution-info strong{color:var(--pa-text);font-weight:700}.pa-num-col{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;text-align:right}.pa-actual-stat{text-align:right}.pa-actual-stat strong{display:block}.pa-actual-stat span{font-size:11px;font-weight:700}.pa-actual-stat span.pos{color:#10b981}.pa-actual-stat span.neg{color:#ef4444}.pa-impact{display:flex;flex-direction:column;gap:4px}.pa-impact-item{display:flex;justify-content:space-between;font-size:11px;gap:12px}.pa-impact-item span{color:var(--pa-muted);font-weight:500}.pa-impact-item strong{color:var(--pa-text);font-weight:700}.pa-table-empty{padding:60px;text-align:center;color:var(--pa-muted)}.pa-table-empty p{margin-top:12px;font-size:15px;font-weight:500}.highlight-col{background:#10b98108;font-weight:700!important}[data-theme=dark] .highlight-col{background:#10b9810d}.pa-kpi-card.highlight{border-color:var(--pa-green);background:linear-gradient(135deg,var(--pa-surface),rgba(16,185,129,.05))}.pa-approved-stat{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.pa-progress-mini{width:60px;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}[data-theme=dark] .pa-progress-mini{background:#ffffff1a}.pa-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px;color:var(--pa-muted)}.pa-spinner{width:40px;height:40px;border:3px solid rgba(79,70,229,.1);border-top-color:var(--pa-indigo);border-radius:50%;animation:pa-spin .8s linear infinite;margin-bottom:20px}@keyframes pa-spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.pa-charts-row{grid-template-columns:1fr}}.toast-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:450px;width:90%}.toast-item{pointer-events:auto;background:var(--bg-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;padding:24px 32px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;position:relative;overflow:hidden;text-align:center}.toast-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.toast-success:before{background:var(--color-success)}.toast-error:before{background:var(--color-error)}.toast-warning:before{background:var(--color-warning)}.toast-info:before{background:var(--color-primary)}.toast-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;font-size:24px;margin-bottom:8px}.toast-success .toast-icon{background:#10b9811a;color:var(--color-success)}.toast-error .toast-icon{background:#ef44441a;color:var(--color-error)}.toast-warning .toast-icon{background:#f59e0b1a;color:var(--color-warning)}.toast-info .toast-icon{background:#3b82f61a;color:var(--color-primary)}.toast-content{flex:1}.toast-content p{margin:0;color:var(--color-text-primary);font-size:16px;line-height:1.6;font-weight:500;text-align:center}.toast-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;font-size:20px;line-height:1;transition:color .2s;position:absolute;top:12px;right:12px}.toast-close:hover{color:#f8fafc}@keyframes premium-pop-in{0%{opacity:0;transform:scale(.9) translateY(20px);filter:blur(10px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.animate-premium-pop-in{animation:premium-pop-in .4s cubic-bezier(.34,1.56,.64,1) forwards}@media(max-width:480px){.toast-container{width:95%}}