@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.toast-container{z-index:999999;pointer-events:none;flex-direction:column;gap:12px;max-width:calc(100vw - 48px);display:flex;position:fixed;top:24px;right:24px}.toast-card{pointer-events:auto;-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #ffffff80;border-radius:12px;align-items:center;gap:12px;min-width:300px;max-width:400px;padding:14px 16px;animation:.35s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #00000014,0 8px 16px -6px #0000000d}[data-theme=dark] .toast-card{background:#1e293bd9;border:1px solid #ffffff14;box-shadow:0 10px 25px -5px #0000004d,0 8px 16px -6px #0003}@keyframes toastSlideIn{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}.toast-icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.toast-icon{font-size:14px;font-weight:700}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon-wrapper{color:#10b981;background:#10b98126}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon-wrapper{color:#ef4444;background:#ef444426}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon-wrapper{color:#3b82f6;background:#3b82f626}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon-wrapper{color:#f59e0b;background:#f59e0b26}.toast-content{flex:1}.toast-message{color:#1e293b;font-size:14px;font-weight:500}[data-theme=dark] .toast-message{color:#f8fafc}.toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:20px;line-height:1;transition:color .2s,transform .2s;display:flex}.toast-close:hover{color:#64748b;transform:scale(1.15)}[data-theme=dark] .toast-close:hover{color:#cbd5e1}.toast-progress-bar{background:#10b98166;width:100%;height:3px;animation:linear forwards shrinkProgress;position:absolute;bottom:0;left:0}.toast-error .toast-progress-bar{background:#ef444466}.toast-info .toast-progress-bar{background:#3b82f666}.toast-warning .toast-progress-bar{background:#f59e0b66}@keyframes shrinkProgress{0%{width:100%}to{width:0%}}@media (width<=480px){.toast-container{max-width:none;inset:auto 24px 24px}.toast-card{width:100%;min-width:0;animation:.35s cubic-bezier(.16,1,.3,1) forwards toastSlideInMobile}}@keyframes toastSlideInMobile{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}:root{--surface:#ffffffe0;--backdrop-blur:blur(16px);--primary:#5c9032;--primary-hover:#4a7527;--primary-gradient:linear-gradient(135deg, #7cb342, #5c9032);--primary-glow:#5c903233;--primary-glow-hover:#5c903259;--text:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#00000014;--border-hover:#5c90324d;--shadow:0 10px 30px #0f172a0a, 0 1px 3px #00000005;--transition:all .3s cubic-bezier(.2, .8, .2, 1);--font:"Inter", system-ui, sans-serif}.navbar{background:var(--surface);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border);box-shadow:var(--shadow);z-index:1000;font-family:var(--font);transition:var(--transition);margin-bottom:0;padding:.85rem 0;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;width:100%;padding:0 2rem;display:flex;position:relative}.navbar-logo-link{transition:var(--transition);align-items:center;display:flex}.navbar-logo-link:hover{opacity:.85}.navbar-logo{object-fit:contain;width:auto;height:38px}.logo-light{display:block}.logo-dark,:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:block}.navbar-brand-text{letter-spacing:-.5px;background:var(--primary-gradient);-webkit-text-fill-color:transparent;transition:var(--transition);-webkit-background-clip:text;font-size:1.4rem;font-weight:800;text-decoration:none;position:absolute;left:50%;transform:translate(-50%)}.navbar-brand-text:hover{opacity:.85}.navbar-user{align-items:center;gap:1.25rem;display:flex}.profile-dropdown-container{margin-bottom:-8px;padding-bottom:8px;position:relative}.profile-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.profile-btn:hover{color:var(--primary);background-color:#0f172a0f;transform:scale(1.05)}.notification-dropdown-container{margin-bottom:-8px;padding-bottom:8px;position:relative}.notification-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.notification-btn:hover{color:var(--primary);background-color:#0f172a0f;transform:scale(1.05)}.theme-toggle-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.theme-toggle-btn:hover{color:var(--primary);background-color:#0f172a0f;transform:scale(1.05)}.notification-badge-dot{background-color:#ef4444;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.notification-dropdown{border:1px solid var(--border);z-index:1000;box-sizing:border-box;background:#fff;border-radius:14px;width:300px;padding:1rem;display:none;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #0f172a14,0 4px 12px #00000005}.notification-dropdown-container:hover .notification-dropdown{display:block}.notification-header{justify-content:space-between;align-items:center;display:flex}.notification-header h3{color:var(--text);margin:0;font-size:.95rem;font-weight:700}.notification-count{color:var(--primary);background-color:#5c903214;border-radius:99px;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.notification-list{flex-direction:column;gap:.5rem;max-height:240px;display:flex;overflow-y:auto}.notification-item{transition:var(--transition);border-radius:8px;align-items:flex-start;gap:.5rem;padding:.5rem;display:flex}.notification-item:hover{background-color:#0f172a05}.notification-item-dot{background-color:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.notification-item-content{flex-direction:column;flex:1;gap:.2rem;display:flex}.notification-text{color:var(--text-secondary);text-align:left;margin:0;font-size:.825rem;line-height:1.35}.notification-time{color:var(--text-muted);text-align:left;font-size:.725rem}.profile-dropdown{border:1px solid var(--border);z-index:1000;box-sizing:border-box;background:#fff;border-radius:14px;width:max-content;max-width:400px;padding:.85rem 1.25rem;display:none;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #0f172a14,0 4px 12px #00000005}.profile-dropdown-container:hover .profile-dropdown{display:block}.dropdown-user-info{flex-direction:row;align-items:center;gap:.75rem;display:flex}.dropdown-email{color:var(--text);font-size:.9rem;font-weight:600}.dropdown-role{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;background-color:#5c903214;border:1px solid #5c903226;border-radius:99px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.dropdown-divider{background-color:var(--border);height:1px;margin:.75rem 0}.dropdown-nav{flex-direction:column;gap:.25rem;display:flex}.dropdown-link{color:var(--text-secondary);transition:var(--transition);border-radius:8px;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.dropdown-link:hover{color:var(--primary);background-color:#5c90320f}.dropdown-link-icon{justify-content:center;align-items:center;font-size:1rem;display:flex}.logout-btn-icon{color:#0f172a;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.logout-btn-icon:hover{color:#000;background-color:#0f172a0f;transform:scale(1.08)}.logout-btn-icon:active{transform:scale(.95)}.navbar-toggle{display:none}@media (width<=768px){.navbar{width:100%;position:fixed;top:0;left:0;right:0}.navbar-user{display:none}.navbar-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:16px;padding:0;display:flex}.hamburger-bar{background-color:var(--text-secondary);width:100%;height:2.2px;transition:var(--transition);border-radius:2px}.navbar-toggle:hover .hamburger-bar{background-color:var(--primary)}.navbar-container{padding:0 1.25rem}.navbar-brand-text{display:none}}:root[data-theme=dark]{--surface:#0f172ae0;--border:#ffffff14;--text:#f8fafc;--text-secondary:#94a3b8;--shadow:0 10px 30px #0003, 0 1px 3px #0000001a}[data-theme=dark] .theme-toggle-btn:hover,[data-theme=dark] .profile-btn:hover,[data-theme=dark] .notification-btn:hover,[data-theme=dark] .logout-btn-icon:hover{color:var(--primary);background-color:#ffffff0f}[data-theme=dark] .profile-dropdown,[data-theme=dark] .notification-dropdown{background:#1e293b;border-color:#ffffff14;box-shadow:0 10px 30px #00000040}[data-theme=dark] .dropdown-email,[data-theme=dark] .notification-header h3{color:#f8fafc}[data-theme=dark] .notification-item:hover{background-color:#ffffff05}[data-theme=dark] .notification-badge-dot{border-color:#1e293b}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:10000;background-color:#0f172a;border-radius:6px;padding:.4rem .65rem;font-size:.75rem;font-weight:600;transition:all .2s cubic-bezier(.2,.8,.2,1);position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 4px 12px #0f172a26}:root[data-theme=dark] [data-tooltip]:before{color:#0f172a;background-color:#f1f5f9;box-shadow:0 4px 12px #00000040}[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translate(-50%)translateY(4px)}.profile-dropdown-container:hover [data-tooltip]:before,.notification-dropdown-container:hover [data-tooltip]:before{opacity:0;visibility:hidden}.navbar-profile-avatar{object-fit:cover;border:2px solid var(--primary);width:72px;height:72px;transition:var(--transition);border-radius:50%}.profile-btn:hover .navbar-profile-avatar{border-color:var(--primary-hover)}.profile-btn{padding:0}.dropdown-logout-btn{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit}:root{--surface:#ffffffe0;--backdrop-blur:blur(16px);--primary:#5c9032;--primary-hover:#4a7527;--primary-gradient:linear-gradient(135deg, #7cb342, #5c9032);--text:#0f172a;--text-secondary:#475569;--border:#00000014;--transition:all .3s cubic-bezier(.2, .8, .2, 1);--font:"Inter", system-ui, sans-serif}.sidebar{background:var(--surface);width:260px;-webkit-backdrop-filter:var(--backdrop-blur);border-right:1px solid var(--border);box-sizing:border-box;height:100%;font-family:var(--font);transition:var(--transition);flex-direction:column;flex-shrink:0;padding:1.5rem 0;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-nav{flex-direction:column;gap:.25rem;display:flex}.sidebar-link{color:var(--text-secondary);transition:var(--transition);box-sizing:border-box;border-radius:12px;align-items:center;gap:.85rem;margin:.25rem 1rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;display:flex;position:relative}.sidebar-badge{color:#fff;text-align:center;background:#ef4444;border-radius:999px;min-width:20px;height:20px;padding:0 8px;font-size:.75rem;font-weight:700;line-height:20px;position:absolute;top:calc(50% - 10px);right:1rem}.sidebar-link:hover{color:var(--primary);background-color:#5c90320a}.sidebar-link.active{color:var(--primary);background-color:#5c903214;box-shadow:inset 0 0 0 1px #5c90321a}.sidebar-icon{transition:var(--transition);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.sidebar-link:hover .sidebar-icon,.sidebar-link.active .sidebar-icon{transform:scale(1.1)}.sidebar-label{transition:color var(--transition)}.sidebar-header,.sidebar-user{display:none}@media (width<=768px){.sidebar{z-index:999;background:#fff;height:calc(100vh - 65px);min-height:calc(100vh - 65px);position:fixed;top:65px;left:-260px;box-shadow:10px 0 30px #0f172a0d}.sidebar.open{left:0}.sidebar-user{border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;padding:1.25rem 1.5rem;display:flex}.sidebar-user-header{flex-direction:row;align-items:center;gap:.75rem;width:100%;display:flex}.sidebar-user-name{color:var(--text);word-break:break-all;font-size:.95rem;font-weight:600}.sidebar-user-avatar{object-fit:cover;border:2px solid var(--primary);border-radius:50%;width:40px;height:40px}.sidebar-user-avatar-placeholder{width:40px;height:40px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.sidebar-user-role{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;background-color:#5c903214;border:1px solid #5c903226;border-radius:99px;align-self:flex-start;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.logout-btn-icon{color:#0f172a;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.logout-btn-icon:hover{color:#000;background-color:#0f172a0f;transform:scale(1.08)}.logout-btn-icon:active{transform:scale(.95)}.sidebar-header{border-bottom:1px solid var(--border);align-items:center;margin-bottom:.5rem;padding:1.25rem 1.5rem;display:flex}.sidebar-brand-title{letter-spacing:-.5px;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}}:root[data-theme=dark]{--surface:#0f172ae0;--border:#ffffff14;--text:#f8fafc;--text-secondary:#94a3b8}[data-theme=dark] .sidebar-link:hover{background-color:#ffffff05}[data-theme=dark] .sidebar-link.active{background-color:#5c903226}[data-theme=dark] .logout-btn-icon{color:#f8fafc}[data-theme=dark] .logout-btn-icon:hover{color:var(--primary);background-color:#ffffff0f}@media (width<=768px){[data-theme=dark] .sidebar{background:#0f172a;box-shadow:10px 0 30px #0000004d}}.sidebar-user [data-tooltip]:before{top:auto;bottom:100%;transform:translate(-50%)translateY(-8px)}.sidebar-user [data-tooltip]:hover:before{transform:translate(-50%)translateY(-4px)}.sidebar-mobile-only-nav{display:none}.sidebar-theme-toggle-btn-link,.sidebar-logout-btn-link{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-family:inherit}@media (width<=768px){.sidebar-mobile-only-nav{border-top:1px solid var(--border);flex-direction:column;gap:.25rem;margin-top:.75rem;padding-top:.75rem;display:flex}}.sidebar-collapse-btn{color:var(--text-secondary);transition:var(--transition);cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:12px;align-items:center;gap:.85rem;width:calc(100% - 2rem);margin:.25rem 1rem 1rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;display:flex}.sidebar-collapse-btn:hover{color:var(--primary);background-color:#5c90320a}.collapse-icon-wrapper svg{transition:transform var(--transition)}.sidebar.collapsed .collapse-icon-wrapper svg{transform:rotate(180deg)}@media (width>=769px){.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-label{display:none}.sidebar.collapsed .sidebar-link{justify-content:center;gap:0;margin:.25rem .75rem;padding:.85rem 0}.sidebar.collapsed .sidebar-link .sidebar-icon{margin:0}.sidebar.collapsed .sidebar-collapse-btn{justify-content:center;gap:0;width:calc(100% - 1.5rem);margin:.25rem .75rem 1rem;padding:.85rem 0}.sidebar.collapsed .sidebar-badge{text-indent:-9999px;border-radius:50%;width:8px;min-width:8px;height:8px;padding:0;top:4px;right:4px;overflow:hidden}}@media (width<=768px){.sidebar-collapse-btn{display:none}}:root{--bg:#f8fafc;--bg-gradient1:#eef2ff;--bg-gradient2:#dbeafe;--surface:#ffffffe0;--backdrop-blur:blur(16px);--primary:#5c9032;--primary-hover:#4a7527;--primary-gradient:linear-gradient(135deg, #7cb342, #5c9032);--primary-glow:#5c903233;--primary-glow-hover:#5c903259;--text:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#00000014;--border-hover:#5c90324d;--danger:#ef4444;--danger-bg:#fef2f2;--radius:18px;--shadow-sm:0 4px 10px #0000000a;--shadow:0 20px 45px #0f172a0f, 0 4px 12px #00000005;--transition:all .3s cubic-bezier(.2, .8, .2, 1);--font:"Inter", system-ui, sans-serif}body{margin:0;padding:0}._page_1gemt_53{min-height:100vh;font-family:var(--font);box-sizing:border-box;background-image:linear-gradient(#0f172a33,#0f172a33),url(/norsys-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;padding:40px;transition:background-image .5s;display:flex}._card_1gemt_73{background:var(--surface);width:100%;max-width:680px;-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border);box-shadow:var(--shadow);transition:var(--transition);box-sizing:border-box;border-radius:22px;padding:40px;animation:.6s cubic-bezier(.2,.8,.2,1) _cardIn_1gemt_1}._card_1gemt_73:hover{transform:translateY(-4px);box-shadow:0 28px 55px #0f172a1f}@keyframes _cardIn_1gemt_1{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}._header_1gemt_108{border-bottom:1px solid #0000000f;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:28px;padding-bottom:24px;display:flex}._headerText_1gemt_118{text-align:left;flex-direction:column;align-items:flex-start;display:flex}._logo_1gemt_129{object-fit:contain;width:240px;height:240px;transition:var(--transition);flex-shrink:0;align-self:center;margin:0;animation:.8s _logoIn_1gemt_1;display:block}._logo_1gemt_129:hover{transform:scale(1.03)rotate(-1deg)}@keyframes _logoIn_1gemt_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._title_1gemt_160{color:var(--text);letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:700}._subtitle_1gemt_168{color:var(--text-secondary);margin:0;font-size:14px;font-weight:400;line-height:1.4}._form_1gemt_180{flex-direction:column;gap:20px;display:flex}._field_1gemt_186{opacity:0;flex-direction:column;gap:8px;animation:.4s forwards _fieldIn_1gemt_1;display:flex;transform:translateY(10px)}._field_1gemt_186:first-child{animation-delay:.1s}._field_1gemt_186:nth-child(2){animation-delay:.2s}._field_1gemt_186:nth-child(3){animation-delay:.3s}@keyframes _fieldIn_1gemt_1{to{opacity:1;transform:translateY(0)}}._label_1gemt_206{color:var(--text);font-size:14px;font-weight:600}._inputWrap_1gemt_212{position:relative}._input_1gemt_212{border:1px solid var(--border);width:100%;height:50px;transition:var(--transition);box-sizing:border-box;color:var(--text);background:#fff;border-radius:12px;padding:0 16px;font-family:inherit;font-size:15px}._input_1gemt_212::placeholder{color:var(--text-muted);opacity:1}._input_1gemt_212:hover{border-color:var(--border-hover)}._input_1gemt_212:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background:#fff;outline:none}._input_1gemt_212:disabled{opacity:.6;cursor:not-allowed;background:#f1f5f9}._inputError_1gemt_258{border-color:var(--danger)}._inputError_1gemt_258:focus{box-shadow:0 0 0 4px #ef444426}._fieldError_1gemt_266{color:var(--danger);margin-top:4px;font-size:13px;font-weight:500}._formError_1gemt_273{background:var(--danger-bg);color:var(--danger);border:1px solid #ef444433;border-radius:12px;padding:14px;font-size:14px;font-weight:500;line-height:1.4}._reveal_1gemt_288{cursor:pointer;color:#000;transition:var(--transition);background:0 0;border:none;align-items:center;padding:0;font-size:13px;font-weight:600;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}._reveal_1gemt_288:hover{opacity:.7}._row_1gemt_313{justify-content:space-between;align-items:center;margin-top:4px;font-size:14px;display:flex}._checkbox_1gemt_321{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-weight:500;display:flex}._checkbox_1gemt_321 input{accent-color:var(--primary);cursor:pointer;margin:0;transform:scale(1.1)}._link_1gemt_342{color:var(--primary);transition:var(--transition);font-weight:600;text-decoration:none;position:relative}._link_1gemt_342:hover{color:var(--primary-hover)}._link_1gemt_342:after{content:"";background:var(--primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-2px;left:0}._link_1gemt_342:hover:after{background:var(--primary-hover);width:100%}._submit_1gemt_374{background:var(--primary-gradient);color:#fff;cursor:pointer;height:52px;transition:var(--transition);box-shadow:0 10px 24px var(--primary-glow);border:none;border-radius:12px;margin-top:6px;font-size:15px;font-weight:600}._submit_1gemt_374:hover{box-shadow:0 14px 28px var(--primary-glow-hover);transform:translateY(-2px)}._submit_1gemt_374:active{transform:translateY(0)scale(.98)}._submit_1gemt_374:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}._strength_1gemt_408{gap:5px;margin-top:8px;display:flex}._strengthBar_1gemt_414{height:4px;transition:var(--transition);background:#e2e8f0;border-radius:999px;flex:1}._strengthOn_1gemt_422{background:var(--primary);box-shadow:0 0 8px var(--primary-glow)}._footer_1gemt_431{text-align:center;color:var(--text-secondary);margin-top:28px;font-size:14px;font-weight:500}@media (width<=768px){._page_1gemt_53{padding:20px}._card_1gemt_73{max-width:100%;padding:32px 20px}._header_1gemt_108{gap:12px;padding-bottom:20px}._headerText_1gemt_118{text-align:left;align-items:flex-start}._title_1gemt_160{font-size:24px}._logo_1gemt_129{object-fit:contain;width:180px;height:180px}._form_1gemt_180{gap:16px}}[data-theme=dark] ._page_1gemt_53{background-image:linear-gradient(#0f172abf,#0f172abf),url(/norsys-bg.jpg)}[data-theme=dark] ._card_1gemt_73{background:#1e293bd9;border-color:#ffffff14;box-shadow:0 20px 45px #00000059}[data-theme=dark] ._title_1gemt_160{color:#f8fafc}[data-theme=dark] ._subtitle_1gemt_168{color:#cbd5e1}[data-theme=dark] ._label_1gemt_206{color:#f8fafc}[data-theme=dark] ._input_1gemt_212{color:#f8fafc;background-color:#0f172a99;border-color:#ffffff14}[data-theme=dark] ._input_1gemt_212:focus{border-color:#5c9032;box-shadow:0 0 0 4px #5c903259}[data-theme=dark] ._checkbox_1gemt_321,[data-theme=dark] ._footer_1gemt_431{color:#cbd5e1}[data-theme=dark] ._logo_1gemt_129{filter:drop-shadow(0 0 10px #ffffff26)}[data-theme=dark] ._reveal_1gemt_288{color:#fff}._logoLight_1gemt_530{display:block}._logoDark_1gemt_534,[data-theme=dark] ._logoLight_1gemt_530{display:none}[data-theme=dark] ._logoDark_1gemt_534{display:block}._formGrid_1gemt_550{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}._fullWidth_1gemt_556{grid-column:span 2}._select_1gemt_560{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px!important}[data-theme=dark] ._select_1gemt_560{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}._fileInputLabel_1gemt_574{border:1px dashed var(--border);cursor:pointer;height:50px;color:var(--text-secondary);transition:var(--transition);box-sizing:border-box;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:0 16px;font-size:14px;font-weight:500;display:flex}._fileInputLabel_1gemt_574:hover{border-color:var(--primary);background:var(--primary-glow);color:var(--primary-hover)}[data-theme=dark] ._fileInputLabel_1gemt_574{background:#0f172a66;border-color:#ffffff26}[data-theme=dark] ._fileInputLabel_1gemt_574:hover{border-color:var(--primary);color:#f8fafc;background:#5c903226}._fileInput_1gemt_574{display:none}._fileInfo_1gemt_612{color:var(--text-secondary);align-items:center;gap:10px;margin-top:4px;font-size:13px;display:flex}._avatarPreview_1gemt_621{object-fit:cover;border:1.5px solid var(--primary);border-radius:50%;width:32px;height:32px}@media (width<=600px){._formGrid_1gemt_550{grid-template-columns:1fr;gap:16px}._fullWidth_1gemt_556{grid-column:span 1}}.dashboard{padding:2rem}.dashboard h1{color:#2c3e50;margin-bottom:2rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.dashboard-card{background:#fff;border:1px solid #ecf0f1;border-radius:6px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.dashboard-card h3{color:#2c3e50;border-bottom:2px solid #3498db;margin-top:0;padding-bottom:.5rem}.dashboard-card ul{margin:1rem 0 0;padding:0;list-style:none}.dashboard-card li{color:#34495e;border-bottom:1px solid #ecf0f1;padding:.5rem 0}.dashboard-card li:last-child{border-bottom:none}.dashboard-card a{color:#3498db;text-decoration:none}.dashboard-card a:hover{text-decoration:underline}.dashboard-card p{color:#555;margin:.5rem 0}.dashboard-actions{gap:1rem;margin-top:2rem;display:flex}.btn{cursor:pointer;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;text-decoration:none;transition:background-color .2s;display:inline-block}.btn-primary:hover{background-color:#4a7527}.error-message{color:#c00;background-color:#ffe6e6;border-radius:4px;margin-bottom:1rem;padding:1rem}.quick-access-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.quick-access-card{border:1px solid var(--border,#00000014);transition:var(--transition,all .3s cubic-bezier(.2, .8, .2, 1));background:#fff;border-radius:16px;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;text-decoration:none;display:flex;box-shadow:0 4px 12px #0f172a08}.quick-access-card:hover{border-color:#5c903240;transform:translateY(-4px);box-shadow:0 12px 24px #5c903214}.quick-access-icon{color:var(--primary,#5c9032);width:60px;height:60px;transition:var(--transition,all .3s cubic-bezier(.2, .8, .2, 1));background-color:#5c90320f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-access-card:hover .quick-access-icon{color:#fff;background-color:var(--primary,#5c9032);transform:scale(1.05)}.quick-access-info{text-align:left;flex-direction:column;gap:.25rem;display:flex}.quick-access-info h4{color:var(--text,#0f172a);transition:var(--transition,all .3s cubic-bezier(.2, .8, .2, 1));margin:0;font-size:1.1rem;font-weight:700}.quick-access-card:hover h4{color:var(--primary,#5c9032)}.quick-access-info p{color:var(--text-secondary,#475569);margin:0;font-size:.85rem;line-height:1.4}@media (width<=768px){.quick-access-grid,.quick-access-grid.user-grid{grid-template-columns:1fr;gap:1rem}}:root[data-theme=dark] .quick-access-card{background-color:#1e293b;border-color:#ffffff14;box-shadow:0 4px 12px #00000026}:root[data-theme=dark] .quick-access-card:hover{border-color:#5c903259;box-shadow:0 12px 24px #00000040}:root[data-theme=dark] .quick-access-icon{background-color:#ffffff08}:root[data-theme=dark] .quick-access-card:hover .quick-access-icon{background-color:var(--primary,#5c9032)}:root[data-theme=dark] .dashboard-card h3{border-bottom-color:#5c9032}.btn{cursor:pointer;text-align:center;border:none;border-radius:6px;padding:.65rem 1.25rem;font-size:.95rem;font-weight:550;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{color:#fff;background-color:#3498db}.btn-primary:hover{background-color:#2980b9;box-shadow:0 4px 10px #3498db40}.btn-secondary{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0}.btn-secondary:hover{color:#1e293b;background-color:#e2e8f0}[data-theme=dark] .btn-secondary{color:#cbd5e1;background-color:#334155;border-color:#475569}[data-theme=dark] .btn-secondary:hover{color:#f8fafc;background-color:#475569}.error-message{color:#dc2626;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.95rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group textarea{border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#5c9032;outline:none;box-shadow:0 0 0 3px #5c903226}.form-group input:disabled,.form-group textarea:disabled{cursor:not-allowed;color:#94a3b8;background-color:#f1f5f9}[data-theme=dark] .form-group input:disabled,[data-theme=dark] .form-group textarea:disabled{background-color:#0f172a}.projects-page{--pj-surface:#fff;--pj-surface-soft:#f8fafc;--pj-border:#e6ebf1;--pj-border-strong:#cfd8e3;--pj-text:#0f172a;--pj-text-soft:#64748b;--pj-text-faint:#94a3b8;--pj-primary:#5c9032;--pj-primary-strong:#4a7527;--pj-track:#eef2f6;--pj-shadow:0 1px 2px #0f172a0a, 0 6px 20px #0f172a0d;--pj-shadow-hover:0 2px 4px #0f172a0d, 0 18px 36px #0f172a1a;max-width:1400px;color:var(--pj-text);margin:0 auto;padding:2rem}[data-theme=dark] .projects-page{--pj-surface:#1e293b;--pj-surface-soft:#172033;--pj-border:#2f3d51;--pj-border-strong:#46566d;--pj-text:#f1f5f9;--pj-text-soft:#94a3b8;--pj-text-faint:#64748b;--pj-track:#0f172a;--pj-shadow:0 1px 2px #0003, 0 6px 20px #0000002e;--pj-shadow-hover:0 2px 4px #00000040, 0 18px 36px #00000047}.projects-page .pj-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.pj-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.75rem;display:flex}.pj-hero h1{letter-spacing:-.025em;color:var(--pj-text);margin:0;font-size:2rem;font-weight:700}.pj-hero-sub{color:var(--pj-text-soft);flex-wrap:wrap;align-items:center;gap:.5rem;margin:.35rem 0 0;font-size:.9rem;display:flex}.pj-sep{background:var(--pj-text-faint);opacity:.7;border-radius:50%;width:4px;height:4px}.projects-page .pj-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.15rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.2,.8,.2,1);display:inline-flex}.projects-page .pj-btn--primary{background:linear-gradient(135deg, #7cb342, var(--pj-primary));color:#fff;box-shadow:0 4px 12px #5c903240}.projects-page .pj-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #5c903252}.projects-page .pj-btn--ghost{background:var(--pj-surface);border-color:var(--pj-border-strong);color:var(--pj-text-soft)}.projects-page .pj-btn--ghost:hover:not(:disabled){background:var(--pj-surface-soft);color:var(--pj-text)}.projects-page .pj-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.pj-alert{color:#dc2626;background:#ef444414;border:1px solid #ef444438;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.85rem 1.1rem;font-size:.9rem;display:flex}[data-theme=dark] .pj-alert--error{color:#fca5a5}.pj-alert-action{color:inherit;cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:700;text-decoration:underline}.pj-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.pj-search{flex:240px;align-items:center;min-width:200px;display:flex;position:relative}.pj-search .pj-icon{color:var(--pj-text-faint);pointer-events:none;position:absolute;left:.8rem}.projects-page .pj-search input{border:1px solid var(--pj-border);background:var(--pj-surface);width:100%;color:var(--pj-text);border-radius:10px;padding:.62rem 2.3rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.projects-page .pj-search input::placeholder{color:var(--pj-text-faint)}.projects-page .pj-search input:focus{border-color:var(--pj-primary);outline:none;box-shadow:0 0 0 3px #5c903226}.pj-search-clear{color:var(--pj-text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.1rem .35rem;font-size:1.1rem;line-height:1;transition:color .15s;position:absolute;right:.6rem}.pj-search-clear:hover{color:#ef4444}.pj-filters{flex-wrap:wrap;gap:.35rem;display:flex}.pj-pill{border:1px solid var(--pj-border);background:var(--pj-surface);color:var(--pj-text-soft);cursor:pointer;white-space:nowrap;border-radius:999px;padding:.45rem .9rem;font-size:.82rem;font-weight:600;transition:all .18s}.pj-pill:hover{border-color:var(--pj-primary);color:var(--pj-primary)}.pj-pill.is-active{background:var(--pj-primary);border-color:var(--pj-primary);color:#fff}.pj-toolbar-end{align-items:center;gap:.5rem;margin-left:auto;display:flex}.projects-page .pj-select{border:1px solid var(--pj-border);background:var(--pj-surface);color:var(--pj-text-soft);cursor:pointer;border-radius:10px;padding:.58rem .75rem;font-size:.85rem;font-weight:600;transition:border-color .2s}.projects-page .pj-select:focus{border-color:var(--pj-primary);outline:none}.pj-view-toggle{border:1px solid var(--pj-border);background:var(--pj-surface);border-radius:10px;gap:2px;padding:3px;display:flex}.pj-view-toggle button{width:32px;height:30px;color:var(--pj-text-faint);cursor:pointer;background:0 0;border:none;border-radius:7px;place-items:center;transition:all .18s;display:grid}.pj-view-toggle button:hover{color:var(--pj-text)}.pj-view-toggle button.is-active{color:var(--pj-primary);background:#5c90321f}.pj-results{color:var(--pj-text-faint);margin:0 0 .85rem;font-size:.82rem}.pj-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.25rem;display:grid}.pj-card{isolation:isolate;border:1px solid var(--pj-border);background:var(--pj-surface);box-shadow:var(--pj-shadow);border-radius:18px;flex-direction:column;gap:.9rem;padding:1.35rem;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.pj-card:before{content:"";background:radial-gradient(circle, var(--pj-accent-from,#7cb342), transparent 70%);opacity:0;pointer-events:none;z-index:-1;border-radius:50%;width:180px;height:180px;transition:opacity .3s;position:absolute;top:-60px;right:-60px}.pj-card:hover{border-color:var(--pj-border-strong);box-shadow:var(--pj-shadow-hover);transform:translateY(-3px)}.pj-card:hover:before{opacity:.1}.pj-card:has(.pj-card-link:focus-visible){border-color:var(--pj-primary);box-shadow:0 0 0 3px #5c903233}.pj-card-head{align-items:center;gap:.8rem;min-width:0;padding-right:3rem;display:flex}.pj-monogram{background:linear-gradient(135deg, var(--pj-accent-from,#7cb342), var(--pj-accent-to,#4a7527));color:#fff;letter-spacing:.02em;border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:.95rem;font-weight:700;display:grid}.pj-card-heading{flex-direction:column;align-items:flex-start;gap:.3rem;min-width:0;display:flex}.projects-page .pj-card-name{color:var(--pj-text);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;margin:0;font-size:1.05rem;font-weight:650;line-height:1.3;overflow:hidden}.projects-page .pj-card-link{color:inherit;text-decoration:none}.projects-page .pj-card-link:after{content:"";border-radius:inherit;z-index:1;position:absolute;inset:0}.projects-page .pj-card-link:focus-visible{outline:none}.pj-status{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.18rem .6rem;font-size:.7rem;font-weight:700}.pj-status--completed{color:var(--pj-primary-strong);background:#5c90321f}.pj-status--active{color:#0369a1;background:#0284c71f}.pj-status--planned,.pj-status--empty{background:var(--pj-surface-soft);color:var(--pj-text-soft)}[data-theme=dark] .pj-status--completed{color:#a3d977;background:#7cb3422e}[data-theme=dark] .pj-status--active{color:#7dd3fc;background:#38bdf829}[data-theme=dark] .pj-status--planned,[data-theme=dark] .pj-status--empty{color:var(--pj-text-soft);background:#ffffff0d}.projects-page .pj-chat{z-index:2;border:1px solid var(--pj-border);background:var(--pj-surface-soft);width:38px;height:38px;color:var(--pj-text-soft);cursor:pointer;border-radius:11px;place-items:center;transition:all .2s;display:grid;position:absolute;top:1.15rem;right:1.15rem}.projects-page .pj-chat:hover{border-color:var(--pj-primary);color:var(--pj-primary);background:#5c90321a;transform:translateY(-1px)}.pj-chat-badge{border:2px solid var(--pj-surface);color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:800;line-height:1;animation:1.8s infinite pj-badge-pulse;display:grid;position:absolute;top:-6px;right:-6px}@keyframes pj-badge-pulse{0%,to{box-shadow:0 0 #ef444480}60%{box-shadow:0 0 0 6px #ef444400}}.projects-page .pj-card-desc{color:var(--pj-text-soft);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.72em;margin:0;font-size:.88rem;line-height:1.55;display:-webkit-box;overflow:hidden}.pj-progress{flex-direction:column;gap:.45rem;display:flex}.pj-progress-head{text-transform:uppercase;letter-spacing:.05em;color:var(--pj-text-faint);justify-content:space-between;align-items:baseline;font-size:.75rem;font-weight:600;display:flex}.pj-progress-head strong{letter-spacing:0;text-transform:none;color:var(--pj-text);font-size:.8rem;font-weight:700}.pj-progress-track{background:var(--pj-track);border-radius:999px;height:7px;overflow:hidden}.pj-progress-fill{background:linear-gradient(90deg, #7cb342, var(--pj-primary));border-radius:999px;height:100%;transition:width .45s cubic-bezier(.2,.8,.2,1);display:block}.pj-legend{color:var(--pj-text-soft);flex-wrap:wrap;gap:.75rem;font-size:.76rem;display:flex}.pj-legend-item{align-items:center;gap:.3rem;display:inline-flex}.pj-dot{border-radius:50%;width:7px;height:7px}.pj-dot--todo{background:#cbd5e1}.pj-dot--doing{background:#0ea5e9}.pj-dot--done{background:var(--pj-primary)}[data-theme=dark] .pj-dot--todo{background:#475569}.pj-card-meta{color:var(--pj-text-faint);flex-wrap:wrap;gap:.35rem 1rem;font-size:.76rem;display:flex}.pj-meta-item{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.35rem;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}.pj-card-meta .pj-icon{stroke-width:1.7px;width:14px;height:14px}.pj-card-foot{border-top:1px solid var(--pj-border);align-items:center;gap:.75rem;margin-top:auto;padding-top:.9rem;display:flex}.pj-team{align-items:center;display:flex}.pj-avatar{border:2px solid var(--pj-surface);color:#fff;background:linear-gradient(135deg,#7cb342,#5c9032);border-radius:50%;place-items:center;width:28px;height:28px;margin-right:-8px;font-size:.68rem;font-weight:700;display:grid}.pj-avatar--more{background:var(--pj-surface-soft);color:var(--pj-text-soft);border-color:var(--pj-surface);box-shadow:inset 0 0 0 1px var(--pj-border)}.pj-team-count,.pj-updated{color:var(--pj-text-faint);white-space:nowrap;align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.pj-team-count .pj-icon,.pj-updated .pj-icon{width:15px;height:15px}.pj-cta{color:var(--pj-primary);white-space:nowrap;align-items:center;gap:.3rem;margin-left:auto;font-size:.83rem;font-weight:650;display:inline-flex}.pj-cta .pj-icon{width:16px;height:16px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.pj-card:hover .pj-cta .pj-icon{transform:translate(3px)}@media (width>=900px){.pj-grid--list{grid-template-columns:1fr;gap:.75rem}.pj-grid--list .pj-card{border-radius:14px;flex-direction:row;align-items:center;gap:1.5rem;padding:1rem 1.25rem}.pj-grid--list .pj-card:hover{transform:none}.pj-grid--list .pj-card-head{flex:300px;padding-right:0}.pj-grid--list .pj-card-desc{-webkit-line-clamp:2;line-clamp:2;flex:220px;min-height:0}.pj-grid--list .pj-progress{flex:0 0 180px}.pj-grid--list .pj-legend,.pj-grid--list .pj-card-meta{display:none}.pj-grid--list .pj-card-foot{border-top:none;flex:none;margin-top:0;padding-top:0}.pj-grid--list .pj-chat{order:9;margin-left:.25rem;position:relative;top:auto;right:auto}.pj-grid--list .pj-cta{margin-left:0}}.pj-skeleton{border:1px solid var(--pj-border);background:var(--pj-surface);border-radius:18px;flex-direction:column;gap:.85rem;padding:1.35rem;display:flex}.pj-skeleton-head{align-items:center;gap:.8rem;display:flex}.pj-sk-lines{flex-direction:column;flex:1;gap:.4rem;display:flex}.pj-sk-block{background:linear-gradient(90deg, var(--pj-track) 25%, #94a3b82e 37%, var(--pj-track) 63%);background-size:400% 100%;border-radius:6px;animation:1.4s infinite pj-shimmer;display:block}.pj-sk-tile{border-radius:13px;width:44px;height:44px}.pj-sk-line{width:70%;height:12px}.pj-sk-line--short{width:40%}.pj-sk-text{width:100%;height:10px}.pj-sk-bar{border-radius:999px;width:100%;height:7px}@keyframes pj-shimmer{0%{background-position:100%}to{background-position:0}}.pj-empty{border:1px dashed var(--pj-border-strong);background:var(--pj-surface);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:.6rem;padding:4rem 1.5rem;display:flex}.pj-empty-icon{width:60px;height:60px;color:var(--pj-primary);background:#5c90321a;border-radius:18px;place-items:center;margin-bottom:.4rem;display:grid}.pj-empty-icon .pj-icon{width:28px;height:28px}.projects-page .pj-empty h2{color:var(--pj-text);margin:0;font-size:1.15rem;font-weight:700}.projects-page .pj-empty p{max-width:380px;color:var(--pj-text-soft);margin:0 0 .6rem;font-size:.9rem}.pj-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;animation:.2s pj-fade;display:flex;position:fixed;inset:0}.pj-modal{border:1px solid var(--pj-border);background:var(--pj-surface);border-radius:18px;width:100%;max-width:520px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) pj-modal-in;overflow-y:auto;box-shadow:0 25px 50px -12px #0f172a59}@keyframes pj-fade{0%{opacity:0}to{opacity:1}}@keyframes pj-modal-in{0%{opacity:0;transform:scale(.97)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.pj-modal-head{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.35rem 1.5rem 1rem;display:flex}.projects-page .pj-modal-head h2{color:var(--pj-text);margin:0;font-size:1.2rem;font-weight:700}.projects-page .pj-modal-head p{color:var(--pj-text-soft);margin:.2rem 0 0;font-size:.85rem}.pj-modal-close{border:1px solid var(--pj-border);background:var(--pj-surface-soft);width:32px;height:32px;color:var(--pj-text-soft);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;font-size:1.15rem;line-height:1;transition:all .2s;display:grid}.pj-modal-close:hover{color:#ef4444;background:#ef44441a;border-color:#fca5a5}.projects-page .pj-modal-form,[data-theme=dark] .projects-page .pj-modal-form{flex-direction:column;gap:1rem;padding:0 1.5rem 1.5rem;display:flex;box-shadow:none!important;background:0 0!important;border:none!important}.pj-field{flex-direction:column;gap:.4rem;display:flex}.projects-page .pj-field label{color:var(--pj-text);font-size:.85rem;font-weight:600}.pj-required{color:#dc2626}.projects-page .pj-field input,.projects-page .pj-field textarea{border:1px solid var(--pj-border-strong);background:var(--pj-surface);width:100%;color:var(--pj-text);resize:vertical;border-radius:10px;padding:.65rem .85rem;font-family:inherit;font-size:.92rem;transition:border-color .2s,box-shadow .2s}.projects-page .pj-field input::placeholder,.projects-page .pj-field textarea::placeholder{color:var(--pj-text-faint)}.projects-page .pj-field input:focus,.projects-page .pj-field textarea:focus{border-color:var(--pj-primary);outline:none;box-shadow:0 0 0 3px #5c903226}.pj-modal-foot{justify-content:flex-end;gap:.6rem;margin-top:.25rem;display:flex}@media (width<=768px){.projects-page{padding:1.25rem 1rem 2.5rem}.pj-hero{align-items:stretch;gap:1rem}.pj-hero h1{font-size:1.5rem}.projects-page .pj-hero .pj-btn{width:100%}.pj-toolbar{gap:.6rem}.pj-search{flex:100%}.projects-page .pj-search input{font-size:1rem}.pj-filters{scrollbar-width:none;flex-wrap:nowrap;flex:100%;padding-bottom:2px;overflow-x:auto}.pj-filters::-webkit-scrollbar{display:none}.pj-toolbar-end{width:100%;margin-left:0}.projects-page .pj-select{flex:1}.pj-grid{grid-template-columns:1fr}.pj-card{padding:1.15rem}.pj-card-foot{flex-wrap:wrap}.pj-modal-backdrop{align-items:flex-end;padding:0}.pj-modal{border-radius:20px 20px 0 0;max-width:100%;max-height:92vh}.pj-modal-foot{flex-direction:column-reverse}.projects-page .pj-modal-foot .pj-btn{width:100%;padding:.8rem 1rem}}.project-detail{--pj-surface:#fff;--pj-surface-soft:#f8fafc;--pj-border:#e6ebf1;--pj-border-strong:#cfd8e3;--pj-text:#0f172a;--pj-text-soft:#64748b;--pj-text-faint:#94a3b8;--pj-primary:#5c9032;--pj-primary-strong:#4a7527;--pj-track:#eef2f6;--pj-shadow:0 1px 2px #0f172a0a, 0 6px 20px #0f172a0d;--pj-shadow-hover:0 2px 4px #0f172a0d, 0 18px 36px #0f172a1a;max-width:1400px;color:var(--pj-text);margin:0 auto;padding:2rem}[data-theme=dark] .project-detail{--pj-surface:#1e293b;--pj-surface-soft:#172033;--pj-border:#2f3d51;--pj-border-strong:#46566d;--pj-text:#f1f5f9;--pj-text-soft:#94a3b8;--pj-text-faint:#64748b;--pj-track:#0f172a;--pj-shadow:0 1px 2px #0003, 0 6px 20px #0000002e;--pj-shadow-hover:0 2px 4px #00000040, 0 18px 36px #00000047}.project-detail .pj-icon,.project-detail .detail-meta-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.detail-meta-icon{stroke-width:1.7px;width:14px;height:14px}.detail-header{justify-content:space-between;align-items:center;margin-bottom:1.75rem;display:flex}.back-link{color:var(--pj-primary);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.back-link:hover{color:var(--pj-primary-strong);transform:translate(-4px)}.role-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--pj-primary-strong);background:#5c90321f;border-radius:999px;padding:.3rem .85rem;font-size:.75rem;font-weight:700}[data-theme=dark] .role-tag{color:#a3d977;background:#7cb3422e}.project-banner{isolation:isolate;background:var(--pj-surface);border:1px solid var(--pj-border);box-shadow:var(--pj-shadow);border-radius:18px;flex-direction:column;gap:1.15rem;margin-bottom:2rem;padding:1.75rem 2rem;display:flex;position:relative;overflow:hidden}.project-banner:before{content:"";background:radial-gradient(circle, var(--pj-accent-from,#7cb342), transparent 70%);opacity:.12;pointer-events:none;z-index:-1;border-radius:50%;width:240px;height:240px;position:absolute;top:-90px;right:-90px}.banner-head{align-items:center;gap:1rem;display:flex}.banner-monogram{border-radius:15px;flex-shrink:0;width:56px;height:56px;font-size:1.15rem}.banner-heading{flex-wrap:wrap;align-items:center;gap:.85rem;min-width:0;display:flex}.project-banner h1{letter-spacing:-.02em;margin:0;font-size:1.85rem;font-weight:700;color:var(--pj-text)!important}[data-theme=dark] .project-banner h1{color:#f8fafc!important}.project-description{color:var(--pj-text-soft);max-width:800px;margin:0;font-size:1rem;line-height:1.55}.banner-progress{max-width:480px}.banner-meta{border-top:1px solid var(--pj-border);padding-top:1.1rem;font-size:.85rem}.banner-meta .detail-meta-icon{color:var(--pj-text-faint)}.project-sections{flex-direction:column;gap:1.5rem;display:flex}.project-section{background:var(--pj-surface);border:1px solid var(--pj-border);box-shadow:var(--pj-shadow);border-radius:18px;flex-direction:column;height:fit-content;padding:1.75rem;display:flex}.section-header{border-bottom:1px solid var(--pj-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.85rem;display:flex}.section-header h2{color:var(--pj-text);margin:0;font-size:1.2rem;font-weight:700}.team-actions{align-items:center;gap:.5rem;display:flex}.task-form,.assign-form{background:var(--pj-surface-soft);border:1px solid var(--pj-border);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}[data-theme=dark] .task-form,[data-theme=dark] .assign-form{background:var(--pj-surface-soft)!important;border-color:var(--pj-border)!important;color:var(--pj-text)!important;box-shadow:none!important}.project-detail .form-group{margin-bottom:1.25rem}.project-detail .form-group label{color:var(--pj-text-soft);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.project-detail .form-group input,.project-detail .form-group select{border:1px solid var(--pj-border-strong);background-color:var(--pj-surface);width:100%;color:var(--pj-text);border-radius:8px;padding:.65rem .85rem;font-size:.95rem;transition:all .2s}.project-detail .form-group input:focus,.project-detail .form-group select:focus{border-color:var(--pj-primary);outline:none;box-shadow:0 0 0 3px #5c903226}.tasks-list,.users-list{margin:0;padding:0;list-style:none}.task-item{border:1px solid var(--pj-border);background-color:var(--pj-surface);border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:1rem;transition:all .2s;display:flex}.task-item:hover{box-shadow:var(--pj-shadow);border-color:var(--pj-border-strong);transform:translateY(-2px)}.task-title{color:var(--pj-text);flex:1;font-weight:600}.task-assignee{color:var(--pj-text-soft);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:.85rem;overflow:hidden}.collaborator-checkboxes{border:1px solid var(--pj-border);background:var(--pj-surface-soft);border-radius:10px;flex-direction:column;gap:.5rem;max-height:180px;margin-top:.5rem;padding:.75rem;display:flex;overflow-y:auto}.collaborator-checkbox{cursor:pointer;color:var(--pj-text);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.collaborator-checkbox input{width:auto;accent-color:var(--pj-primary);margin:0}.task-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.25rem .65rem;font-size:.72rem;font-weight:700}.badge-todo{background-color:var(--pj-surface-soft);color:var(--pj-text-soft)}.badge-in_progress{color:#0369a1;background-color:#0284c71f}.badge-done{color:var(--pj-primary-strong);background-color:#5c90321f}[data-theme=dark] .badge-todo{color:var(--pj-text-soft);background-color:#ffffff0d}[data-theme=dark] .badge-in_progress{color:#7dd3fc;background-color:#38bdf829}[data-theme=dark] .badge-done{color:#a3d977;background-color:#7cb3422e}.user-item{border:1px solid var(--pj-border);background-color:var(--pj-surface);border-radius:12px;margin-bottom:.75rem;padding:1rem 3.5rem 1rem 1rem;transition:all .2s;position:relative}.user-item:hover{box-shadow:var(--pj-shadow);border-color:var(--pj-border-strong);transform:translateY(-2px)}.user-info{align-items:center;gap:1rem;display:flex}.user-avatar{background:linear-gradient(135deg, #7cb342, var(--pj-primary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 2px 6px #5c903240}.user-details{flex-direction:column;display:flex}.user-email-text{color:var(--pj-text);font-weight:600}.user-job-title{color:var(--pj-text-soft);font-size:.75rem}.loading-text,.empty-state{text-align:center;color:var(--pj-text-soft);margin:0;padding:2rem;font-style:italic}.btn{letter-spacing:-.01em;border-radius:8px;font-weight:600;transition:all .2s cubic-bezier(.2,.8,.2,1)}.btn-small{padding:.4rem .85rem;font-size:.85rem}.btn-primary{background:linear-gradient(135deg, #7cb342, var(--pj-primary));border:1px solid #0000;box-shadow:0 4px 12px #5c903240}.btn-primary:hover{background:linear-gradient(135deg, var(--pj-primary), var(--pj-primary-strong));transform:translateY(-1px);box-shadow:0 6px 16px #5c903259}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);background-color:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--pj-surface);border:1px solid var(--pj-border);width:100%;max-width:500px;max-height:85vh;color:var(--pj-text);border-radius:18px;padding:2rem;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #0f172a40}.modal-header{border-bottom:1px solid var(--pj-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.85rem;display:flex}.modal-header h3{color:var(--pj-text);margin:0;font-size:1.2rem;font-weight:700}.modal-close{background:var(--pj-surface-soft);border:1px solid var(--pj-border);cursor:pointer;width:32px;height:32px;color:var(--pj-text-soft);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.3rem;line-height:1;transition:all .2s;display:flex}.modal-close:hover{color:#ef4444;background-color:#ef44441a;border-color:#fca5a5}.w-full{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.scrum-board{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:.5rem;display:grid}@media (width<=768px){.scrum-board{grid-template-columns:1fr}}.scrum-column{background-color:var(--pj-surface-soft);border:1px solid var(--pj-border);border-top:3px solid var(--pj-border-strong);border-radius:14px;flex-direction:column;min-height:380px;padding:1.15rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.scrum-column.column-todo{border-top-color:#cbd5e1}.scrum-column.column-in_progress{border-top-color:#0ea5e9}.scrum-column.column-done{border-top-color:var(--pj-primary)}.scrum-column.drag-over{background-color:var(--pj-surface);border-color:var(--pj-primary);transform:translateY(-2px);box-shadow:0 0 0 2px #5c903233}.scrum-column-header{border-bottom:1px solid var(--pj-border);margin-bottom:1.15rem;padding-bottom:.5rem}.scrum-column-header h3{color:var(--pj-text-soft);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.82rem;font-weight:700}.scrum-column-content{flex-direction:column;flex-grow:1;gap:.75rem;display:flex}.scrum-task-card{background-color:var(--pj-surface);border:1px solid var(--pj-border);cursor:grab;border-radius:12px;padding:1rem;transition:all .2s;box-shadow:0 1px 3px #0000000a}.scrum-task-card:hover{box-shadow:var(--pj-shadow);border-color:var(--pj-border-strong);transform:translateY(-1px)}.scrum-task-card:active{cursor:grabbing}.task-card-title{color:var(--pj-text);margin-bottom:.5rem;font-size:.95rem;font-weight:600;line-height:1.4}.task-card-assignees{color:var(--pj-text-soft);font-size:.75rem}.scrum-empty-column{color:var(--pj-text-faint);text-align:center;border:2px dashed var(--pj-border);background-color:#0000;border-radius:10px;flex-grow:1;justify-content:center;align-items:center;padding:2.5rem 0;font-size:.85rem;display:flex}.selected-chips{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.user-chip{background-color:var(--pj-surface-soft);color:var(--pj-text);border:1px solid var(--pj-border);border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:flex}.chip-remove{color:var(--pj-text-faint);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.1rem;line-height:1;display:flex}.chip-remove:hover{color:#ef4444}.task-card-description{color:var(--pj-text-soft);white-space:pre-wrap;margin-bottom:.65rem;font-size:.8rem;line-height:1.45}.task-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.35rem;display:flex}.btn-icon{cursor:pointer;color:var(--pj-text-soft);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.2rem;font-size:.95rem;line-height:1;transition:all .2s;display:flex}.btn-icon:hover{background-color:var(--pj-surface-soft);color:var(--pj-primary)}.task-detail-modal-body{flex-direction:column;gap:1.25rem;display:flex}.detail-row{flex-direction:column;gap:.35rem;display:flex}.detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--pj-text-soft);font-size:.75rem;font-weight:700}.detail-value{color:var(--pj-text);font-size:1.05rem;font-weight:600}.detail-description{color:var(--pj-text);white-space:pre-wrap;background-color:var(--pj-surface-soft);border:1px solid var(--pj-border);border-radius:10px;margin:0;padding:.85rem;font-size:.9rem;line-height:1.5}.task-menu-container{display:inline-block;position:relative}.task-menu-btn{padding:.15rem .35rem;font-size:1.1rem;font-weight:700}.task-dropdown-menu{background-color:var(--pj-surface);border:1px solid var(--pj-border);box-shadow:var(--pj-shadow-hover);z-index:10;border-radius:10px;flex-direction:column;min-width:130px;margin-top:.25rem;padding:.35rem 0;display:flex;position:absolute;top:100%;right:0}.dropdown-item{text-align:left;width:100%;color:var(--pj-text);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.dropdown-item:hover{background-color:var(--pj-surface-soft);color:var(--pj-primary)}.team-menu-container{display:inline-block;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.team-menu-btn{color:var(--pj-text-faint);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:.25rem .5rem;font-size:1.1rem;font-weight:700;transition:background-color .2s,color .2s;display:flex}.team-menu-btn:hover{background-color:var(--pj-surface-soft);color:var(--pj-text-soft)}.team-dropdown-menu{background-color:var(--pj-surface);border:1px solid var(--pj-border);box-shadow:var(--pj-shadow-hover);z-index:10;border-radius:10px;flex-direction:column;min-width:150px;margin-top:.25rem;padding:.35rem 0;display:flex;position:absolute;top:100%;right:0}.dropdown-item-danger{color:#ef4444!important}.dropdown-item-danger:hover{color:#dc2626!important;background-color:#ef44441a!important}[data-theme=dark] .dropdown-item-danger:hover{color:#f87171!important}@media (width<=768px){.project-detail{padding:1.25rem 1rem 2.5rem}.project-banner{padding:1.35rem}.banner-monogram{border-radius:13px;width:46px;height:46px;font-size:1rem}.project-banner h1{font-size:1.4rem}.banner-meta{flex-direction:column;align-items:flex-start;gap:.4rem}.project-section{padding:1.25rem}}.timesheet-hub-container{--pj-surface:#fff;--pj-surface-soft:#f8fafc;--pj-border:#e6ebf1;--pj-border-strong:#cfd8e3;--pj-text:#0f172a;--pj-text-soft:#64748b;--pj-text-faint:#94a3b8;--pj-primary:#5c9032;--pj-primary-strong:#4a7527;--pj-track:#eef2f6;--pj-shadow:0 1px 2px #0f172a0a, 0 6px 20px #0f172a0d;--pj-shadow-hover:0 2px 4px #0f172a0d, 0 18px 36px #0f172a1a;max-width:1400px;color:var(--pj-text);margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}[data-theme=dark] .timesheet-hub-container{--pj-surface:#1e293b;--pj-surface-soft:#172033;--pj-border:#2f3d51;--pj-border-strong:#46566d;--pj-text:#f1f5f9;--pj-text-soft:#94a3b8;--pj-text-faint:#64748b;--pj-track:#0f172a;--pj-shadow:0 1px 2px #0003, 0 6px 20px #0000002e;--pj-shadow-hover:0 2px 4px #00000040, 0 18px 36px #00000047}.timesheet-header{background:var(--pj-surface);border:1px solid var(--pj-border);box-shadow:var(--pj-shadow);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.75rem;padding:1.75rem 2rem;display:flex}.header-title-group h1{letter-spacing:-.02em;color:var(--pj-text);margin:0 0 .25rem;font-size:1.85rem;font-weight:800}.header-title-group .subtitle{color:var(--pj-text-soft);margin:0;font-size:.95rem}.month-navigator{align-items:center;gap:.75rem;display:flex}.current-month-display{background:var(--pj-surface-soft);border:1px solid var(--pj-border-strong);border-radius:10px;align-items:baseline;gap:.5rem;padding:.55rem 1.35rem;display:flex}.month-name{color:var(--pj-text);font-size:1.25rem;font-weight:700}.year-number{color:var(--pj-text-soft);font-size:1.05rem;font-weight:600}.nav-btn{border:1px solid var(--pj-border-strong);background:var(--pj-surface);color:var(--pj-text);cursor:pointer;border-radius:10px;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600;transition:all .2s}.nav-btn:hover{background:var(--pj-surface-soft);border-color:var(--pj-text-faint);color:var(--pj-text);transform:translateY(-1px)}.today-btn{color:#4a7527;background:#f2f7ec;border-color:#c5dfab}.today-btn:hover{color:#3e6320;background:#e6f0db}.alert{border-radius:10px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.95rem;font-weight:500;animation:.25s ease-out fadeIn}.alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert-success{color:#3e6320;background:#f2f7ec;border:1px solid #c5dfab}.summary-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--pj-surface);border:1px solid var(--pj-border);box-shadow:var(--pj-shadow);border-radius:14px;flex-direction:column;padding:1.35rem;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--pj-text-soft);margin-bottom:.5rem;font-size:.8rem;font-weight:700}.stat-value{color:var(--pj-text);margin-bottom:.25rem;font-size:1.9rem;font-weight:800}.stat-value small{color:var(--pj-text-soft);font-size:1rem;font-weight:600}.stat-desc{color:var(--pj-text-faint);font-size:.825rem}.stat-card.highlight-green .stat-value{color:#5c9032}.stat-card.highlight-purple .stat-value{color:#d97706}.stat-card.highlight-teal .stat-value{color:#0d9488}.progress-bar-bg{background:var(--pj-track);border-radius:3px;width:100%;height:6px;margin-top:.6rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#7cb342,#5c9032);border-radius:3px;height:100%;transition:width .3s}.view-mode-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.mode-tabs{background:var(--pj-track);border-radius:12px;gap:.3rem;padding:.3rem;display:flex}.tab-btn{color:var(--pj-text-soft);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:.65rem 1.3rem;font-size:.9rem;font-weight:600;transition:all .2s}.tab-btn:hover{color:var(--pj-text)}.tab-btn.active{background:var(--pj-surface);color:#5c9032;box-shadow:0 2px 8px #00000014}.unit-toggle-container{align-items:center;gap:.6rem;display:flex}.unit-label{color:var(--pj-text-soft);font-size:.85rem;font-weight:600}.unit-switch{background:var(--pj-surface-soft);border:1px solid var(--pj-border-strong);border-radius:10px;padding:.25rem;display:flex}.unit-btn{color:var(--pj-text-soft);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:.4rem .85rem;font-size:.85rem;font-weight:700;transition:all .2s}.unit-btn.active{color:#fff;background:#5c9032;box-shadow:0 2px 6px #5c90324d}.matrix-actions{gap:.75rem;display:flex}.series-range-bar{background:var(--pj-surface);border:1px solid var(--pj-border);box-shadow:var(--pj-shadow);border-radius:18px;flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:1.35rem;padding:.85rem 1.35rem;display:flex}.series-label{color:var(--pj-text-soft);font-size:.85rem;font-weight:700}.week-preset-list{flex-wrap:wrap;gap:.5rem;display:flex}.week-preset-btn{border:1px solid var(--pj-border-strong);background:var(--pj-surface-soft);color:var(--pj-text);cursor:pointer;border-radius:8px;padding:.35rem .75rem;font-size:.825rem;font-weight:700;transition:all .15s}.week-preset-btn:hover{color:#3e6320;background:#f2f7ec;border-color:#c5dfab;transform:translateY(-1px)}.shift-hint{color:var(--pj-text-soft);margin-left:auto;font-size:.8rem}.shift-hint strong{color:#5c9032}.batch-action-bar{background:#f2f7ec;border:1.5px solid #c5dfab;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;padding:1rem 1.5rem;animation:.25s cubic-bezier(.16,1,.3,1) slideDown;display:flex;box-shadow:0 10px 25px -4px #5c903226}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.batch-info{align-items:center;gap:1rem;display:flex}.batch-count-badge{color:#fff;background:#5c9032;border-radius:20px;padding:.4rem .95rem;font-size:.875rem;font-weight:800;box-shadow:0 2px 8px #5c903240}.batch-link-btn{color:#3e6320;cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:700;text-decoration:underline;transition:opacity .15s}.batch-link-btn:hover{opacity:.8}.batch-buttons{align-items:center;gap:.75rem;display:flex}.batch-btn-item{box-shadow:0 2px 8px #0000000a}.calendar-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.35rem;display:grid}.calendar-day-card{background:var(--pj-surface);border:1px solid var(--pj-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:185px;padding:1.1rem;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s;display:flex;position:relative}.calendar-day-card:hover{box-shadow:var(--pj-shadow-hover);border-color:var(--pj-border-strong);transform:translateY(-3px)}.calendar-day-card.selected{background:#f4f9f0!important;border:2.5px solid #5c9032!important;box-shadow:0 0 0 4px #5c903240!important}.card-select-checkbox{accent-color:#5c9032;cursor:pointer;width:18px;height:18px;margin-right:.4rem}.calendar-day-card.is-holiday{background:#fef8ee;border-color:#fde68a}.calendar-day-card.has-entries{border-left:4px solid #5c9032}.calendar-day-card.invalid-total{background:#fffbeb!important;border:2px dashed #f59e0b!important}.calendar-day-card.is-holiday.has-entries{border-left:4px solid #d97706}.day-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.day-date-box{align-items:center;gap:.4rem;display:flex}.day-name{color:var(--pj-text-soft);text-transform:uppercase;font-size:.85rem;font-weight:700}.day-number{color:var(--pj-text);font-size:1.35rem;font-weight:800}.holiday-toggle-chip{border:1px solid var(--pj-border);background:var(--pj-surface-soft);color:var(--pj-text-soft);cursor:pointer;border-radius:20px;padding:.25rem .65rem;font-size:.75rem;font-weight:600;transition:all .2s}.holiday-toggle-chip:hover{color:#b45309;background:#fef3c7;border-color:#fde68a}.holiday-toggle-chip.active{color:#fff;background:#d97706;border-color:#d97706}.day-card-body{flex-direction:column;flex:1;justify-content:center;margin-bottom:.75rem;display:flex}.holiday-banner{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;align-items:center;gap:.4rem;padding:.65rem .85rem;font-size:.875rem;font-weight:700;display:flex}.holiday-banner .holiday-hours{opacity:.85;margin-left:auto;font-size:.8rem}.no-entries-placeholder{color:var(--pj-text-faint);text-align:center;padding:.75rem 0;font-size:.85rem;font-style:italic}.entries-list{flex-direction:column;gap:.45rem;display:flex}.entry-pill{background:#f2f7ec;border:1px solid #c5dfab;border-radius:8px;justify-content:space-between;align-items:center;padding:.45rem .65rem;display:flex}.pill-info{flex-direction:column;min-width:0;display:flex;overflow:hidden}.proj-tag{color:#3e6320;white-space:nowrap;text-overflow:ellipsis;font-size:.825rem;font-weight:700;overflow:hidden}.entry-note-preview{color:var(--pj-text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.pill-meta{align-items:center;gap:.4rem;display:flex}.hours-badge{color:#fff;background:#5c9032;border-radius:5px;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.delete-entry-btn{color:var(--pj-text-faint);cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:1.1rem;transition:color .15s}.delete-entry-btn:hover{color:#ef4444}.day-card-footer{border-top:1px dashed var(--pj-border);color:var(--pj-text-soft);justify-content:space-between;align-items:center;padding-top:.6rem;font-size:.8rem;display:flex}.text-warn{color:#d97706!important}.warn-hint{color:#d97706;font-size:.75rem;font-weight:700}.edit-hint{color:#5c9032;font-weight:600}.matrix-table-wrapper{background:var(--pj-surface);border:1px solid var(--pj-border);box-shadow:var(--pj-shadow);border-radius:18px;position:relative;overflow-x:auto}.matrix-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.9rem}.matrix-table th,.matrix-table td{border-bottom:1px solid var(--pj-border);border-right:1px solid var(--pj-border);text-align:center;padding:.85rem .6rem;transition:background-color .2s,border-color .2s}.matrix-table th{background:var(--pj-surface-soft);color:var(--pj-text)}.project-col,.project-cell{z-index:10;background:var(--pj-surface);width:240px;min-width:220px;position:sticky;left:0;box-shadow:4px 0 10px -2px #00000014;text-align:left!important;padding-left:1.25rem!important}.project-col{z-index:15;background:var(--pj-surface-soft)}.holiday-row .project-cell{background:#faf5eb}.th-day-name{color:var(--pj-text-soft);text-transform:uppercase;font-size:.75rem;font-weight:700}.th-day-num{color:var(--pj-text);font-size:1rem;font-weight:800}.holiday-row{background:#faf5eb}.holiday-cell-title{font-weight:700;color:#b45309!important}.proj-meta{flex-direction:column;display:flex}.proj-name{color:var(--pj-text);font-weight:700}.proj-code{color:var(--pj-text-soft);font-size:.75rem}.cell-input{text-align:center;border:1px solid var(--pj-border-strong);border-radius:8px;width:58px;padding:.45rem;font-size:.9rem;font-weight:600;transition:all .15s}.cell-input:focus{border-color:#5c9032;outline:none;box-shadow:0 0 0 3px #5c903233}.holiday-input:focus{border-color:#d97706;box-shadow:0 0 0 3px #d9770633}th.th-error-column{color:#991b1b!important;background:#fef2f2!important;border-left:2px dashed #fca5a5!important;border-right:2px dashed #fca5a5!important}th.th-error-column .th-day-name,th.th-error-column .th-day-num{color:#dc2626!important}.col-error-badge{margin-top:.15rem;font-size:.75rem;display:block}td.td-error-column{background:#fff5f5!important;border-left:2px dashed #fecaca!important;border-right:2px dashed #fecaca!important}td.td-error-column .cell-input{color:#dc2626!important;background:#fef2f2!important;border-color:#ef4444!important}.timesheets-table-wrapper{background:var(--pj-surface);border:1px solid var(--pj-border);border-radius:18px;overflow-x:auto}.timesheets-table{border-collapse:collapse;width:100%}.timesheets-table th,.timesheets-table td{text-align:left;border-bottom:1px solid var(--pj-border);padding:1rem 1.35rem}.timesheets-table th{background:var(--pj-surface-soft);color:var(--pj-text-soft);text-transform:uppercase;font-size:.85rem;font-weight:700}.badge{border-radius:20px;align-items:center;gap:.3rem;padding:.35rem .85rem;font-size:.825rem;font-weight:700;display:inline-flex}.badge-holiday{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.badge-project{color:#3e6320;background:#f2f7ec}.btn-danger-sm{color:#991b1b;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:7px;padding:.3rem .75rem;font-size:.8rem;font-weight:600;transition:all .15s}.btn-danger-sm:hover{background:#fca5a5}.timesheet-hub-container .modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out fadeInBackdrop;display:flex;position:fixed;inset:0}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.timesheet-hub-container .modal-content{background:var(--pj-surface);border:1px solid var(--pj-border);border-radius:18px;flex-direction:column;width:100%;max-width:520px;max-height:88vh;animation:.25s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40}.timesheet-hub-container .modal-content.modal-large{max-width:680px}.timesheet-hub-container .confirm-modal-card{max-width:440px!important}.timesheet-hub-container .confirm-modal-body{flex-direction:column;gap:.75rem;padding:1.5rem 1.75rem;display:flex}.timesheet-hub-container .confirm-message{color:var(--pj-text);margin:0;font-size:1.05rem;font-weight:600;line-height:1.5}.timesheet-hub-container .confirm-submessage{color:var(--pj-text-soft);margin:0;font-size:.875rem;line-height:1.5}.timesheet-hub-container .confirm-actions{gap:.85rem;margin-top:1rem;display:flex}.timesheet-hub-container .confirm-actions .btn{flex:1}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444440}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 16px #ef444459}@keyframes modalPopIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.timesheet-hub-container .modal-header{border-bottom:1px solid var(--pj-border);background:var(--pj-surface-soft);justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;display:flex}.timesheet-hub-container .modal-header h2{letter-spacing:-.02em;color:var(--pj-text);margin:0;font-size:1.3rem;font-weight:800}.timesheet-hub-container .modal-subtitle{color:var(--pj-text-soft);margin-top:.25rem;font-size:.85rem;font-weight:500;display:block}.timesheet-hub-container .modal-close{background:var(--pj-surface-soft);border:1px solid var(--pj-border);width:36px;height:36px;color:var(--pj-text-soft);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;transition:all .2s;display:flex}.timesheet-hub-container .modal-close:hover{background:var(--pj-border);color:var(--pj-text);transform:rotate(90deg)}.timesheet-hub-container .modal-form{flex-direction:column;gap:1.5rem;padding:1.75rem;display:flex;overflow-y:auto}.timesheet-hub-container .form-group label{color:var(--pj-text);margin-bottom:.45rem;font-size:.9rem;font-weight:700;display:block}.type-toggle-group{background:var(--pj-surface-soft);border:1px solid var(--pj-border);border-radius:12px;grid-template-columns:1fr 1fr;gap:.4rem;padding:.35rem;display:grid}.toggle-btn{color:var(--pj-text-soft);cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;gap:.4rem;padding:.75rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.toggle-btn.selected{background:var(--pj-surface);color:#5c9032;box-shadow:0 4px 12px #0000000f}.holiday-form-block{background:#fef8ee;border:1px solid #fde68a;border-radius:14px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.holiday-form-block label{color:#b45309;margin-bottom:.4rem;font-size:.875rem;font-weight:700;display:block}.preset-chip-group{flex-wrap:wrap;gap:.75rem;display:flex}.chip{background:var(--pj-surface);color:#b45309;cursor:pointer;border:1.5px solid #fde68a;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #d977060f}.chip:hover{background:#fef3c7;border-color:#f59e0b;transform:translateY(-1px)}.chip.active{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#d97706;box-shadow:0 4px 12px #d977064d}.multi-project-block{flex-direction:column;gap:1.25rem;display:flex}.block-header{justify-content:space-between;align-items:center;display:flex}.block-header label{color:var(--pj-text);font-size:.95rem;font-weight:700}.project-rows-list{flex-direction:column;gap:1rem;display:flex}.project-row-item{background:var(--pj-surface-soft);border:1px solid var(--pj-border);box-shadow:var(--pj-shadow);border-left:4px solid #5c9032;border-radius:12px;flex-direction:column;gap:.85rem;padding:1.2rem;transition:border-color .2s,box-shadow .2s;display:flex}.project-row-item:hover{border-color:var(--pj-border-strong);border-left-color:#4a7527;box-shadow:0 4px 12px #0000000a}.row-main{align-items:flex-end;gap:.85rem;display:flex}.row-field{flex-direction:column;gap:.35rem;display:flex}.proj-select-field{flex:1}.hours-field{width:155px}.row-label{text-transform:uppercase;letter-spacing:.04em;color:var(--pj-text-soft);font-size:.775rem;font-weight:700}.hours-input-wrapper{align-items:center;display:flex;position:relative}.hours-input-wrapper input{padding-right:60px}.unit-tag{color:var(--pj-text-soft);pointer-events:none;font-size:.75rem;font-weight:700;position:absolute;right:10px}.remove-row-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.3rem;line-height:1;transition:all .15s;display:flex}.remove-row-btn:hover{background:#fca5a5;transform:scale(1.05)}.row-presets{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.preset-title{color:var(--pj-text-soft);margin-right:.2rem;font-size:.75rem;font-weight:700}.preset-btn{border:1px solid var(--pj-border-strong);background:var(--pj-surface);color:var(--pj-text);cursor:pointer;border-radius:20px;padding:.3rem .65rem;font-size:.775rem;font-weight:700;transition:all .15s}.preset-btn:hover{color:#3e6320;background:#f2f7ec;border-color:#c5dfab}.preset-btn.selected{color:#fff;background:#5c9032;border-color:#5c9032;box-shadow:0 2px 6px #5c903240}.row-note .note-input{background:var(--pj-surface);font-size:.9rem}.modal-total-bar{border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.35rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.modal-total-bar.valid{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.modal-total-bar.valid strong{color:#15803d;font-size:1.05rem}.modal-total-bar.under{color:#92400e;background:#fffbeb;border:1px solid #fef3c7}.modal-total-bar.under strong{color:#d97706;font-size:1.05rem}.modal-total-bar.over{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.modal-total-bar.over strong{color:#dc2626;font-size:1.05rem}.modal-actions{justify-content:flex-end;gap:.85rem;margin-top:.5rem;display:flex}.form-input,.form-select{border:1px solid var(--pj-border-strong);box-sizing:border-box;background:var(--pj-surface);width:100%;color:var(--pj-text);border-radius:10px;padding:.75rem .95rem;font-family:inherit;font-size:.95rem;transition:all .15s}.form-input:focus,.form-select:focus{border-color:#5c9032;outline:none;box-shadow:0 0 0 3px #5c90322e}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1.4rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{color:#fff;background:linear-gradient(135deg,#7cb342,#5c9032);box-shadow:0 4px 12px #5c903240}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5c9032,#4a7527);transform:translateY(-1px);box-shadow:0 6px 16px #5c903259}.btn-primary-sm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7cb342,#5c9032);border:none;border-radius:8px;padding:.4rem .85rem;font-size:.85rem;font-weight:700;transition:all .15s;box-shadow:0 2px 8px #5c903240}.btn-primary-sm:hover:not(:disabled){background:linear-gradient(135deg,#5c9032,#4a7527);transform:translateY(-1px)}.btn-secondary{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.btn-secondary:hover{color:#0f172a;background:#e2e8f0}.btn-secondary-sm{color:#3e6320;cursor:pointer;background:#f2f7ec;border:1px solid #c5dfab;border-radius:8px;padding:.4rem .85rem;font-size:.85rem;font-weight:700;transition:all .15s}.btn-secondary-sm:hover{background:#e6f0db;transform:translateY(-1px)}[data-theme=dark] .today-btn,[data-theme=dark] .alert-success,[data-theme=dark] .entry-pill,[data-theme=dark] .badge-project,[data-theme=dark] .btn-secondary-sm,[data-theme=dark] .batch-action-bar{color:#a3d977;background:#5c903229;border-color:#7cb34259}[data-theme=dark] .today-btn:hover,[data-theme=dark] .btn-secondary-sm:hover,[data-theme=dark] .week-preset-btn:hover,[data-theme=dark] .preset-btn:hover{color:#b9e38f;background:#5c903242;border-color:#7cb34280}[data-theme=dark] .proj-tag,[data-theme=dark] .batch-link-btn,[data-theme=dark] .edit-hint,[data-theme=dark] .shift-hint strong,[data-theme=dark] .tab-btn.active,[data-theme=dark] .toggle-btn.selected{color:#a3d977}[data-theme=dark] .calendar-day-card.selected{background:#5c90322e!important;border-color:#7cb342!important}[data-theme=dark] .day-strip-pill.active{background:#5c90322e;border-color:#7cb342}[data-theme=dark] .day-strip-pill.active .strip-day-name,[data-theme=dark] .day-strip-pill.active .strip-day-number{color:#a3d977}[data-theme=dark] .calendar-day-card.is-holiday,[data-theme=dark] .holiday-row,[data-theme=dark] .holiday-row .project-cell,[data-theme=dark] .holiday-form-block,[data-theme=dark] .holiday-banner,[data-theme=dark] .badge-holiday,[data-theme=dark] .chip{color:#fbbf24;background:#d9770626;border-color:#f59e0b66}[data-theme=dark] .calendar-day-card.is-holiday{background:#d977061f!important;border-color:#f59e0b59!important}[data-theme=dark] .calendar-day-card.invalid-total{background:#d977061a!important;border-color:#f59e0b!important}[data-theme=dark] .holiday-form-block label,[data-theme=dark] .holiday-cell-title,[data-theme=dark] .text-warn,[data-theme=dark] .warn-hint,[data-theme=dark] .holiday-toggle-chip:hover{color:#fbbf24!important}[data-theme=dark] .chip:hover{background:#d9770642;border-color:#f59e0b}[data-theme=dark] .modal-total-bar.under{color:#fbbf24;background:#d9770629;border-color:#f59e0b66}[data-theme=dark] .modal-total-bar.under strong{color:#fbbf24}[data-theme=dark] .alert-error,[data-theme=dark] .btn-danger-sm,[data-theme=dark] .remove-row-btn,[data-theme=dark] .modal-total-bar.over{color:#f87171;background:#ef444424;border-color:#ef444461}[data-theme=dark] .btn-danger-sm:hover,[data-theme=dark] .remove-row-btn:hover{background:#ef444442}[data-theme=dark] .modal-total-bar.over strong{color:#f87171}[data-theme=dark] th.th-error-column{color:#f87171!important;background:#ef444424!important;border-left-color:#ef444480!important;border-right-color:#ef444480!important}[data-theme=dark] th.th-error-column .th-day-name,[data-theme=dark] th.th-error-column .th-day-num{color:#f87171!important}[data-theme=dark] td.td-error-column{background:#ef444414!important;border-left-color:#ef444459!important;border-right-color:#ef444459!important}[data-theme=dark] td.td-error-column .cell-input{color:#f87171!important;background:#ef44441f!important;border-color:#ef4444!important}[data-theme=dark] .modal-total-bar.valid{color:#a3d977;background:#5c90322e;border-color:#7cb34266}[data-theme=dark] .modal-total-bar.valid strong{color:#a3d977}[data-theme=dark] .project-col,[data-theme=dark] .project-cell{box-shadow:4px 0 10px -2px #00000073}.tab-label-short,.mobile-day-nav,.mobile-day-detail{display:none}@media (width<=1024px){.timesheet-hub-container{padding:1.5rem}.summary-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.view-mode-bar{align-items:stretch}.shift-hint{margin-left:0}}@media (width<=600px){.timesheet-hub-container{padding:1rem}.timesheet-header{border-radius:14px;flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.25rem;padding:1.25rem}.header-title-group h1{font-size:1.35rem}.header-title-group .subtitle{font-size:.85rem;line-height:1.45}.month-navigator{grid-template-columns:auto 1fr auto;gap:.5rem;width:100%;display:grid}.month-navigator .today-btn{grid-column:1/-1}.current-month-display{justify-content:center;min-width:0;padding:.55rem .75rem}.month-name{font-size:1.1rem}.year-number{font-size:.95rem}.nav-btn{white-space:nowrap;padding:.55rem .8rem;font-size:.85rem}.summary-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem}.stat-card{border-radius:12px;padding:.9rem}.stat-label{letter-spacing:.04em;margin-bottom:.3rem;font-size:.68rem}.stat-value{margin-bottom:.15rem;font-size:1.4rem}.stat-value small{font-size:.8rem}.stat-desc{font-size:.7rem;line-height:1.35}.view-mode-bar{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1.25rem}.mode-tabs{grid-template-columns:repeat(3,1fr);gap:.25rem;display:grid}.tab-btn{justify-content:center;align-items:center;gap:.25rem;padding:.6rem .35rem;font-size:.8rem;display:flex}.tab-label-full{display:none}.tab-label-short{display:inline}.unit-toggle-container{justify-content:space-between}.matrix-actions{flex-direction:column}.matrix-actions .btn{width:100%}.series-range-bar{gap:.6rem;padding:.85rem 1rem}.shift-hint{display:none}.week-preset-list{gap:.4rem}.batch-action-bar{flex-direction:column;align-items:stretch;gap:.85rem;padding:1rem}.batch-info{flex-wrap:wrap;gap:.6rem}.batch-buttons{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.batch-btn-item{width:100%}.calendar-grid{display:none}.calendar-day-card{min-height:0;padding:1rem}.calendar-day-card:hover{transform:none}.day-card-footer{flex-wrap:wrap;gap:.35rem}.mobile-day-nav{align-items:center;gap:.5rem;margin-bottom:.85rem;display:flex}.strip-arrow{border:1px solid var(--pj-border-strong);background:var(--pj-surface);width:34px;height:34px;color:var(--pj-text);cursor:pointer;border-radius:10px;flex-shrink:0;place-items:center;font-size:1.15rem;line-height:1;transition:all .15s;display:grid}.strip-arrow:hover:not(:disabled){background:var(--pj-surface-soft);border-color:var(--pj-text-faint)}.strip-arrow:disabled{opacity:.35;cursor:not-allowed}.day-strip-nav{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex:1;gap:.5rem;min-width:0;padding:.15rem .15rem .4rem;display:flex;overflow-x:auto}.day-strip-pill{border:1.5px solid var(--pj-border);background:var(--pj-surface);cursor:pointer;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:.3rem;width:50px;padding:.5rem .25rem .45rem;transition:all .18s;display:flex}.day-strip-pill.is-today{border-color:var(--pj-text-faint)}.day-strip-pill.active{background:#f2f7ec;border-color:#5c9032;box-shadow:0 2px 8px #5c90322e}.strip-day-name{letter-spacing:.03em;text-transform:uppercase;color:var(--pj-text-soft);font-size:.65rem;font-weight:700}.strip-day-number{color:var(--pj-text);font-size:1rem;font-weight:800}.day-strip-pill.active .strip-day-name,.day-strip-pill.active .strip-day-number{color:#3e6320}.strip-dot{background:var(--pj-border-strong);border-radius:50%;width:6px;height:6px}.strip-dot-done{background:#5c9032}.strip-dot-holiday{background:#d97706}.strip-dot-invalid{background:#ef4444}.mobile-day-detail{margin-bottom:1.25rem;display:block}.mobile-day-detail .calendar-day-card{box-shadow:var(--pj-shadow)}.matrix-table-wrapper{-webkit-overflow-scrolling:touch}.project-col,.project-cell{width:140px;min-width:140px;padding-left:.85rem!important}.matrix-table th,.matrix-table td{padding:.6rem .4rem}.proj-name{font-size:.85rem}.timesheets-table-wrapper{background:0 0;border:none;border-radius:0;overflow-x:visible}.timesheets-table thead{display:none}.timesheets-table,.timesheets-table tbody,.timesheets-table tr,.timesheets-table td{width:100%;display:block}.timesheets-table tr{background:var(--pj-surface);border:1px solid var(--pj-border);box-shadow:var(--pj-shadow);border-radius:14px;margin-bottom:.75rem;padding:.35rem 0}.timesheets-table td{text-align:right;border-bottom:none;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.timesheets-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.04em;color:var(--pj-text-soft);text-align:left;flex-shrink:0;font-size:.7rem;font-weight:700}.timesheets-table td[data-label=Note]{word-break:break-word}.timesheets-table td[data-label=Action] .btn-danger-sm{padding:.4rem 1rem}.timesheet-hub-container .modal-backdrop{align-items:flex-end;padding:0}.timesheet-hub-container .modal-content,.timesheet-hub-container .modal-content.modal-large,.timesheet-hub-container .confirm-modal-card{border-radius:20px 20px 0 0;width:100%;max-height:92vh;max-width:100%!important}.modal-header{gap:.75rem;padding:1.1rem 1.15rem}.modal-header h2{font-size:1.05rem}.modal-subtitle{font-size:.78rem}.modal-close{flex-shrink:0}.modal-form{gap:1.15rem;padding:1.15rem}.type-toggle-group{grid-template-columns:1fr}.toggle-btn{padding:.65rem;font-size:.85rem}.block-header{flex-wrap:wrap;gap:.6rem}.project-row-item{padding:.9rem}.row-main{flex-wrap:wrap;align-items:flex-end;gap:.6rem}.proj-select-field{flex:100%}.hours-field{flex:auto;width:auto;min-width:0}.remove-row-btn{flex-shrink:0}.modal-total-bar{padding:.85rem 1rem;font-size:.875rem}.modal-actions,.confirm-actions{flex-direction:column-reverse}.modal-actions .btn,.confirm-actions .btn{width:100%}.confirm-modal-body{padding:1.25rem}.form-input,.form-select,.note-input,.cell-input{font-size:16px}.cell-input{width:52px}}@media (width<=430px){.header-title-group h1{font-size:1.2rem}.strip-arrow{width:30px;height:30px;font-size:1rem}.day-strip-pill{width:44px;padding:.45rem .2rem .4rem}.strip-day-name{font-size:.6rem}.strip-day-number{font-size:.9rem}.stat-value{font-size:1.25rem}.tab-btn{padding:.55rem .25rem;font-size:.75rem}.batch-buttons{grid-template-columns:1fr}.preset-chip-group{gap:.5rem}.chip{padding:.55rem .9rem;font-size:.825rem}.row-presets{gap:.35rem}.preset-btn{padding:.3rem .55rem;font-size:.72rem}}@media (width<=600px){:root[data-theme=dark] .timesheets-table-wrapper{background:0 0!important;border:none!important}}.timesheet-hub-container .ts-validation-bar{background:var(--pj-surface);border:1px solid var(--pj-border);border-left:5px solid var(--pj-border-strong);box-shadow:var(--pj-shadow);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex}.timesheet-hub-container .ts-validation-main{flex:340px;align-items:flex-start;gap:1rem;min-width:0;display:flex}.timesheet-hub-container .ts-status-pill{letter-spacing:.01em;white-space:nowrap;background:var(--pj-track);color:var(--pj-text-soft);border:1px solid var(--pj-border);border-radius:999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.78rem;font-weight:800;display:inline-flex}.timesheet-hub-container .ts-status-icon{font-size:.9rem}.timesheet-hub-container .ts-validation-text{flex-direction:column;gap:.2rem;min-width:0;display:flex}.timesheet-hub-container .ts-validation-title{color:var(--pj-text);font-size:.98rem;font-weight:800}.timesheet-hub-container .ts-validation-hint,.timesheet-hub-container .ts-validation-meta{color:var(--pj-text-soft);font-size:.82rem}.timesheet-hub-container .ts-validation-comment{background:var(--pj-surface-soft);border:1px solid var(--pj-border);color:var(--pj-text);border-radius:10px;margin-top:.35rem;padding:.5rem .75rem;font-size:.82rem;font-style:italic}.timesheet-hub-container .ts-validation-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.timesheet-hub-container .ts-validation-actions .btn-icon-only{gap:0;width:42px;height:42px;padding:.65rem}.timesheet-hub-container .ts-status-not_validated{border-left-color:var(--pj-border-strong)}.timesheet-hub-container .ts-status-pending{border-left-color:#d97706}.timesheet-hub-container .ts-status-pending .ts-status-pill{color:#b45309;background:#fef3c7;border-color:#fde68a}.timesheet-hub-container .ts-status-approved{border-left-color:var(--pj-primary)}.timesheet-hub-container .ts-status-approved .ts-status-pill{color:#3e6320;background:#f2f7ec;border-color:#d7e7c6}.timesheet-hub-container .ts-status-rejected{border-left-color:#dc2626}.timesheet-hub-container .ts-status-rejected .ts-status-pill{color:#991b1b;background:#fee2e2;border-color:#fca5a5}[data-theme=dark] .timesheet-hub-container .ts-status-pending .ts-status-pill{color:#fcd34d;background:#d9770629;border-color:#d9770666}[data-theme=dark] .timesheet-hub-container .ts-status-approved .ts-status-pill{color:#a3d977;background:#5c90322e;border-color:#5c903273}[data-theme=dark] .timesheet-hub-container .ts-status-rejected .ts-status-pill{color:#fca5a5;background:#dc262629;border-color:#dc262666}.timesheet-hub-container .calendar-day-card.ts-card-locked{cursor:default;background-image:repeating-linear-gradient(135deg,#0000,#0000 12px,#64748b0d 12px 24px)}.timesheet-hub-container .calendar-day-card.ts-card-locked:hover{box-shadow:var(--pj-shadow);transform:none}.timesheet-hub-container .badge-locked{background:var(--pj-track);color:var(--pj-text-soft);border:1px solid var(--pj-border)}@media (width<=700px){.timesheet-hub-container .ts-validation-bar{flex-direction:column;align-items:stretch;padding:1rem 1.1rem}.timesheet-hub-container .ts-validation-actions .btn{flex:auto;justify-content:center}.timesheet-hub-container .ts-validation-actions .btn-icon-only{flex:none}}.tsv-container{--pj-surface:#fff;--pj-surface-soft:#f8fafc;--pj-border:#e6ebf1;--pj-border-strong:#cfd8e3;--pj-text:#0f172a;--pj-text-soft:#64748b;--pj-text-faint:#94a3b8;--pj-primary:#5c9032;--pj-primary-strong:#4a7527;--pj-track:#eef2f6;--pj-shadow:0 1px 2px #0f172a0a, 0 6px 20px #0f172a0d;--pj-shadow-hover:0 2px 4px #0f172a0d, 0 18px 36px #0f172a1a;max-width:1400px;color:var(--pj-text);margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}[data-theme=dark] .tsv-container{--pj-surface:#1e293b;--pj-surface-soft:#172033;--pj-border:#2f3d51;--pj-border-strong:#46566d;--pj-text:#f1f5f9;--pj-text-soft:#94a3b8;--pj-text-faint:#64748b;--pj-track:#0f172a;--pj-shadow:0 1px 2px #0003, 0 6px 20px #0000002e;--pj-shadow-hover:0 2px 4px #00000040, 0 18px 36px #00000047}.tsv-container .tsv-header{background:var(--pj-surface);border:1px solid var(--pj-border);box-shadow:var(--pj-shadow);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.75rem;padding:1.75rem 2rem;display:flex}.tsv-container .tsv-header h1{letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.85rem;font-weight:800}.tsv-container .tsv-subtitle{max-width:68ch;color:var(--pj-text-soft);margin:0;font-size:.9rem;line-height:1.5}.tsv-container .tsv-tabs{background:var(--pj-surface);border:1px solid var(--pj-border);box-shadow:var(--pj-shadow);border-radius:14px;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.5rem;padding:.75rem;display:flex}.tsv-container .tsv-tab{color:var(--pj-text-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.88rem;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.tsv-container .tsv-tab:hover{background:var(--pj-surface-soft);color:var(--pj-text)}.tsv-container .tsv-tab.active{background:var(--pj-primary);border-color:var(--pj-primary);color:#fff}.tsv-container .tsv-tab-count{background:var(--pj-track);min-width:1.45rem;color:var(--pj-text-soft);text-align:center;border-radius:999px;padding:.1rem .4rem;font-size:.75rem;font-weight:800}.tsv-container .tsv-tab.active .tsv-tab-count{color:#fff;background:#ffffff38}.tsv-container .tsv-search{border:1px solid var(--pj-border);background:var(--pj-surface-soft);min-width:180px;color:var(--pj-text);border-radius:10px;outline:none;flex:220px;margin-left:auto;padding:.6rem .9rem;font-size:.88rem}.tsv-container .tsv-search:focus{border-color:var(--pj-primary);box-shadow:0 0 0 3px #5c903226}.tsv-container .tsv-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.1rem;display:grid}.tsv-container .tsv-card{background:var(--pj-surface);border:1px solid var(--pj-border);border-top:4px solid var(--pj-border-strong);box-shadow:var(--pj-shadow);cursor:pointer;border-radius:16px;flex-direction:column;gap:.9rem;padding:1.25rem;transition:transform .15s,box-shadow .15s;display:flex}.tsv-container .tsv-card:hover{box-shadow:var(--pj-shadow-hover);transform:translateY(-2px)}.tsv-container .tsv-card-pending{border-top-color:#d97706}.tsv-container .tsv-card-approved{border-top-color:var(--pj-primary)}.tsv-container .tsv-card-rejected{border-top-color:#dc2626}.tsv-container .tsv-card-head{align-items:center;gap:.75rem;display:flex}.tsv-container .tsv-avatar{background:var(--pj-primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:.9rem;font-weight:800;display:grid}.tsv-container .tsv-owner{flex-direction:column;min-width:0;display:flex}.tsv-container .tsv-owner-name{white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;font-weight:800;overflow:hidden}.tsv-container .tsv-owner-meta{color:var(--pj-text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.tsv-container .tsv-pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;flex-shrink:0;margin-left:auto;padding:.25rem .65rem;font-size:.7rem;font-weight:800}.tsv-container .tsv-pill-pending{color:#b45309;background:#fef3c7;border-color:#fde68a}.tsv-container .tsv-pill-approved{color:#3e6320;background:#f2f7ec;border-color:#d7e7c6}.tsv-container .tsv-pill-rejected{color:#991b1b;background:#fee2e2;border-color:#fca5a5}[data-theme=dark] .tsv-container .tsv-pill-pending{color:#fcd34d;background:#d9770629;border-color:#d9770666}[data-theme=dark] .tsv-container .tsv-pill-approved{color:#a3d977;background:#5c90322e;border-color:#5c903273}[data-theme=dark] .tsv-container .tsv-pill-rejected{color:#fca5a5;background:#dc262629;border-color:#dc262666}.tsv-container .tsv-period{letter-spacing:-.01em;font-size:1.05rem;font-weight:800}.tsv-container .tsv-metrics{background:var(--pj-surface-soft);border:1px solid var(--pj-border);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem;display:grid}.tsv-container .tsv-metric{text-align:center;flex-direction:column;align-items:center;gap:.15rem;display:flex}.tsv-container .tsv-metric-value{color:var(--pj-primary);font-size:1.15rem;font-weight:800}.tsv-container .tsv-metric-label{color:var(--pj-text-soft);font-size:.7rem}.tsv-container .tsv-card-foot{border-top:1px dashed var(--pj-border);justify-content:space-between;align-items:center;gap:.5rem;padding-top:.75rem;display:flex}.tsv-container .tsv-timestamp{color:var(--pj-text-faint);font-size:.75rem}.tsv-container .tsv-card-actions{align-items:center;gap:.35rem;display:flex}.tsv-container .tsv-review-hint{color:var(--pj-primary);font-size:.78rem;font-weight:700}.tsv-container .tsv-icon-btn{border:1px solid var(--pj-border);background:var(--pj-surface-soft);color:var(--pj-text-soft);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.3rem .5rem;font-size:.9rem;transition:border-color .15s,color .15s,transform .15s;display:inline-flex}.tsv-container .tsv-icon-btn:hover:not(:disabled){border-color:var(--pj-primary);color:var(--pj-primary);transform:translateY(-1px)}.tsv-container .tsv-icon-btn:disabled{opacity:.5;cursor:not-allowed}.tsv-container .tsv-placeholder{text-align:center;color:var(--pj-text-soft);background:var(--pj-surface);border:1px dashed var(--pj-border-strong);border-radius:16px;padding:3rem 1.5rem;font-size:.95rem}.tsv-container .tsv-error{color:#991b1b;border-color:#fca5a5}.tsv-container .tsv-btn,.tsv-modal-backdrop .tsv-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:.4rem;padding:.65rem 1.15rem;font-size:.88rem;font-weight:700;transition:filter .15s,transform .15s;display:inline-flex}.tsv-container .tsv-btn:disabled,.tsv-modal-backdrop .tsv-btn:disabled{opacity:.55;cursor:not-allowed}.tsv-container .tsv-btn-icon-only,.tsv-modal-backdrop .tsv-btn-icon-only{justify-content:center;gap:0;width:42px;height:42px;padding:.65rem}.tsv-container .tsv-btn-primary,.tsv-modal-backdrop .tsv-btn-primary{background:var(--pj-primary,#5c9032);color:#fff}.tsv-container .tsv-btn-primary:hover:not(:disabled),.tsv-modal-backdrop .tsv-btn-primary:hover:not(:disabled){filter:brightness(.94)}.tsv-container .tsv-btn-secondary,.tsv-modal-backdrop .tsv-btn-secondary{background:var(--pj-surface-soft,#f8fafc);border-color:var(--pj-border,#e6ebf1);color:var(--pj-text,#0f172a)}.tsv-container .tsv-btn-danger,.tsv-modal-backdrop .tsv-btn-danger{color:#991b1b;background:#fee2e2;border-color:#fca5a5}[data-theme=dark] .tsv-modal-backdrop .tsv-btn-danger{color:#fca5a5;background:#dc262629;border-color:#dc262666}.tsv-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.tsv-modal-backdrop .tsv-modal{--pj-surface:#fff;--pj-surface-soft:#f8fafc;--pj-border:#e6ebf1;--pj-border-strong:#cfd8e3;--pj-text:#0f172a;--pj-text-soft:#64748b;--pj-text-faint:#94a3b8;--pj-primary:#5c9032;--pj-track:#eef2f6;background:var(--pj-surface);border:1px solid var(--pj-border);width:min(920px,100%);max-height:88vh;color:var(--pj-text);border-radius:18px;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a59}[data-theme=dark] .tsv-modal-backdrop .tsv-modal{--pj-surface:#1e293b;--pj-surface-soft:#172033;--pj-border:#2f3d51;--pj-border-strong:#46566d;--pj-text:#f1f5f9;--pj-text-soft:#94a3b8;--pj-text-faint:#64748b;--pj-track:#0f172a}.tsv-modal-backdrop .tsv-modal-head{border-bottom:1px solid var(--pj-border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.35rem 1.6rem;display:flex}.tsv-modal-backdrop .tsv-modal-head h2{margin:0 0 .25rem;font-size:1.2rem;font-weight:800}.tsv-modal-backdrop .tsv-modal-sub{color:var(--pj-text-soft);font-size:.82rem}.tsv-modal-backdrop .tsv-modal-close{color:var(--pj-text-soft);cursor:pointer;background:0 0;border:none;font-size:1.6rem;line-height:1}.tsv-modal-backdrop .tsv-modal-body{padding:1.25rem 1.6rem;overflow-y:auto}.tsv-modal-backdrop .tsv-table-wrapper{border:1px solid var(--pj-border);border-radius:12px;overflow-x:auto}.tsv-modal-backdrop .tsv-table{border-collapse:collapse;width:100%;font-size:.85rem}.tsv-modal-backdrop .tsv-table th{background:var(--pj-surface-soft);color:var(--pj-text-soft);text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid var(--pj-border);padding:.7rem .85rem;font-size:.72rem;font-weight:800}.tsv-modal-backdrop .tsv-table td{border-bottom:1px solid var(--pj-border);vertical-align:middle;padding:.65rem .85rem}.tsv-modal-backdrop .tsv-table tr:last-child td{border-bottom:none}.tsv-modal-backdrop .tsv-right{text-align:right;white-space:nowrap}.tsv-modal-backdrop .tsv-date-cell{white-space:nowrap;background:var(--pj-surface-soft);border-right:1px solid var(--pj-border);display:table-cell}.tsv-modal-backdrop .tsv-day-total{color:var(--pj-text-soft);font-size:.72rem;display:block}.tsv-modal-backdrop .tsv-day-warn{color:#b45309;font-weight:800}.tsv-modal-backdrop .tsv-tag{border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.tsv-modal-backdrop .tsv-tag-holiday{color:#b45309;background:#fef3c7}.tsv-modal-backdrop .tsv-tag-project{color:#3e6320;background:#f2f7ec}[data-theme=dark] .tsv-modal-backdrop .tsv-tag-holiday{color:#fcd34d;background:#d9770629}[data-theme=dark] .tsv-modal-backdrop .tsv-tag-project{color:#a3d977;background:#5c90322e}.tsv-modal-backdrop .tsv-note{color:var(--pj-text-soft);max-width:280px}.tsv-modal-backdrop .tsv-existing-comment{background:var(--pj-surface-soft);border:1px solid var(--pj-border);border-radius:12px;margin-top:1rem;padding:.8rem 1rem;font-size:.85rem;font-style:italic}.tsv-modal-backdrop .tsv-decision{flex-direction:column;gap:.4rem;margin-top:1.25rem;display:flex}.tsv-modal-backdrop .tsv-decision label{color:var(--pj-text-soft);font-size:.8rem;font-weight:800}.tsv-modal-backdrop .tsv-textarea{border:1px solid var(--pj-border);background:var(--pj-surface-soft);width:100%;color:var(--pj-text);resize:vertical;border-radius:10px;outline:none;padding:.75rem .9rem;font-family:inherit;font-size:.88rem}.tsv-modal-backdrop .tsv-textarea:focus{border-color:var(--pj-primary);box-shadow:0 0 0 3px #5c903226}.tsv-modal-backdrop .tsv-modal-foot{border-top:1px solid var(--pj-border);background:var(--pj-surface-soft);justify-content:flex-end;gap:.6rem;padding:1.1rem 1.6rem;display:flex}@media (width<=768px){.tsv-container{padding:1rem}.tsv-container .tsv-header{padding:1.25rem}.tsv-container .tsv-header h1{font-size:1.4rem}.tsv-container .tsv-grid{grid-template-columns:1fr}.tsv-container .tsv-search{width:100%;margin-left:0}.tsv-modal-backdrop{padding:.75rem}.tsv-modal-backdrop .tsv-modal-head,.tsv-modal-backdrop .tsv-modal-body,.tsv-modal-backdrop .tsv-modal-foot{padding-left:1rem;padding-right:1rem}.tsv-modal-backdrop .tsv-modal-foot{flex-wrap:wrap}.tsv-modal-backdrop .tsv-modal-foot .tsv-btn{flex:auto;justify-content:center}.tsv-modal-backdrop .tsv-modal-foot .tsv-btn-icon-only{flex:none}}.users-page{--pj-surface:#fff;--pj-surface-soft:#f8fafc;--pj-border:#e6ebf1;--pj-border-strong:#cfd8e3;--pj-text:#0f172a;--pj-text-soft:#64748b;--pj-text-faint:#94a3b8;--pj-primary:#5c9032;--pj-primary-strong:#4a7527;--pj-track:#eef2f6;--pj-shadow:0 1px 2px #0f172a0a, 0 6px 20px #0f172a0d;--pj-shadow-hover:0 2px 4px #0f172a0d, 0 18px 36px #0f172a1a;max-width:1400px;color:var(--pj-text);margin:0 auto;padding:2rem}[data-theme=dark] .users-page{--pj-surface:#1e293b;--pj-surface-soft:#172033;--pj-border:#2f3d51;--pj-border-strong:#46566d;--pj-text:#f1f5f9;--pj-text-soft:#94a3b8;--pj-text-faint:#64748b;--pj-track:#0f172a;--pj-shadow:0 1px 2px #0003, 0 6px 20px #0000002e;--pj-shadow-hover:0 2px 4px #00000040, 0 18px 36px #00000047}.users-mobile-cards{display:none}.users-header-row{margin-bottom:2rem}.users-page h1{color:var(--pj-text);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.users-subtitle{color:var(--pj-text-soft);font-size:.95rem}.users-table-wrapper{background:var(--pj-surface);border:1px solid var(--pj-border);border-radius:12px;overflow:visible;box-shadow:0 4px 20px #0000000a}.users-table{border-collapse:collapse;width:100%}.users-table thead{background-color:var(--pj-surface-soft)}.users-table th{text-align:left;color:var(--pj-text);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--pj-border);padding:1rem 1.25rem;font-size:.85rem;font-weight:600}.users-table td{border-bottom:1px solid var(--pj-surface-soft);color:var(--pj-text);vertical-align:middle;padding:1rem 1.25rem;font-size:.9rem}.users-table tbody tr:hover{background-color:var(--pj-surface-soft)}.user-info-cell{align-items:center;gap:.75rem;display:flex}.user-avatar-small-img{object-fit:cover;border:1.5px solid var(--pj-border);border-radius:50%;width:40px;height:40px}.user-avatar-small{color:#fff;background:linear-gradient(135deg,#7cb342,#5c9032);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 2px 6px #5c903233}.user-name{color:var(--pj-text);font-size:.95rem;font-weight:600}.user-phone{color:var(--pj-text-soft);font-size:.8rem}.roles-badges-wrapper{flex-wrap:wrap;gap:.4rem;display:flex}.role-badge{letter-spacing:.4px;border-radius:12px;padding:.3rem .65rem;font-size:.75rem;font-weight:700;display:inline-block}.role-admin{color:#991b1b;background-color:#fee2e2}.role-responsable{color:#92400e;background-color:#fef3c7}.role-collaborateur{color:#075985;background-color:#e0f2fe}.responsables-chips-wrapper{flex-wrap:wrap;gap:.35rem;display:flex}.responsable-chip{background-color:var(--pj-surface-soft);border:1px solid var(--pj-border-strong);color:var(--pj-text);border-radius:12px;align-items:center;padding:.25rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.no-responsable-text{color:var(--pj-text-faint)}.btn-edit-user{border:1px solid var(--pj-border-strong);background-color:var(--pj-surface);width:36px;height:36px;color:var(--pj-text-soft);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex;position:relative}.btn-edit-user:hover{color:#5c9032;background-color:#5c903214;border-color:#5c9032;box-shadow:0 2px 10px #5c903240}.edit-btn-tooltip-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.edit-btn-tooltip-wrapper[data-tooltip]:before{content:attr(data-tooltip);background-color:var(--pj-text);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:10000;border-radius:6px;padding:.4rem .65rem;font-size:.75rem;font-weight:600;transition:all .2s cubic-bezier(.2,.8,.2,1);position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 4px 12px #0f172a26}[data-theme=dark] .edit-btn-tooltip-wrapper[data-tooltip]:before{background-color:var(--pj-surface-soft);color:var(--pj-text);box-shadow:0 4px 12px #00000040}.edit-btn-tooltip-wrapper[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translate(-50%)translateY(4px)}.users-filter-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.users-search-wrap{flex:1;align-items:center;min-width:200px;display:flex;position:relative}.users-search-icon{color:var(--pj-text-faint);pointer-events:none;flex-shrink:0;position:absolute;left:.75rem}.users-search-input{box-sizing:border-box;border:1px solid var(--pj-border);width:100%;color:var(--pj-text);background:var(--pj-surface);border-radius:10px;padding:.6rem 2.4rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.users-search-input::placeholder{color:var(--pj-text-faint)}.users-search-input:focus{border-color:#5c9032;outline:none;box-shadow:0 0 0 3px #5c903226}.users-search-clear{color:var(--pj-text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .3rem;font-size:.85rem;line-height:1;transition:color .15s;position:absolute;right:.65rem}.users-search-clear:hover{color:#ef4444}.users-role-filters{flex-wrap:wrap;gap:.4rem;display:flex}.role-filter-pill{border:1.5px solid var(--pj-border);background:var(--pj-surface);color:var(--pj-text-soft);cursor:pointer;white-space:nowrap;border-radius:20px;padding:.45rem .9rem;font-size:.8rem;font-weight:600;transition:all .18s}.role-filter-pill:hover{color:#5c9032;border-color:#5c9032}.role-filter-pill.active{color:#fff;background:#5c9032;border-color:#5c9032}.role-filter-pill.pill-collaborateur.active{background:#0284c7;border-color:#0284c7}.role-filter-pill.pill-responsable.active{background:#d97706;border-color:#d97706}.role-filter-pill.pill-admin.active{background:#dc2626;border-color:#dc2626}.users-results-meta{color:var(--pj-text-faint);margin-bottom:.75rem;font-size:.8rem}.users-empty-state{color:var(--pj-text-faint);text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.users-empty-state p{margin:0;font-size:.95rem}.users-clear-filters-btn{background:var(--pj-surface-soft);border:1px solid var(--pj-border);color:var(--pj-text-soft);cursor:pointer;border-radius:8px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.users-clear-filters-btn:hover{background:var(--pj-border);color:var(--pj-text)}.users-paginator{justify-content:center;align-items:center;gap:.4rem;margin-top:1.25rem;padding:.5rem 0;display:flex}.paginator-pages{align-items:center;gap:.3rem;display:flex}.paginator-btn,.paginator-page-btn{border:1.5px solid var(--pj-border);background:var(--pj-surface);color:var(--pj-text-soft);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;transition:all .18s;display:inline-flex}.paginator-btn{width:36px;height:36px;padding:0}.paginator-page-btn{min-width:36px;height:36px;padding:0 .5rem}.paginator-btn:hover:not(:disabled),.paginator-page-btn:hover:not(.active){color:#5c9032;background:#5c90320d;border-color:#5c9032}.paginator-btn:disabled{opacity:.35;cursor:not-allowed}.paginator-page-btn.active{color:#fff;background:#5c9032;border-color:#5c9032}.paginator-ellipsis{color:var(--pj-text-faint);-webkit-user-select:none;user-select:none;padding:0 .2rem;font-size:.85rem}[data-theme=dark] .users-search-clear:hover{color:#f87171}@media (width<=640px){.users-filter-bar{flex-direction:column;align-items:stretch;gap:.6rem}.users-search-wrap{min-width:0}.users-search-input{font-size:1rem}.users-role-filters{justify-content:flex-start;gap:.35rem}.role-filter-pill{padding:.4rem .75rem;font-size:.75rem}.paginator-btn,.paginator-page-btn{width:34px;min-width:34px;height:34px;font-size:.8rem}}.users-page .modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background-color:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.users-page .modal-content.modal-wide{background:var(--pj-surface);border-radius:16px;flex-direction:column;width:92vw;max-width:960px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header-premium{border-bottom:1px solid var(--pj-surface-soft);background:var(--pj-surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.header-title-container{align-items:center;gap:1rem;display:flex}.header-avatar-badge{color:#fff;background:linear-gradient(135deg,#7cb342,#5c9032);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.15rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 8px #5c903240}.header-avatar-badge img{object-fit:cover;width:100%;height:100%}.modal-header-premium h2{color:var(--pj-text);margin:0;font-size:1.3rem;font-weight:700}.user-email-subtitle{color:var(--pj-text-soft);font-size:.85rem;font-weight:500}.modal-close-btn{background:var(--pj-surface-soft);border:1px solid var(--pj-border);width:34px;height:34px;color:var(--pj-text-soft);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex}.modal-close-btn:hover{color:#ef4444;background-color:#fee2e2;border-color:#fca5a5}.users-page .modal-form{flex-direction:column;flex:1;display:flex;overflow:hidden}.users-page .modal-body.modal-grid-2col{flex:1;grid-template-columns:1fr 1fr;align-items:start;gap:2rem;padding:1.75rem 2rem;display:grid;overflow:hidden auto}.modal-col-left,.modal-col-right{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.photo-banner-card{background-color:var(--pj-surface-soft);border:1px solid var(--pj-border);border-radius:12px;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.photo-banner-preview{border:2px solid var(--pj-border);background-color:var(--pj-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden}.photo-banner-preview img{object-fit:cover;width:100%;height:100%}.photo-banner-info{flex-direction:column;flex:1;display:flex}.photo-banner-title{color:var(--pj-text);font-size:.9rem;font-weight:600}.photo-banner-desc{color:var(--pj-text-soft);font-size:.78rem}.photo-banner-actions{gap:.4rem;display:flex}.btn-upload-avatar{color:#fff;cursor:pointer;background-color:#5c9032;border-radius:6px;align-items:center;gap:.3rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:background-color .2s;display:inline-flex}.btn-upload-avatar:hover{background-color:#4a7527}.btn-remove-avatar{background-color:var(--pj-surface);color:#ef4444;cursor:pointer;border:1px solid #fca5a5;border-radius:6px;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s}.btn-remove-avatar:hover{background-color:#fee2e2}.form-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--pj-text-soft);border-bottom:1px solid var(--pj-surface-soft);padding-bottom:.4rem;font-size:.82rem;font-weight:700}.flex-between{justify-content:space-between;align-items:center;display:flex}.badge-required{color:#dc2626;text-transform:none;background-color:#fee2e2;border-radius:10px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.users-page .form-group{flex-direction:column;gap:.35rem;display:flex}.users-page .form-group label{color:var(--pj-text);font-size:.85rem;font-weight:600}.users-page .form-group input,.users-page .form-group textarea{border:1px solid var(--pj-border-strong);color:var(--pj-text);background-color:var(--pj-surface);box-sizing:border-box;border-radius:8px;width:100%;padding:.6rem .85rem;font-size:.9rem;transition:all .2s}.password-input-wrap{align-items:center;width:100%;display:flex;position:relative}.password-input-wrap input{width:100%;padding-right:2.75rem!important}.password-toggle-btn{cursor:pointer;color:var(--pj-text-soft);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;right:.75rem}.password-toggle-btn:hover{color:#5c9032}.users-page .form-group input:focus,.users-page .form-group textarea:focus{border-color:#5c9032;outline:none;box-shadow:0 0 0 3px #5c90322e}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.field-hint{color:var(--pj-text-soft);font-size:.78rem}.roles-cards-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.role-toggle-card{border:1.5px solid var(--pj-border);background:var(--pj-surface);cursor:pointer;border-radius:10px;flex-direction:column;gap:.2rem;padding:.75rem .85rem;transition:all .2s;display:flex}.role-toggle-card:hover{border-color:var(--pj-border-strong);transform:translateY(-2px)}.role-toggle-header{justify-content:space-between;align-items:center;display:flex}.role-icon{font-size:1.1rem}.role-toggle-card input[type=checkbox]{accent-color:#5c9032;cursor:pointer;width:16px;height:16px}.role-toggle-title{letter-spacing:.3px;font-size:.75rem;font-weight:700}.role-toggle-desc{color:var(--pj-text-soft);font-size:.7rem;line-height:1.2}.active-collaborateur{background-color:#f0f9ff!important;border-color:#0284c7!important}.active-collaborateur .role-toggle-title{color:#0369a1}.active-responsable{background-color:#fffbeb!important;border-color:#d97706!important}.active-responsable .role-toggle-title{color:#b45309}.active-admin{background-color:#fef2f2!important;border-color:#dc2626!important}.active-admin .role-toggle-title{color:#b91c1c}.no-managers-card{background:var(--pj-surface-soft);border:1px solid var(--pj-border);color:var(--pj-text-soft);text-align:center;border-radius:8px;padding:1rem;font-size:.85rem}.managers-cards-grid{flex-direction:column;gap:.6rem;max-height:250px;padding-right:.25rem;display:flex;overflow-y:auto}.manager-card{border:1.5px solid var(--pj-border);background:var(--pj-surface);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex}.manager-card:hover:not(.disabled){background-color:var(--pj-surface-soft);border-color:#5c9032}.manager-card.selected{background-color:#5c90320d;border-color:#5c9032;box-shadow:0 0 0 1px #5c9032}.manager-card-left{align-items:center;gap:.75rem;display:flex}.manager-avatar{color:#fff;background:linear-gradient(135deg,#7cb342,#5c9032);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.manager-avatar img{object-fit:cover;width:100%;height:100%}.manager-details{flex-direction:column;display:flex}.manager-name{color:var(--pj-text);font-size:.9rem;font-weight:600}.manager-email{color:var(--pj-text-soft);font-size:.78rem}.manager-card-right input[type=checkbox]{accent-color:#5c9032;cursor:pointer;width:18px;height:18px}.manager-card.disabled{opacity:.55;cursor:not-allowed;background-color:var(--pj-surface-soft)}.mutual-warning-pill{color:#dc2626;margin-top:.15rem;font-size:.72rem;font-weight:600}.modal-footer{border-top:1px solid var(--pj-surface-soft);background:var(--pj-surface);flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1.1rem 2rem;display:flex}.btn-cancel{border:1px solid var(--pj-border-strong);background:var(--pj-surface);color:var(--pj-text-soft);cursor:pointer;border-radius:8px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-cancel:hover{background-color:var(--pj-surface-soft)}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7cb342,#5c9032);border:none;border-radius:8px;padding:.65rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #5c903240}.btn-save:hover{transform:translateY(-1px);box-shadow:0 6px 16px #5c903259}.btn-save:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=840px){.modal-body.modal-grid-2col{grid-template-columns:1fr;gap:1.5rem}}@media (width<=640px){.users-page{padding:1rem}.users-page h1{font-size:1.35rem}.users-subtitle{font-size:.85rem}.users-table-wrapper{display:none}.users-mobile-cards{flex-direction:column;gap:.75rem;display:flex}.user-mobile-card{background:var(--pj-surface);border:1px solid var(--pj-border);border-radius:14px;flex-direction:column;gap:.75rem;padding:1rem;display:flex;box-shadow:0 2px 10px #0000000d}.user-mobile-card-header{align-items:center;gap:.75rem;display:flex}.user-mobile-card-info{flex:1;min-width:0}.user-mobile-card-info .user-name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.user-mobile-card-email{color:var(--pj-text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.user-mobile-card-body{border-top:1px solid var(--pj-surface-soft);flex-direction:column;gap:.5rem;padding-top:.5rem;display:flex}.user-mobile-detail-row{align-items:flex-start;gap:.5rem;font-size:.83rem;display:flex}.user-mobile-detail-label{color:var(--pj-text-soft);text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;min-width:80px;padding-top:.1rem;font-size:.7rem;font-weight:700}.user-mobile-detail-value{color:var(--pj-text);flex-wrap:wrap;flex:1;align-items:center;gap:.3rem;display:flex}.user-mobile-card-action{flex-shrink:0}.modal-backdrop{align-items:flex-end;padding:0}.modal-content.modal-wide{border-radius:20px 20px 0 0;width:100vw;max-width:100vw;max-height:92vh;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-content.modal-wide:before{content:"";background-color:var(--pj-border-strong);border-radius:2px;width:36px;height:4px;margin:10px auto -6px;display:block}.modal-header-premium{gap:.75rem;padding:.85rem 1rem}.header-title-container{flex:1;gap:.65rem;min-width:0;overflow:hidden}.header-avatar-badge{flex-shrink:0;width:38px;height:38px;font-size:.95rem}.modal-header-premium h2{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.user-email-subtitle{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.modal-body.modal-grid-2col{-webkit-overflow-scrolling:touch;gap:1.25rem;padding:1rem}.photo-banner-card{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.9rem 1rem}.photo-banner-preview{width:60px;height:60px}.photo-banner-actions{gap:.6rem;width:100%}.btn-upload-avatar{text-align:center;flex:1;justify-content:center;padding:.55rem 1rem;font-size:.85rem}.btn-remove-avatar{padding:.55rem .9rem;font-size:.85rem}.form-group input,.form-group textarea{border-radius:10px;padding:.7rem .9rem;font-size:1rem}.form-group label{font-size:.82rem}.form-row{grid-template-columns:1fr;gap:.75rem}.roles-cards-grid{grid-template-columns:1fr;gap:.5rem}.role-toggle-card{flex-direction:row;align-items:center;gap:.75rem;padding:.7rem .9rem}.role-toggle-header{order:3;margin-left:auto}.role-icon{flex-shrink:0;order:1;font-size:1.25rem}.role-toggle-title{order:2;font-size:.8rem}.role-toggle-desc{display:none}.managers-cards-grid{max-height:none;overflow-y:visible}.manager-card{padding:.7rem .85rem}.manager-name{font-size:.85rem}.manager-email{font-size:.72rem}.modal-footer{flex-direction:column-reverse;gap:.5rem;padding:.85rem 1rem}.btn-cancel,.btn-save{text-align:center;border-radius:10px;justify-content:center;width:100%;padding:.8rem 1rem;font-size:.95rem}}@media (width<=500px){.modal-body.modal-grid-2col{gap:1rem;padding:.75rem}.modal-header-premium,.modal-footer{padding:.75rem .85rem}.photo-banner-card{flex-flow:row;align-items:center;gap:.6rem;padding:.65rem .75rem}.photo-banner-preview{flex-shrink:0;width:42px;height:42px}.photo-banner-info{flex:1;min-width:0}.photo-banner-title{font-size:.8rem}.photo-banner-desc{font-size:.68rem}.photo-banner-actions{flex-shrink:0;width:auto}.btn-upload-avatar{flex:none;padding:.4rem .6rem;font-size:.75rem}.btn-remove-avatar{padding:.4rem .5rem;font-size:.75rem}.form-group input,.form-group textarea{padding:.6rem .65rem;font-size:.95rem}.form-section-title{font-size:.75rem}.roles-cards-grid{gap:.4rem}.role-toggle-card{padding:.6rem .75rem}.role-icon{font-size:1.1rem}.role-toggle-title{font-size:.75rem}.role-toggle-desc{display:none}.manager-card{gap:.5rem;padding:.6rem .7rem}.manager-avatar{width:30px;height:30px;font-size:.75rem}.manager-name{font-size:.8rem}.manager-email{font-size:.68rem}.password-input-wrap input{padding-right:2.4rem!important}}@media (width<=640px){[data-theme=dark] .users-page .modal-content.modal-wide:before{background-color:var(--pj-border-strong)}}[data-theme=dark] .users-table tbody tr:hover{background-color:#ffffff08}[data-theme=dark] .btn-edit-user:hover{border-color:var(--pj-primary);color:#fff;background-color:#5c903233}[data-theme=dark] .role-admin{color:#f87171;background-color:#ef444429}[data-theme=dark] .role-responsable{color:#fbbf24;background-color:#d9770629}[data-theme=dark] .role-collaborateur{color:#7dd3fc;background-color:#0284c72e}[data-theme=dark] .active-collaborateur{background-color:#0284c724!important;border-color:#0284c7!important}[data-theme=dark] .active-collaborateur .role-toggle-title{color:#7dd3fc}[data-theme=dark] .active-responsable{background-color:#d9770624!important;border-color:#d97706!important}[data-theme=dark] .active-responsable .role-toggle-title{color:#fbbf24}[data-theme=dark] .active-admin{background-color:#ef444424!important;border-color:#dc2626!important}[data-theme=dark] .active-admin .role-toggle-title{color:#f87171}[data-theme=dark] .badge-required,[data-theme=dark] .mutual-warning-pill{color:#f87171;background-color:#ef444429}[data-theme=dark] .mutual-warning-pill{background-color:#0000}[data-theme=dark] .btn-remove-avatar{color:#f87171;background-color:#ef444424;border-color:#ef444466}[data-theme=dark] .btn-remove-avatar:hover{background-color:#ef44443d}[data-theme=dark] .modal-close-btn:hover{color:#f87171;background-color:#ef444424;border-color:#ef444466}.messages-page{--pj-surface:#fff;--pj-surface-soft:#f8fafc;--pj-border:#e6ebf1;--pj-border-strong:#cfd8e3;--pj-text:#0f172a;--pj-text-soft:#64748b;--pj-text-faint:#94a3b8;--pj-primary:#5c9032;--pj-primary-strong:#4a7527;--pj-track:#eef2f6;--pj-shadow:0 1px 2px #0f172a0a, 0 6px 20px #0f172a0d;--pj-shadow-hover:0 2px 4px #0f172a0d, 0 18px 36px #0f172a1a;--chat-page-bg:linear-gradient(180deg, var(--pj-surface-soft), var(--pj-track));--chat-sidebar-bg:var(--pj-surface);--chat-sidebar-border:var(--pj-border);--chat-panel-bg:var(--pj-surface-soft);--chat-panel-border:var(--pj-border);--chat-text-primary:var(--pj-text);--chat-text-muted:var(--pj-text-soft);--chat-text-time:var(--pj-text-faint);--chat-channel-item-bg:transparent;--chat-channel-item-hover:var(--pj-surface-soft);--chat-channel-item-active:#5c90321a;--chat-content-bg:var(--pj-surface);--chat-header-bg:var(--pj-surface);--chat-messages-bg:var(--pj-surface-soft);--chat-form-bg:var(--pj-surface);--chat-input-bg:var(--pj-surface);--chat-input-border:var(--pj-border-strong);--chat-input-text:var(--pj-text);--chat-bubble-received-bg:var(--pj-border);--chat-bubble-received-text:var(--pj-text);--chat-shadow:var(--pj-shadow)}[data-theme=dark] .messages-page{--pj-surface:#1e293b;--pj-surface-soft:#172033;--pj-border:#2f3d51;--pj-border-strong:#46566d;--pj-text:#f1f5f9;--pj-text-soft:#94a3b8;--pj-text-faint:#64748b;--pj-track:#0f172a;--pj-shadow:0 1px 2px #0003, 0 6px 20px #0000002e;--pj-shadow-hover:0 2px 4px #00000040, 0 18px 36px #00000047;--chat-page-bg:linear-gradient(180deg, #0b0f19, var(--pj-track));--chat-channel-item-active:#7cb34229;--chat-bubble-received-bg:#334155;--chat-bubble-received-text:var(--pj-text)}.messages-page{background:var(--chat-page-bg);grid-template-columns:300px minmax(0,1fr);gap:1rem;height:100%;padding:1.5rem;display:grid}.messages-sidebar{background:var(--chat-sidebar-bg);border:1px solid var(--chat-sidebar-border);color:var(--chat-text-primary);box-shadow:var(--chat-shadow);border-radius:18px;flex-direction:column;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.sidebar-panel{background:0 0;border:none;padding:.25rem 0}.sidebar-panel-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.sidebar-panel-header.with-action{align-items:flex-start}.panel-label{letter-spacing:.1em;text-transform:uppercase;color:var(--chat-text-muted);margin-bottom:.35rem;font-size:.78rem;font-weight:700}.panel-subtitle{color:var(--chat-text-muted);opacity:.9;font-size:.82rem;line-height:1.45}.channel-list{flex-direction:column;gap:.4rem;display:flex}.channel-item{width:100%;color:var(--chat-text-primary);background:var(--chat-channel-item-bg);text-align:left;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem .9rem;transition:background .2s,border-color .2s;display:flex}.channel-item:hover{background:var(--chat-channel-item-hover)}.channel-item.active{background:var(--chat-channel-item-active);border-color:#5c903259;box-shadow:0 0 0 1px #5c903226}.channel-item.unread .channel-name{color:var(--chat-text-primary);font-weight:800}.channel-item.unread .channel-last-msg{color:var(--chat-text-primary);font-weight:700}.channel-item.unread .channel-last-time{color:var(--pj-primary);font-weight:700}.channel-name{color:var(--chat-text-primary);flex:1;font-size:.95rem;font-weight:600}.channel-item-details{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.channel-item-header,.channel-item-footer{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.channel-last-time{color:var(--chat-text-time);white-space:nowrap;font-size:.72rem;font-weight:400}.channel-last-msg{color:var(--chat-text-muted);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;flex:1;font-size:.78rem;font-weight:400;line-height:1.3;display:-webkit-box;overflow:hidden}.channel-badge{color:#fff;text-align:center;background:#ef4444;border-radius:999px;min-width:24px;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.channel-avatar-container{background:var(--pj-surface-soft);width:40px;height:40px;color:var(--chat-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.channel-avatar-container.project{color:var(--pj-primary-strong);background:#5c90321f}.channel-avatar-container.group{color:#0284c7;background:#0284c71f}.channel-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.channel-avatar-placeholder{width:100%;height:100%;color:var(--chat-text-muted);justify-content:center;align-items:center;display:flex}.channel-avatar-container .status-dot{border:2px solid var(--chat-sidebar-bg);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-2px;right:-2px}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-dot.online{background:var(--pj-primary)}.status-dot.offline{background:var(--pj-border-strong)}.icon-button{background:linear-gradient(135deg, #7cb342, var(--pj-primary));color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;transition:background .2s,transform .15s,box-shadow .2s;display:flex;position:relative;box-shadow:0 2px 8px #5c903259}.icon-button:hover{background:linear-gradient(135deg, var(--pj-primary), var(--pj-primary-strong));transform:scale(1.1);box-shadow:0 4px 14px #5c903273}.icon-button:active{transform:scale(.95)}.icon-button:after{content:attr(title);color:#f8fafc;white-space:nowrap;pointer-events:none;opacity:0;z-index:100;background-color:#0f172aeb;border-radius:8px;padding:.35rem .65rem;font-size:.78rem;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)translate(4px)}.icon-button:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.empty-list{color:var(--chat-text-muted);font-size:.9rem;line-height:1.6}.messages-content{background:var(--chat-content-bg);border:1px solid var(--chat-panel-border);box-shadow:var(--chat-shadow);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.empty-state-card{color:var(--chat-text-muted);text-align:center;flex:1;place-items:center;padding:2rem;display:grid}.empty-state-card p{max-width:380px;font-size:1.1rem;line-height:1.7}.chat-panel{flex-direction:column;height:100%;display:flex}.chat-header{border-bottom:1px solid var(--chat-panel-border);background:var(--chat-header-bg);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.chat-header-info{align-items:center;gap:.85rem;display:flex}.chat-header-avatar-container{background:var(--pj-surface-soft);width:44px;height:44px;color:var(--chat-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.chat-header-avatar-container.project{color:var(--pj-primary-strong);background:#5c90321f}.chat-header-avatar-container.group{color:#0284c7;background:#0284c71f}.chat-header-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.chat-header-avatar-placeholder{width:100%;height:100%;color:var(--chat-text-muted);justify-content:center;align-items:center;display:flex}.chat-header-avatar-container .status-dot{border:2.5px solid var(--chat-header-bg);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.chat-header-text{flex-direction:column;display:flex}.chat-header h2{color:var(--chat-text-primary);margin:0;font-size:1.2rem;font-weight:700;line-height:1.2}.chat-meta{color:var(--chat-text-muted);margin:.2rem 0 0;font-size:.85rem}.chat-status{color:var(--chat-text-muted);background:var(--chat-channel-item-active);border-radius:999px;padding:.4rem .85rem;font-size:.82rem;font-weight:600}.chat-status.connected{color:var(--pj-primary-strong);background:#5c90321f}.chat-status.disconnected{color:#dc2626;background:#ef44441a}[data-theme=dark] .chat-status.connected{color:#a3d977;background:#7cb3422e}[data-theme=dark] .chat-status.disconnected{color:#f87171;background:#ef444426}.chat-messages{background:var(--chat-messages-bg);flex-direction:column;flex:1;gap:.9rem;padding:1.5rem;display:flex;overflow-y:auto}.chat-empty-state,.chat-error{color:var(--chat-text-muted);text-align:center;margin:0;font-size:.95rem}.chat-error{color:#dc2626}[data-theme=dark] .chat-error{color:#f87171}.message-row{gap:.75rem;width:100%;margin-bottom:.4rem;display:flex}.message-avatar{background:var(--pj-surface-soft);width:36px;height:36px;color:var(--chat-text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:flex;overflow:hidden}.message-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.message-avatar-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.message-row.sent{justify-content:flex-end}.message-row.received{justify-content:flex-start}.message-wrapper{flex-direction:column;max-width:70%;display:flex}.message-row.sent .message-wrapper{align-items:flex-end}.message-row.received .message-wrapper{align-items:flex-start}.message-sender{color:var(--chat-text-muted);margin-bottom:.15rem;margin-left:.5rem;font-size:.72rem;font-weight:600}.message-row.sent .message-sender{margin-left:0;margin-right:.5rem}.message-bubble{background:var(--chat-bubble-received-bg);color:var(--chat-bubble-received-text);border-radius:16px;padding:.5rem .95rem;font-size:.95rem}.message-row.sent .message-bubble{background:linear-gradient(135deg, #7cb342, var(--pj-primary));color:#fff}.message-text{white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.35}.message-time{color:var(--chat-text-time);margin-top:.15rem;margin-left:.5rem;font-size:.68rem}.message-row.sent .message-time{margin-left:0;margin-right:.5rem}.chat-form{border-top:1px solid var(--chat-panel-border);background:var(--chat-form-bg);align-items:center;gap:.75rem;padding:1rem 1.5rem 1.25rem;display:flex}.chat-input{border:1px solid var(--chat-input-border);min-width:0;color:var(--chat-input-text);background:var(--chat-input-bg);border-radius:999px;outline:none;flex:1;padding:.6rem 1.2rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.chat-input:focus{border-color:var(--pj-primary);box-shadow:0 0 0 3px #5c903226}.chat-send-button{background:linear-gradient(135deg, #7cb342, var(--pj-primary));color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.6rem 1.3rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #5c903240}.chat-send-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.chat-send-button:not(:disabled):hover{background:linear-gradient(135deg, var(--pj-primary), var(--pj-primary-strong));transform:translateY(-1px);box-shadow:0 6px 16px #5c903259}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#0f172a99;place-items:center;padding:1.5rem;animation:.2s ease-out fadeIn;display:grid;position:fixed;inset:0}.modal-card{background:var(--pj-surface);border:1px solid var(--pj-border);width:min(560px,100%);color:var(--pj-text);border-radius:18px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40}[data-theme=dark] .modal-card{box-shadow:0 25px 50px -12px #00000080}.modal-card .modal-header{border-bottom:1px solid var(--pj-border);justify-content:space-between;align-items:center;padding:1.35rem 1.5rem 1rem;display:flex}.modal-card .modal-header h3{color:var(--pj-text);margin:0;font-size:1.15rem;font-weight:700}.modal-card .modal-close{background:var(--pj-surface-soft);width:32px;height:32px;color:var(--pj-text-soft);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;line-height:1;transition:all .2s;display:flex}.modal-card .modal-close:hover{color:#ef4444;background:#ef44441a}.modal-body{color:var(--pj-text);flex-direction:column;gap:1rem;padding:1.25rem 1.5rem 1.5rem;display:flex}.modal-body p{color:var(--pj-text)}.modal-label{color:var(--pj-text);flex-direction:column;gap:.5rem;font-weight:600;display:flex}.modal-label input{border:1px solid var(--pj-border-strong);width:100%;color:var(--pj-text);background:var(--pj-surface);border-radius:10px;padding:.7rem .9rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.modal-label input:focus{border-color:var(--pj-primary);outline:none;box-shadow:0 0 0 3px #5c903226}.modal-members{flex-direction:column;gap:.75rem;display:flex}.modal-card .modal-subtitle{color:var(--pj-text-soft);margin:0;font-size:.9rem}.member-chips{flex-wrap:wrap;gap:.45rem;display:flex}.member-chip{color:var(--pj-primary-strong);background:#5c90321a;border:1px solid #5c90324d;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .6rem .3rem .8rem;font-size:.82rem;font-weight:600;display:inline-flex}[data-theme=dark] .member-chip{color:#a3d977}.member-chip-remove{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:1rem;line-height:1;transition:opacity .15s}.member-chip-remove:hover{opacity:1}.member-search-wrap{align-items:center;display:flex;position:relative}.member-search-icon{color:var(--pj-text-faint);pointer-events:none;position:absolute;left:.85rem}.member-search-input{border:1px solid var(--pj-border-strong);background:var(--pj-surface);width:100%;color:var(--pj-text);border-radius:10px;outline:none;padding:.7rem 2.4rem;font-size:.92rem;transition:border-color .2s,box-shadow .2s}.member-search-input:focus{border-color:var(--pj-primary);box-shadow:0 0 0 3px #5c903226}.member-search-clear{color:var(--pj-text-faint);cursor:pointer;background:0 0;border:none;font-size:1rem;line-height:1;position:absolute;right:.85rem}.member-search-clear:hover{color:#ef4444}.member-results{border:1px solid var(--pj-border);background:var(--pj-surface);border-radius:10px;max-height:220px;overflow:hidden auto}.member-result-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.65rem .9rem;transition:background .15s;display:flex}.member-result-item:hover{background:var(--pj-surface-soft)}.member-result-item.selected{background:#5c903214}.member-result-avatar{background:var(--pj-surface-soft);width:36px;height:36px;color:var(--pj-text-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.member-result-img{object-fit:cover;border-radius:50%;width:36px;height:36px}.member-result-avatar .status-dot{border:2px solid var(--pj-surface);width:10px;height:10px;bottom:-1px;right:-1px}.member-result-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.member-result-name{color:var(--pj-text);font-size:.9rem;font-weight:600}.member-result-status{font-size:.76rem}.member-result-check{color:var(--pj-primary);flex-shrink:0}.member-results-empty{color:var(--pj-text-soft);margin:0;padding:.9rem 1rem;font-size:.88rem}.member-online{color:var(--pj-primary-strong)}[data-theme=dark] .member-online{color:#a3d977}.member-offline{color:var(--pj-text-soft)}.modal-card .modal-actions{justify-content:flex-end;gap:.65rem;display:flex}.messages-page .btn-secondary,.messages-page .btn-primary{cursor:pointer;border:none;border-radius:999px;padding:.75rem 1.3rem;font-size:.92rem;font-weight:700;transition:all .2s}.messages-page .btn-secondary{background:var(--pj-surface-soft);color:var(--pj-text);border:1px solid var(--pj-border-strong)}.messages-page .btn-secondary:hover{background:var(--pj-border)}.messages-page .btn-primary{background:linear-gradient(135deg, #7cb342, var(--pj-primary));color:#fff;box-shadow:0 4px 12px #5c903240}.messages-page .btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--pj-primary), var(--pj-primary-strong));transform:translateY(-1px);box-shadow:0 6px 16px #5c903259}.messages-page .btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.messages-page .btn-remove{color:#dc2626;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:999px;padding:.4rem .85rem;font-size:.82rem;font-weight:600;transition:all .15s}.messages-page .btn-remove:hover{background:#ef44442e}[data-theme=dark] .btn-remove{color:#f87171}@media (width<=960px){.messages-page{grid-template-columns:1fr;padding:1rem}.messages-sidebar{flex-flow:wrap;justify-content:space-between;max-height:380px;overflow-y:auto}.sidebar-panel{width:100%}.chat-messages{padding:1rem}}@media (width<=640px){.messages-sidebar{max-height:none}.member-grid{grid-template-columns:1fr}}.sidebar-search-container{width:100%;margin-bottom:.5rem;position:relative}.sidebar-search-input{border:1px solid var(--chat-input-border);background:var(--chat-input-bg);width:100%;color:var(--chat-input-text);border-radius:999px;outline:none;padding:.6rem 2.25rem .6rem 1rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.sidebar-search-input:focus{border-color:var(--pj-primary);box-shadow:0 0 0 3px #5c903226}.sidebar-search-input::placeholder{color:var(--chat-text-muted);opacity:.8}.sidebar-search-clear{color:var(--chat-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;font-size:.9rem;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.sidebar-search-clear:hover{color:#ef4444}.chat-header-actions{align-items:center;gap:.6rem;display:flex}.chat-action-btn{border:1px solid var(--chat-input-border);background:var(--chat-input-bg);color:var(--chat-text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.chat-action-btn svg{color:var(--chat-text-muted);transition:color .2s}.chat-action-btn:hover{background:var(--chat-channel-item-hover);color:var(--chat-text-primary);border-color:var(--pj-border-strong)}.chat-action-btn:hover svg{color:var(--chat-text-primary)}.chat-action-btn.delete-btn:hover{color:#ef4444;background:#ef444414;border-color:#ef44444d}.chat-action-btn.delete-btn:hover svg{color:#ef4444}.chat-action-btn.clear-btn:hover{color:#d97706;background:#d9770614;border-color:#d977064d}.chat-action-btn.clear-btn:hover svg{color:#d97706}.chat-header-menu-container{display:inline-block;position:relative}.chat-header-dropdown-menu{background:var(--pj-surface);border:1px solid var(--pj-border);box-shadow:var(--pj-shadow-hover);z-index:100;border-radius:10px;min-width:220px;margin-top:.5rem;padding:.35rem 0;animation:.15s ease-out fadeIn;position:absolute;top:100%;right:0;overflow:hidden}.chat-header-dropdown-menu .dropdown-item{width:100%;color:var(--pj-text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:.65rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.chat-header-dropdown-menu .dropdown-item svg{color:var(--pj-text-soft);flex-shrink:0}.chat-header-dropdown-menu .dropdown-item:hover{background:var(--pj-surface-soft)}.chat-header-dropdown-menu .dropdown-item.delete-item,.chat-header-dropdown-menu .dropdown-item.delete-item svg{color:#ef4444}.chat-header-dropdown-menu .dropdown-item.delete-item:hover{background:#ef444414}.chat-header-dropdown-menu .dropdown-item.leave-item,.chat-header-dropdown-menu .dropdown-item.leave-item svg{color:#d97706}.chat-header-dropdown-menu .dropdown-item.leave-item:hover{background:#d9770614}[data-tooltip-chat]{position:relative}[data-tooltip-chat]:before{content:attr(data-tooltip-chat);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:10000;background-color:#0f172a;border-radius:6px;padding:.35rem .65rem;font-size:.75rem;font-weight:500;transition:all .2s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 4px 12px #0f172a26}[data-theme=dark] [data-tooltip-chat]:before{color:#0f172a;background-color:#f1f5f9;box-shadow:0 4px 12px #00000040}[data-tooltip-chat]:hover:before{opacity:1;visibility:visible;transform:translate(-50%)translateY(-4px)}@media (width<=640px){.messages-page{gap:.75rem;padding:.75rem}.messages-sidebar{border-radius:14px;padding:.75rem}.messages-content{border-radius:14px}.chat-header{padding:.85rem 1rem}.chat-header h2{font-size:1.05rem}.chat-messages{padding:.85rem}.message-wrapper{max-width:82%}.chat-form{padding:.75rem 1rem 1rem}.modal-card{width:100%}.modal-header{padding:1.1rem 1.15rem .85rem}.modal-body{padding:1rem 1.15rem 1.15rem}.modal-card .modal-actions{flex-direction:column-reverse}.modal-card .modal-actions .btn-primary,.modal-card .modal-actions .btn-secondary{text-align:center;width:100%}}.profile-page{--pj-surface:#fff;--pj-surface-soft:#f8fafc;--pj-border:#e6ebf1;--pj-border-strong:#cfd8e3;--pj-text:#0f172a;--pj-text-soft:#64748b;--pj-text-faint:#94a3b8;--pj-primary:#5c9032;--pj-primary-strong:#4a7527;--pj-track:#eef2f6;--pj-shadow:0 1px 2px #0f172a0a, 0 6px 20px #0f172a0d;--pj-shadow-hover:0 2px 4px #0f172a0d, 0 18px 36px #0f172a1a;max-width:880px;color:var(--pj-text);margin:0 auto;padding:2rem}.profile-page h1{letter-spacing:-.02em;color:var(--pj-text);margin:0 0 1.75rem;font-size:1.85rem;font-weight:800}.profile-header-card{background:var(--pj-surface);border:1px solid var(--pj-border);box-shadow:var(--pj-shadow);border-radius:18px;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.75rem 2rem;display:flex}.profile-avatar-block{flex-direction:column;flex-shrink:0;align-items:center;gap:.6rem;display:flex}.profile-avatar{object-fit:cover;border:3px solid #5c903240;border-radius:50%;flex-shrink:0;width:96px;height:96px}.profile-avatar-actions{gap:.5rem;display:flex}.avatar-action-btn{border:1px solid var(--pj-border-strong);background:var(--pj-surface);color:var(--pj-text-soft);cursor:pointer;border-radius:999px;padding:.4rem .95rem;font-size:.8rem;font-weight:700;transition:all .2s}.avatar-action-btn:hover:not(:disabled){border-color:var(--pj-primary);color:var(--pj-primary);background-color:#5c90320f}.avatar-action-btn:disabled{opacity:.6;cursor:not-allowed}.avatar-action-danger{color:#ef4444;border-color:#fca5a5}.avatar-action-danger:hover:not(:disabled){color:#dc2626;background-color:#fee2e2;border-color:#ef4444}.profile-avatar-placeholder{background:var(--pj-surface-soft);color:var(--pj-text-faint);justify-content:center;align-items:center;display:flex}.profile-header-info{flex:1;min-width:0}.profile-header-info h2{color:var(--pj-text);overflow-wrap:break-word;margin:0 0 .4rem;font-size:1.3rem;font-weight:700}.profile-job-title{color:var(--pj-text-soft);margin:0 0 .6rem}.profile-edit-btn{flex-shrink:0}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.profile-card{background:var(--pj-surface);border:1px solid var(--pj-border);box-shadow:var(--pj-shadow);border-radius:18px;padding:1.5rem 1.75rem}.profile-card-full{grid-column:1/-1}.profile-card h3{border-bottom:1px solid var(--pj-border);color:var(--pj-text);margin:0 0 1rem;padding-bottom:.65rem;font-size:1.05rem;font-weight:700}.profile-details{margin:0}.profile-detail-row{border-bottom:1px solid var(--pj-border);justify-content:space-between;gap:1rem;padding:.65rem 0;display:flex}.profile-detail-row:last-child{border-bottom:none}.profile-detail-row dt{color:var(--pj-text-soft);font-weight:600}.profile-detail-row dd{color:var(--pj-text);text-align:right;overflow-wrap:anywhere;margin:0}.profile-bio{color:var(--pj-text);white-space:pre-wrap;margin:0}.profile-form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:.25rem;display:grid}.profile-form-full{grid-column:1/-1}.profile-form-grid label{color:var(--pj-text);margin-bottom:.4rem;font-size:.9rem;font-weight:600;display:block}.profile-form-grid input,.profile-form-grid textarea{border:1px solid var(--pj-border-strong);box-sizing:border-box;background-color:var(--pj-surface);width:100%;color:var(--pj-text);border-radius:8px;padding:.65rem .85rem;font-family:inherit;font-size:.95rem;transition:all .2s}.profile-form-grid input:focus,.profile-form-grid textarea:focus{border-color:var(--pj-primary);outline:none;box-shadow:0 0 0 3px #5c90322e}.profile-form-actions{gap:1rem;margin-top:1.5rem;display:flex}.profile-page .btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.4rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.profile-page .btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.profile-page .btn-primary{background:linear-gradient(135deg, #7cb342, var(--pj-primary));color:#fff;box-shadow:0 4px 12px #5c903240}.profile-page .btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--pj-primary), var(--pj-primary-strong));transform:translateY(-1px);box-shadow:0 6px 16px #5c903259}.profile-page .btn-secondary{background:var(--pj-surface-soft);color:var(--pj-text-soft);border:1px solid var(--pj-border-strong)}.profile-page .btn-secondary:hover:not(:disabled){background:var(--pj-track);color:var(--pj-text)}.profile-page .btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444440}.profile-page .btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 16px #ef444459}.profile-page .modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:2000;background:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out profileFadeInBackdrop;display:flex;position:fixed;inset:0}@keyframes profileFadeInBackdrop{0%{opacity:0}to{opacity:1}}.profile-page .modal-content{background:var(--pj-surface);border-radius:20px;flex-direction:column;width:100%;max-width:440px;max-height:88vh;animation:.25s cubic-bezier(.16,1,.3,1) profileModalPopIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40}@keyframes profileModalPopIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.profile-page .modal-header{border-bottom:1px solid var(--pj-border);background:var(--pj-surface-soft);justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;display:flex}.profile-page .modal-header h2{letter-spacing:-.02em;color:var(--pj-text);margin:0;font-size:1.3rem;font-weight:800}.profile-page .modal-close{background:var(--pj-surface-soft);border:1px solid var(--pj-border);width:36px;height:36px;color:var(--pj-text-soft);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;transition:all .2s;display:flex}.profile-page .modal-close:hover{background:var(--pj-track);color:var(--pj-text);transform:rotate(90deg)}.confirm-modal-body{flex-direction:column;gap:.75rem;padding:1.5rem 1.75rem;display:flex}.confirm-message{color:var(--pj-text);margin:0;font-size:1.05rem;font-weight:600;line-height:1.5}.confirm-submessage{color:var(--pj-text-soft);margin:0;font-size:.875rem;line-height:1.5}.confirm-actions{gap:.85rem;margin-top:1rem;display:flex}.confirm-actions .btn{flex:1}[data-theme=dark] .profile-page{--pj-surface:#1e293b;--pj-surface-soft:#172033;--pj-border:#2f3d51;--pj-border-strong:#46566d;--pj-text:#f1f5f9;--pj-text-soft:#94a3b8;--pj-text-faint:#64748b;--pj-track:#0f172a;--pj-shadow:0 1px 2px #0003, 0 6px 20px #0000002e;--pj-shadow-hover:0 2px 4px #00000040, 0 18px 36px #00000047}[data-theme=dark] .avatar-action-danger{color:#f87171;border-color:#ef444466}[data-theme=dark] .avatar-action-danger:hover:not(:disabled){background-color:#ef444424;border-color:#f87171}@media (width<=600px){.profile-header-card{text-align:center;flex-direction:column}}.change-password-page{max-width:560px;margin:0 auto}.change-password-hint{color:var(--pj-text-soft);margin:.75rem 0 1.25rem;font-size:.9rem}.change-password-group{margin-bottom:1rem}.change-password-group label{color:var(--pj-text);margin-bottom:.4rem;font-size:.9rem;font-weight:600;display:block}.password-input-wrapper{position:relative}.password-input-wrapper input{border:1px solid var(--pj-border-strong);box-sizing:border-box;background-color:var(--pj-surface);width:100%;color:var(--pj-text);border-radius:8px;padding:.65rem 2.75rem .65rem .85rem;font-family:inherit;font-size:.95rem;transition:all .2s}.password-input-wrapper input:focus{border-color:var(--pj-primary);outline:none;box-shadow:0 0 0 3px #5c90322e}.password-input-wrapper input[aria-invalid=true]{border-color:#ef4444}.password-reveal{color:var(--pj-text-soft);align-items:center;transition:color .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-reveal:hover{color:var(--pj-primary)}.field-error{color:#ef4444;margin-top:.35rem;font-size:.85rem;display:block}[data-theme=dark] .password-input-wrapper input[aria-invalid=true]{border-color:#f87171}[data-theme=dark] .field-error{color:#f87171}.app-content{min-height:calc(100vh - 60px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html,body{height:100%;margin:0;padding:0}#root{flex-direction:column;height:100%;display:flex}@media (width<=768px){html,body{height:auto;min-height:100%}#root{height:auto;min-height:100vh}}button,input,textarea,select{font-family:inherit}.app-layout{flex-direction:row;flex:1;width:100%;height:calc(100vh - 65px);display:flex;overflow:hidden}.main-content{background-color:var(--bg-color);color:var(--text-color);height:100%;transition:background-color var(--transition,.3s), color var(--transition,.3s);flex:1;overflow-y:auto}.sidebar-overlay{display:none}@media (width<=768px){.app-layout{flex-direction:column;height:auto;padding-top:65px;overflow:visible}.main-content{height:auto;overflow-y:visible}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:998;background-color:#0f172a4d;width:100vw;height:calc(100vh - 65px);animation:.3s fadeIn;display:block;position:fixed;top:65px;left:0}}.floating-theme-toggle{-webkit-backdrop-filter:blur(12px);color:#0f172a;cursor:pointer;z-index:10000;background:#ffffffe0;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;padding:12px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:24px;right:24px;box-shadow:0 4px 12px #0f172a14}.floating-theme-toggle:hover{background-color:#fff;transform:scale(1.08)rotate(15deg);box-shadow:0 6px 16px #0f172a1f}[data-theme=dark] .floating-theme-toggle{color:#f8fafc;background:#1e293be0;border-color:#ffffff14;box-shadow:0 4px 12px #0003}[data-theme=dark] .floating-theme-toggle:hover{background-color:#1e293b}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}#root{flex-direction:column;display:flex}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}a{color:#3498db;text-decoration:none;transition:color .2s}a:hover{color:#2980b9}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;line-height:1.3}p{margin-bottom:1rem}ul,ol{margin-bottom:1rem;margin-left:1rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}:root{--bg-color:#f8fafc;--text-color:#0f172a}:root[data-theme=dark]{--bg-color:#0b0f19;--text-color:#f1f5f9}[data-theme=dark] body{background-color:var(--bg-color);color:var(--text-color)}[data-theme=dark] .dashboard,[data-theme=dark] .projects-list,[data-theme=dark] .timesheet-form,[data-theme=dark] .users-list{color:var(--text-color)}[data-theme=dark] .dashboard-card,[data-theme=dark] .project-card,[data-theme=dark] .project-form,[data-theme=dark] .timesheet-form,[data-theme=dark] form{color:#f1f5f9!important;background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #00000026!important}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea,[data-theme=dark] .form-group select,[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{color:#f1f5f9!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:#5c9032!important;box-shadow:0 0 0 3px #5c903240!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] .dashboard h1,[data-theme=dark] .projects-header h1{color:#f8fafc!important}[data-theme=dark] .dashboard-card h3{color:#f8fafc!important;border-color:#5c9032!important}[data-theme=dark] .dashboard-card li,[data-theme=dark] .project-card p{color:#cbd5e1!important;border-color:#334155!important}[data-theme=dark] table,[data-theme=dark] th,[data-theme=dark] td{color:#f1f5f9!important;background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] tr:hover{background-color:#ffffff05!important}[data-theme=dark] .error-message{color:#f87171!important;background-color:#ef44441a!important;border:1px solid #ef444433!important}[data-theme=dark] .btn-secondary{color:#f1f5f9!important;background-color:#334155!important}[data-theme=dark] .btn-secondary:hover{background-color:#475569!important}