@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);.topbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;height:70px;left:0;margin-left:250px;overflow:visible;position:fixed;right:0;top:0;z-index:1000}.topbar-container{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 40px;width:100%}@media (max-width:1024px){.topbar,.topbar-container{margin-left:0}}@media (max-width:1400px){.topbar-container{padding:0 24px}}@media (max-width:900px){.topbar-container{padding:0 8px}}@media (max-width:768px){.topbar{display:none}}.topbar-center,.topbar-search{align-items:center;display:flex;flex:1 1;min-width:0}.topbar-search{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);margin-right:24px;max-width:clamp(360px,55vw,700px);padding:12px 16px 12px 0;position:relative;transition:all .3s ease;width:100%}.topbar-search:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.search-icon-container{margin:0 12px}.search-icon{color:#64748b;font-size:20px;transition:color .3s}.topbar-search:focus-within .search-icon{color:#3b82f6}.search-input{background:transparent;border:none;color:#1e293b;font-family:Poppins,sans-serif;font-size:15px;min-width:0}.search-input::placeholder{color:#94a3b8}.search-suggestions-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);left:0;margin-top:8px;position:absolute;right:0;top:100%;z-index:1001}.search-suggestions{list-style:none;margin:0;padding:8px 0}.suggestion-item{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:12px 16px;transition:background-color .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#f8fafc}.suggestion-item strong{color:#1e293b;display:block;font-weight:600;margin-bottom:4px}.snippet{color:#64748b;font-size:14px;line-height:1.4;margin:0}.topbar-left{align-items:center;display:flex;flex-shrink:0}.welcome-message{color:#1e293b;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.05)}.topbar-right{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:32px;margin-left:auto;margin-right:40px}.user-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:12px;padding:8px 16px;transition:all .2s}.user-info:hover{background:#f1f5f9;border-color:#cbd5e1}.user-details{display:flex;flex-direction:column}.user-name{font:600 14px Poppins,sans-serif}.user-role{color:#64748b;font:500 11px Poppins,sans-serif;letter-spacing:.5px;text-transform:uppercase}.user-avatar{background:#3b82f6;height:32px;width:32px}.topbar-actions{gap:10px}.icon-button,.topbar-actions{align-items:center;display:flex}.icon-button{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;height:40px;justify-content:center;transition:all .2s;width:40px}.icon-button:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#3b82f6;transform:translateY(-1px)}.icon-button:active{transform:translateY(0)}.logout-button{background:#fef2f2;border-color:#fecaca;color:#dc2626}.logout-button:hover{background:#dc2626;box-shadow:0 2px 8px rgba(220,38,38,.3);color:#fff}:root{--navbar-width:280px;--navbar-bg:linear-gradient(180deg,#fff,#f8fafc);--border-color:#e2e8f0;--link-color:#1e293b;--link-hover-bg:linear-gradient(135deg,#f1f5f9,#e2e8f0);--active-bg:linear-gradient(135deg,#3b82f6,#2563eb);--active-color:#fff;--active-border:#3b82f6;--padding-vertical:12px;--padding-horizontal:16px;--padding-right:3rem;--icon-text-gap:12px;--icon-size:18px;--dropdown-icon-size:16px;--sub-nav-border:#f1f5f9;--sub-nav-hover-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--item-spacing:8px;--shadow-light:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-medium:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-heavy:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--section-label-color:#64748b;--section-label-size:11px;--section-label-weight:600;--section-label-spacing:16px}.navbar{background:linear-gradient(180deg,#fff,#f8fafc);background:var(--navbar-bg);border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:var(--shadow-medium);font-family:Poppins,sans-serif;left:0;overflow-y:auto;position:fixed;top:0;width:280px;width:var(--navbar-width);z-index:9999}.navbar,.navbar-content{display:flex;flex-direction:column;height:100%}.navbar-logo{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:center;padding:20px 16px;position:relative;transition:all .3s ease}.navbar-logo:hover{background:#f8fafc}.navbar-logo img{border-radius:12px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:var(--shadow-light);height:50px;margin-right:12px;object-fit:contain;position:relative;z-index:1}.logo-text{color:#1e293b;font-size:14px;font-weight:600;opacity:0;transform:translateX(-10px);transition:all .3s ease}.navbar-logo:hover .logo-text{opacity:1;transform:translateX(0)}.navbar-links-desktop{display:flex;flex:1 1;flex-direction:column;gap:16px;gap:var(--section-label-spacing);padding:20px 16px}.sidebar-section{margin-bottom:8px}.sidebar-section-label{border-bottom:1px solid #f1f5f9;color:#64748b;color:var(--section-label-color);font-size:11px;font-size:var(--section-label-size);font-weight:600;font-weight:var(--section-label-weight);letter-spacing:.5px;margin-bottom:8px;padding:0 4px 4px;text-transform:uppercase}.navbar-item{margin-bottom:8px;margin-bottom:var(--item-spacing);position:relative}.navbar-link{align-items:center;background:none;border:none;border-left:4px solid transparent;border-radius:12px;box-sizing:border-box;color:#1e293b;color:var(--link-color);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;gap:var(--icon-text-gap);justify-content:flex-start;line-height:1.4;overflow:hidden;padding:12px 16px;padding:var(--padding-vertical) var(--padding-horizontal);padding-right:3rem;padding-right:var(--padding-right);position:relative;text-align:left;text-decoration:none;transition:all .3s ease;width:100%;z-index:1}.navbar-link span{color:inherit;position:relative;z-index:2}.navbar-link:before{display:none}.navbar-link:hover{background-color:#f1f5f9;border-left-color:#cbd5e1;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:var(--shadow-light);color:#000!important;transform:translateX(4px)}.navbar-link.active{background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--active-bg);border-left-color:#3b82f6;border-left-color:var(--active-border);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:var(--shadow-medium);color:#fff!important;color:var(--active-color)!important;transform:translateX(4px)}.navbar-link.active:before{display:none}.navbar-link>svg{color:inherit;flex-shrink:0;height:18px;height:var(--icon-size);position:relative;width:18px;width:var(--icon-size);z-index:1}.navbar-link:hover>svg{color:#000!important}.navbar-link.dropdown-toggle{position:relative}.navbar-link.dropdown-toggle .chevron-icon{align-items:center;background:rgba(59,130,246,.1);border-radius:6px;color:#3b82f6;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:20px;z-index:1}.navbar-link.active .chevron-icon{background:hsla(0,0%,100%,.2);color:#fff}.navbar-link:hover .chevron-icon{background:rgba(59,130,246,.15);transform:translateY(-50%) scale(1.1)}.sub-nav{border-left:2px solid #f1f5f9;border-left:2px solid var(--sub-nav-border);margin-left:16px;max-height:0;overflow:hidden;padding-left:16px;transition:max-height .3s ease}.sub-nav.open{margin-bottom:8px;margin-top:8px;max-height:500px}.sub-nav .navbar-item,.sub-nav .navbar-link{border-radius:8px;font-size:14px;margin-bottom:4px;padding:10px 16px;position:relative}.sub-nav .navbar-link:before{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--sub-nav-hover-bg)}.sub-nav .navbar-link:hover{transform:translateX(2px)}.sub-nav .navbar-link.active{background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--active-bg);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:var(--shadow-light);color:#fff!important;color:var(--active-color)!important}.navbar-item.nested .navbar-link{font-size:13px;padding:8px 12px}.hamburger{border-radius:8px;cursor:pointer;display:none;flex-direction:column;padding:8px;transition:background-color .3s ease}.hamburger:hover{background-color:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-color:var(--link-hover-bg)}.hamburger .bar{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:2px;height:3px;margin:3px 0;transition:all .3s ease;width:25px}.close-icon{color:#64748b;cursor:pointer;font-size:24px;position:absolute;right:20px;top:20px;z-index:10000}@media (max-width:768px){.navbar{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);border-right:none;height:auto;position:relative;width:100%}.navbar-content{align-items:center;flex-direction:row;padding:12px 16px}.navbar-logo{border-bottom:none;border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color);margin-right:16px;padding:12px}.navbar-logo img{height:40px;margin-right:0}.logo-text,.navbar-links-desktop{display:none}.hamburger{display:flex;margin-left:auto}.hamburger.active .bar:first-child{transform:rotate(-45deg) translate(-5px,6px)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.mobile-menu-overlay{animation:fadeIn .3s ease;background:rgba(0,0,0,.4);display:flex;flex-direction:column;height:100%;left:0;padding:0;position:fixed;top:0;width:100%;z-index:9998}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-nav-links{animation:slideIn .3s ease;background:#1e293b;display:flex;flex-direction:column;height:100%;margin:0;overflow-y:auto;padding:0;position:relative;width:280px}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.mobile-close-button{align-items:center;background:none;border:none;border-radius:6px;color:#cbd5e1;cursor:pointer;display:flex;font-size:24px;justify-content:center;min-height:44px;min-width:44px;padding:8px;position:absolute;right:16px;top:16px;transition:all .3s ease;z-index:10}.mobile-close-button:hover{background:#334155;color:#fff}.mobile-user-profile{background:#0f172a;border-bottom:1px solid #334155;padding:32px 24px 24px;position:relative;text-align:center}.mobile-user-avatar{align-items:center;background:#3b82f6;border-radius:50%;box-shadow:0 4px 12px rgba(59,130,246,.3);color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.mobile-user-name{color:#fff;font-size:18px;font-weight:600;line-height:1.2;margin:0 0 4px;text-align:center}.mobile-user-role{color:#94a3b8;font-size:14px;font-weight:500;margin:0 0 16px}.mobile-user-settings{align-items:center;background:#334155;border:none;border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin:0 auto;padding:8px 16px;transition:all .3s ease}.mobile-user-settings:hover{background:#475569;color:#fff}.mobile-section{margin-bottom:8px}.mobile-section-header{background:#0f172a;border-bottom:1px solid #1e293b;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px 24px 8px;text-transform:uppercase}.mobile-nav-item{margin:0}.mobile-nav-link{align-items:center;background:none;border:none;border-bottom:1px solid #334155;box-sizing:border-box;color:#cbd5e1;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:16px;line-height:1.4;min-height:44px;padding:16px 24px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.mobile-nav-link span{color:inherit;flex:1 1}.mobile-nav-link:hover{background-color:#334155;color:#fff!important}.mobile-nav-link.active{background:#3b82f6;color:#fff!important}.mobile-nav-link>svg{color:inherit;flex-shrink:0;height:20px;width:20px}.mobile-nav-link:hover>svg{color:#fff!important}.mobile-nav-link .chevron-icon{color:#94a3b8;font-size:12px;transition:all .3s ease}.mobile-nav-link:hover .chevron-icon{color:#fff}.mobile-logout-section{background:#0f172a;border-top:1px solid #334155;margin-top:auto;padding:24px}.logout-mobile{align-items:center;background:none;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:16px;min-height:44px;padding:16px 24px;text-align:left;transition:all .3s ease;width:100%}.logout-mobile:hover{background:#dc2626;color:#fff}.mobile-sub-nav{background:#0f172a;max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-sub-nav.open{max-height:500px}.mobile-sub-nav .mobile-nav-link{background-color:#0f172a;border-bottom:1px solid #1e293b;font-size:14px;padding:12px 24px 12px 48px}.mobile-sub-nav .mobile-nav-link:hover{background-color:#1e293b}.mobile-nav-item.nested .mobile-nav-link{background-color:#0f172a;font-size:13px;padding:10px 24px 10px 64px}.mobile-nav-item.nested .mobile-nav-link:hover{background-color:#1e293b}.mobile-support-section{background:#0f172a;border-top:1px solid #334155;padding:16px 24px}.mobile-support-btn{align-items:center;background:#3b82f6;border:none;border-radius:12px;box-shadow:0 4px 12px rgba(59,130,246,.3);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;min-height:44px;padding:16px 24px;transition:all .3s ease;width:100%}.mobile-support-btn:hover{background:#2563eb;box-shadow:0 6px 16px rgba(59,130,246,.4);transform:translateY(-1px)}.mobile-support-btn>svg{font-size:18px}}.navbar::-webkit-scrollbar{width:6px}.navbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.navbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:3px}.navbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.navbar-link.dropdown-toggle>span svg{transition:transform .3s ease}.navbar-link.dropdown-toggle:hover>span svg{transform:rotate(90deg)}.mobile-nav-link:focus,.navbar-link:focus{outline:2px solid #3b82f6;outline-offset:2px}.navbar-link.loading{opacity:.7;pointer-events:none}.navbar-link.loading:after{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;content:"";height:16px;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:16px}.navbar-unread-badge{font-size:10px;height:18px;margin-left:8px;min-width:18px;padding:0 4px}.mobile-nav-unread-badge,.navbar-unread-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:inline-flex;font-weight:600;justify-content:center;line-height:1;position:relative;top:-1px}.mobile-nav-unread-badge{font-size:9px;height:16px;margin-left:6px;min-width:16px;padding:0 3px}.notification-disabled-indicator{cursor:help;font-size:12px;margin-left:6px;opacity:.6}.mobile-notification-disabled-indicator{cursor:help;font-size:10px;margin-left:4px;opacity:.6}.fbm-overlay{align-items:center;background:rgba(0,0,0,.3);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.fbm-modal{background:#fff;border-radius:6px;max-height:80vh;max-width:90%;overflow-y:auto;padding:1.5rem;width:400px}.fbm-row{margin-bottom:1rem}.fbm-row label{display:block;font-weight:700;margin-bottom:.25rem}.fbm-row input,.fbm-row select,.fbm-row textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:.4rem;width:100%}.fbm-row button{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.fbm-actions{display:flex;gap:.5rem;justify-content:flex-end}.fbm-actions button{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.fbm-actions button:last-child{background-color:#777}.footer{background-color:#033e8c;border-top:2.5px solid #1976d2;box-shadow:0 -2px 16px rgba(0,0,0,.07);color:#fff;font-family:Open Sans,sans-serif;padding:2rem 1rem 1.2rem;width:100%}#root,.App{display:flex;flex-direction:column;min-height:100vh}.content-area{display:flex;flex:1 0 auto;flex-direction:column}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-left h3{font-size:1.2rem;margin:0 0 .5rem}.footer-left p{color:#d9d9d9;font-size:.95rem;margin:0}.footer-right{display:flex}.footer-links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.footer-links li a{color:#fff;font-size:.95rem;text-decoration:none;transition:color .3s ease}.footer-links li a:hover{color:gold}.footer-bottom{color:#ccc;font-size:.8rem;margin-top:1rem;text-align:center}@media (max-width:768px){.footer-content{flex-direction:column;text-align:center}.footer-right{margin-top:1rem}.footer-links{flex-direction:column;gap:.75rem}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.hover\:shadow-3xl:hover,.shadow-3xl{box-shadow:0 35px 60px -12px rgba(0,0,0,.35)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all.duration-300{transition-duration:.3s}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-color:#3b82f6}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}@media (min-width:640px){.sm\:max-w-md{max-width:28rem}}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from:#2563eb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(37,99,235,0))}.to-blue-800{--tw-gradient-to:#1e40af}.text-blue-100{color:#dbeafe}.text-blue-600{color:#2563eb}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-red-800{color:#991b1b}.text-red-900{color:#7f1d1d}.text-orange-600{color:#ea580c}.text-yellow-600{color:#ca8a04}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-gray-50{background-color:#f9fafb}.bg-gray-200{background-color:#e5e7eb}.bg-red-500{background-color:#ef4444}.bg-orange-500{background-color:#f97316}.bg-yellow-500{background-color:#eab308}.bg-blue-500{background-color:#3b82f6}.bg-green-500{background-color:#22c55e}.border-red-200{border-color:#fecaca}.border-red-500{border-color:#ef4444}.border-2{border-width:2px}.border-gray-300{border-color:#d1d5db}.space-y-6>*+*{margin-top:1.5rem}.space-x-1>*+*{margin-left:.25rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.grid{display:grid}.relative{position:relative}.absolute{position:absolute}.inset-0{left:0;right:0}.inset-0,.inset-y-0{bottom:0;top:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/2{--tw-translate-x:-50%}.translate-y-0{--tw-translate-y:0px}.w-full{width:100%}.h-1{height:.25rem}.h-4{height:1rem}.h-16{height:4rem}.min-h-screen{min-height:100vh}.max-w-md{max-width:28rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pl-3{padding-left:.75rem}.pl-10{padding-left:2.5rem}.pr-3{padding-right:.75rem}.pr-10{padding-right:2.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-2xl{border-radius:1rem}.text-center{text-align:center}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.font-bold{font-weight:700}.object-contain{object-fit:contain}.overflow-hidden{overflow:hidden}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.z-2{z-index:2}.block{display:block}.inline{display:inline}@media (max-width:640px){.p-4{padding:.5rem}.p-8{padding:1.5rem}.text-2xl{font-size:1.25rem;line-height:1.75rem}}input[type=email],input[type=password],input[type=text]{max-width:100%;min-width:0;overflow-x:hidden}input[type=password],input[type=text]{box-sizing:border-box;width:100%}.absolute,.flex,.items-center,.relative{box-sizing:border-box;min-width:0}.bg-white,.min-h-screen,body{background:#fff!important}.font-bold,.font-semibold,.text-blue,.text-blue-100,.text-blue-600,.text-blue-700,.text-blue-800,.text-blue-900{color:#004080!important}.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-800{color:#222!important}.border-gray-300{border-color:#ccc!important}input[type=email],input[type=password]{background:#fff;border:1px solid #ccc;border-radius:.5rem;box-sizing:border-box;color:#222;font-size:1rem;margin-bottom:.5rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}input[type=email]:focus,input[type=password]:focus{border:1.5px solid #004080;outline:none}button[type=submit]{background:#004080;border-radius:2rem;box-shadow:none;font-size:1.1rem;font-weight:700;margin-bottom:.5rem;margin-top:.5rem;padding:.9rem 0;transition:background .2s,transform .1s}button[type=submit]:hover{background:#06c;transform:translateY(-2px)}button[type=submit]:disabled{opacity:.6}.bg-red-100.border-2.border-red-500{background:#fdecea!important;border:1.5px solid #b00020!important;border:1.5px solid var(--error-color)!important;color:#b00020!important;color:var(--error-color)!important;margin-bottom:1rem}.font-medium.text-blue-600,.font-medium.text-blue-600:hover,.login-link{color:#004080!important;font-weight:600;text-decoration:underline}.mt-8.text-center.text-sm.text-gray-500 a{color:#004080;font-weight:600;text-decoration:underline}.mt-8.text-center.text-sm.text-gray-500 a:hover{color:#06c}.text-center.text-xs.text-gray-500.mt-6{color:#888}.hover\:shadow-3xl,.shadow-2xl{box-shadow:0 2px 8px rgba(0,0,0,.1)!important}.register-page{align-items:center;display:flex;justify-content:center;padding:2rem}.register-form{background:#fff;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.1);font-family:Arial,sans-serif;max-width:400px;padding:2rem;width:100%}.register-form h2{color:#004080;margin-bottom:1rem;text-align:center}.register-form label{display:block;font-weight:700;margin-bottom:.3rem;margin-top:1rem}.register-form input{border:1px solid #ccc;border-radius:4px;padding:.5rem;width:100%}.register-form .error{background:#fdd;border-radius:4px;color:#900;margin-bottom:1rem;padding:.5rem;text-align:center}.register-form button{background:#004080;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1.5rem;padding:.7rem;width:100%}.register-form button:hover{background:#06c}.register-form .alternate{font-size:.9rem;margin-top:1rem;text-align:center}.register-form .alternate a{color:#004080;text-decoration:none}.register-form .alternate a:hover{text-decoration:underline}:root{--primary-color:#004080;--secondary-color:#06c;--background-color:#fff;--error-color:#b00020;--success-color:#28a745;--border-radius:6px;--font-family:"Roboto",sans-serif}.forgot-password-page{align-items:center;display:flex;font-family:Roboto,sans-serif;font-family:var(--font-family);justify-content:center;min-height:100vh;padding:1rem}.forgot-password-container,.forgot-password-page{background:#fff;background:var(--background-color)}.forgot-password-container{border:1px solid #ddd;border-radius:6px;border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,.1);max-width:400px;padding:2rem;text-align:center;width:100%}.forgot-password-logo{display:block;margin:0 auto 1rem;max-width:120px}.forgot-password-container h2{color:#004080;color:var(--primary-color);margin-bottom:1.5rem}.forgot-password-form{align-items:stretch;display:flex;flex-direction:column}.forgot-password-form label{color:#333;font-weight:500;margin-bottom:.5rem;text-align:left}.forgot-password-form input[type=email]{border:1px solid #ccc;border-radius:6px;border-radius:var(--border-radius);font-size:1rem;margin-bottom:1rem;padding:.5rem}.forgot-password-form button{background:#004080;background:var(--primary-color);border:none;border-radius:6px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1rem;transition:background .3s}.forgot-password-form button:hover{background:#06c;background:var(--secondary-color)}.message{border-radius:6px;border-radius:var(--border-radius);font-size:.95rem;margin-bottom:1rem;padding:.75rem}.message.success{background:#e6f4ea;border:1px solid #28a745;border:1px solid var(--success-color);color:#28a745;color:var(--success-color)}.message.error{background:#fdecea;border:1px solid #b00020;border:1px solid var(--error-color);color:#b00020;color:var(--error-color)}.back-to-login{margin-top:1.5rem}.back-to-login a{color:#004080;color:var(--primary-color);font-size:.95rem;text-decoration:none}.back-to-login a:hover{text-decoration:underline}.password-field .toggle-password{background:none;border:none;cursor:pointer;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.password-field{display:inline-block}.password-field input{box-sizing:border-box;width:100%}.toggle-password{background:none;line-height:1;z-index:2}.change-password-page{align-items:center;background-color:#f5f8fc;display:flex;justify-content:center;min-height:100vh;padding:1rem}.change-container{background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.1);max-width:420px;padding:2rem;text-align:center;width:100%}.change-logo{margin:0 auto 1rem;max-width:130px}.tagline{color:#555;font-size:.9rem;font-style:italic;margin-bottom:1.5rem}.change-password-form{display:flex;flex-direction:column}.change-password-form label{color:#333;font-weight:700;margin-top:1rem;text-align:left}.input-wrapper{margin-top:.25rem;position:relative}.input-wrapper input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:.95rem;padding:.5rem 2.5rem .5rem .75rem;width:100%}.input-wrapper button{background:transparent;border:none;color:#666;cursor:pointer;font-size:1.2rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.strength-meter{margin-top:1rem;text-align:left}.meter-bar{background:#0af;border-radius:3px;height:6px;margin-bottom:.25rem;width:100%}.strength-label{color:#444;font-size:.85rem}.password-rules{font-size:.9rem;list-style:none;margin-top:.75rem;padding-left:0;text-align:left}.password-rules li{margin-bottom:.4rem}.password-rules .valid{color:green}.password-rules .invalid{color:#c00}button[type=submit]{background-color:#004080;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1.5rem;padding:.75rem;transition:background-color .3s}button[type=submit]:disabled{background-color:#aaa;cursor:not-allowed}.error{background:#ffe0e0}.error,.success{border-radius:4px;margin:1rem 0;padding:.75rem}.success{background:#e0ffe0;color:#0a0}.reset-password-page{align-items:center;background:#f5f7fa;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.reset-password-page h2{color:#004080;margin-bottom:1rem}.reset-password-form{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:400px;padding:2rem;width:100%}.reset-password-form label{color:#333;display:block;margin-top:1rem}.reset-password-form input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:.25rem;padding:.5rem .75rem;width:100%}.reset-password-form button[type=submit]{background:#004080;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1.5rem;padding:.75rem;width:100%}.reset-password-form button[type=submit]:hover{background:#003060}.error{color:#b00020}.error,.success{margin-top:.5rem}.success{color:#070}.password-field{position:relative;width:100%}.password-field input{padding-right:2.5rem}.toggle-password{background:transparent;border:none;color:#666;cursor:pointer;font-size:1.2rem;padding:0;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.admin-users-page{padding:1rem}.controls{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.bulk-actions>*,.search-filter>*{margin-right:.5rem}.users-table td,.users-table th{border:1px solid #dee2e6;padding:.6rem}.users-table .actions button{margin-right:.25rem}.users-table .actions button:hover{color:#004085}.modal-overlay{background-color:rgba(0,0,0,.4);height:100%;width:100%}.modal{border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.3);max-height:90vh;overflow-y:auto;padding:1.5rem;width:500px}.modal h2{color:#004085;margin-top:0}.modal label{display:block;font-weight:500;margin-bottom:.75rem}.modal input[type=email],.modal input[type=text],.modal select{border:1px solid #ced4da;border-radius:4px;margin-top:.3rem;padding:.45rem;width:100%}.permissions-list{background:#f8f9fa;border:1px solid #ced4da;border-radius:4px;margin-bottom:1rem;max-height:240px;overflow-y:auto;padding:.6rem}.perm-item{align-items:center;display:flex;font-size:.95rem;margin-bottom:.4rem}.perm-item input{flex-shrink:0;margin-right:.6rem}.modal-actions{margin-top:.5rem;text-align:right}.modal-actions button{background:#004085;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-left:.5rem;padding:.55rem 1.1rem}.modal-actions button:first-child{background:#6c757d}.modal-actions button:hover{opacity:.9}.admin-users-outer{background:#f7f9fb;min-height:100vh;padding:32px 0}.admin-users-card{background:#fff;border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,.07);margin:0 auto;max-width:1100px;padding:32px 28px 24px;position:relative}.admin-users-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.admin-users-controls{margin-bottom:18px}.admin-users-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.clear-btn,.export-btn{background:#e5e7eb;border:none;border-radius:4px;color:#222;cursor:pointer;font-size:1rem;padding:8px 14px;transition:background .2s}.clear-btn:hover,.export-btn:hover{background:#d1d5db}.create-btn.prominent{background:#2563eb;border:none;border-radius:6px;box-shadow:0 2px 8px rgba(37,99,235,.08);color:#fff;font-size:1.1rem;font-weight:600;margin-left:auto;padding:12px 22px}.create-btn.prominent:hover{background:#1746a2}.bulk-bar{align-items:center;background:#f1f5f9;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.04);display:flex;font-size:1.05rem;gap:18px;margin-bottom:12px;padding:10px 18px}.bulk-delete{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 14px;transition:background .2s}.bulk-delete:hover{background:#b91c1c}.bulk-role{border:1px solid #cbd5e1;border-radius:4px;font-size:1rem;padding:8px 10px}.admin-users-table-container{border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.03);overflow-x:auto}.users-table{background:#fff;border-collapse:collapse;min-width:900px;width:100%}.users-table td,.users-table th{border-bottom:1px solid #e0e0e0;padding:12px 16px;text-align:left}.users-table th{background:#f5f5f5;color:#555;font-weight:600;position:sticky;top:0;z-index:1}.users-table tbody tr:nth-child(2n){background:#f9f9f9}.users-table tr.disabled{background:#f3f4f6;color:#6c757d}.users-table tr:hover{background-color:#f8fafc}.users-table .actions button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.1rem;margin-left:2px;margin-right:6px;transition:background .15s;vertical-align:middle}.users-table .actions button:hover{background:#f3f4f6}.badge{background:#e5e7eb;border-radius:12px;color:#222;display:inline-block;font-size:.97em;font-weight:500;margin-right:2px;padding:3px 10px;vertical-align:middle}.badge.department-badge,.badge[type=department]{background:#2563eb!important;border:1px solid #1746a2;box-shadow:0 1px 4px rgba(37,99,235,.1);color:#fff!important;font-weight:700}.never-login{color:#a3a3a3;font-size:.98em;font-style:italic}.pagination-bar{align-items:center;display:flex;gap:18px;justify-content:center;margin-top:18px}.pagination-bar button{background:#e5e7eb;border:none;border-radius:4px;color:#222;cursor:pointer;font-size:1rem;padding:7px 16px;transition:background .2s}.pagination-bar button:disabled{background:#f3f4f6;color:#bdbdbd;cursor:not-allowed}.profile-dropdown{display:inline-block;position:relative}.profile-btn{align-items:center;background:#f1f5f9;border:none;border-radius:20px;box-shadow:0 1px 4px rgba(0,0,0,.04);color:#222;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:4px;padding:8px 18px}.profile-btn:hover{background:#e0e7ef}.profile-menu{background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.13);min-width:160px;padding:8px 0;position:absolute;right:0;top:110%;z-index:100}.profile-menu-item{color:#222;cursor:pointer;font-size:1rem;padding:10px 18px;transition:background .15s}.profile-menu-item:hover{background:#f3f4f6}@media (max-width:700px){.admin-users-card{padding:12px 2vw}.users-table{min-width:600px}.modal{min-width:90vw}}@media (max-width:500px){.users-table{min-width:400px}.admin-users-header-row,.admin-users-toolbar{flex-direction:column;gap:10px}}:root{--system-accent-color:#0078d4;--system-accent-color-dark:#106ebe;--system-background:#fff;--system-surface:hsla(0,0%,100%,.95);--system-text-primary:#323130;--system-text-secondary:#605e5c;--system-border:hsla(0,0%,100%,.2);--system-shadow:rgba(0,0,0,.1);--system-success:#10b981;--system-warning:#f59e0b;--system-error:#ef4444;--system-info:#3b82f6}.monitoring-container{background:linear-gradient(135deg,#0078d4,#106ebe);background:linear-gradient(135deg,var(--system-accent-color,#0078d4) 0,var(--system-accent-color-dark,#106ebe) 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:20px}.monitoring-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);background:var(--system-surface);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);box-shadow:0 20px 40px var(--system-shadow);display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.header-left{align-items:center;display:flex;gap:20px}.header-icon{color:#0078d4;color:var(--system-accent-color,#0078d4)}.header-icon,.header-left h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#0078d4,#106ebe);background:linear-gradient(135deg,var(--system-accent-color,#0078d4),var(--system-accent-color-dark,#106ebe));-webkit-background-clip:text;background-clip:text;font-size:2.5rem}.header-left h1{font-weight:700;margin:0}.header-left p{color:#605e5c;color:var(--system-text-secondary);font-size:1.1rem;margin:5px 0 0}.header-right{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.theme-toggle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);background:var(--system-surface);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:8px;color:#323130;color:var(--system-text-primary);cursor:pointer;font-size:1.2rem;padding:8px;transition:all .3s ease}.theme-toggle-btn:hover{background:#0078d4;background:var(--system-accent-color);color:#fff;transform:scale(1.05)}.refresh-btn{background:linear-gradient(135deg,#0078d4,#106ebe);background:linear-gradient(135deg,var(--system-accent-color,#0078d4),var(--system-accent-color-dark,#106ebe));border:none;border-radius:12px;box-shadow:0 4px 15px rgba(0,120,212,.4);color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){box-shadow:0 8px 25px rgba(0,120,212,.6);transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.last-updated{color:#605e5c;color:var(--system-text-secondary);font-size:.9rem;font-style:italic}.monitoring-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);background:var(--system-surface);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.1);box-shadow:0 4px 15px var(--system-shadow);gap:10px;margin-bottom:30px;padding:8px}.tab-btn{border-radius:10px;color:#323130;color:var(--system-text-primary);font-weight:600;text-transform:capitalize}.tab-btn:hover{background:#0078d4;background:var(--system-accent-color);color:#fff}.tab-btn.active{background:#fff;background:var(--system-background);box-shadow:0 4px 15px rgba(0,0,0,.1);box-shadow:0 4px 15px var(--system-shadow)}.monitoring-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);background:var(--system-surface);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);box-shadow:0 20px 40px var(--system-shadow);padding:30px}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px}.spinner{border:4px solid hsla(0,0%,100%,.2);border-top:4px solid #0078d4;border:4px solid var(--system-border);border-top-color:var(--system-accent-color);height:50px;margin-bottom:20px;width:50px}.overview-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:30px}.metric-card{background:var(--system-background);border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:30px}.metric-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.15);transform:translateY(-5px)}.card-header{align-items:center;display:flex;gap:15px;margin-bottom:25px}.card-icon{color:#667eea;font-size:1.8rem}.card-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.health-status{align-items:center;background:#f9fafb;border-radius:15px;display:flex;gap:15px;margin-bottom:25px;padding:20px}.status-icon{font-size:2rem}.status-text{font-size:1.2rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.metric{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.metric:last-child{border-bottom:none}.metric .label{color:#6b7280;font-weight:500}.metric .value{font-size:1.1rem;font-weight:700}.performance-metrics .metric .value{background:#f3f4f6;border-radius:6px;font-family:JetBrains Mono,monospace;padding:4px 8px}.system-metrics .metric .value{color:#1f2937;font-family:JetBrains Mono,monospace}.errors-content{max-width:100%}.errors-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.error-stat{background:#fff;border:1px solid #e5e7eb;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.08);padding:25px;text-align:center}.stat-value{color:#1f2937;display:block;font-size:2.5rem;font-weight:800;margin-bottom:8px}.stat-value.error{color:#ef4444}.stat-value.success{color:#10b981}.stat-label{color:#6b7280;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.recommendations{background:#fef3c7;border:1px solid #f59e0b;border-radius:15px;margin-bottom:30px;padding:25px}.recommendations h3{color:#92400e;font-size:1.3rem;margin:0 0 20px}.recommendation-item{align-items:center;color:#92400e;display:flex;gap:12px;padding:10px 0}.warning-icon{color:#f59e0b;font-size:1.2rem}.error-breakdown h3{color:#1f2937;font-size:1.3rem;margin:0 0 20px}.error-list{background:#fff;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.08);overflow:hidden}.error-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .2s ease}.error-item:hover{background-color:#f9fafb}.error-item:last-child{border-bottom:none}.error-item .endpoint{color:#374151;font-family:JetBrains Mono,monospace;font-weight:500}.error-item .count{background:#ef4444;border-radius:20px;color:#fff;font-size:.9rem;font-weight:700;padding:4px 12px}.performance-content{max-width:100%}.performance-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.perf-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.08);padding:25px}.perf-card h3{color:#1f2937;font-size:1.3rem;font-weight:700;margin:0 0 20px}.perf-metrics{display:flex;flex-direction:column;gap:15px}.perf-metric{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.perf-metric:last-child{border-bottom:none}.perf-metric .label{color:#6b7280;font-weight:500}.perf-metric .value{color:#1f2937;font-family:JetBrains Mono,monospace;font-weight:700}.log-row .level.error{background:#fef2f2;color:#dc2626}.log-row .level.warn{background:#fffbeb;color:#d97706}.log-row .level.info{background:#f0f9ff;color:#2563eb}.log-row .message{color:#1f2937;font-weight:500}.log-row .details{color:#6b7280;font-family:JetBrains Mono,monospace;font-size:.9rem}.rate-limits-content{max-width:100%}.rate-limits-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.rate-limit-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.08);padding:25px}.rate-limit-card h3{color:#1f2937;font-size:1.3rem;font-weight:700;margin:0 0 20px}.rate-limit-item{margin-bottom:20px}.rate-limit-item .label{color:#6b7280;display:block;font-weight:500;margin-bottom:8px}.usage-bar{background:#f3f4f6;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.usage-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .3s ease}.usage-text{color:#1f2937;font-family:JetBrains Mono,monospace;font-weight:700}.blocked-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.blocked-stats .stat{background:#f9fafb;border-radius:10px;padding:20px;text-align:center}.blocked-stats .stat .value{color:#ef4444;display:block;font-size:2rem;font-weight:800;margin-bottom:8px}.blocked-stats .stat .label{color:#6b7280;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.access-denied{color:#fff}.access-denied-icon{font-size:4rem;margin-bottom:20px;opacity:.8}.access-denied h2{font-size:2rem;font-weight:700;margin:0 0 15px}.access-denied p{margin:0;opacity:.9}.connection-status{align-items:center;background:hsla(0,0%,100%,.95);background:var(--system-surface);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);display:flex;gap:8px;padding:8px 12px}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot,.status-dot.connected{background:#10b981;background:var(--system-success)}.status-dot.disconnected{background:#f59e0b;background:var(--system-warning)}.status-dot.error{background:#ef4444;background:var(--system-error)}.status-text{color:#605e5c;color:var(--system-text-secondary);font-size:12px;font-weight:500}.export-buttons{display:flex;gap:8px}.export-btn{background:hsla(0,0%,100%,.95);background:var(--system-surface);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:6px;color:#323130;color:var(--system-text-primary);cursor:pointer;font-size:12px;padding:8px 12px;transition:all .2s ease}.export-btn:hover{background:#0078d4;background:var(--system-accent-color);border-color:#0078d4;border-color:var(--system-accent-color);color:#fff}.alerts-section{background:hsla(0,0%,100%,.95);background:var(--system-surface);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px var(--system-shadow);margin:20px 0;padding:16px}.alerts-header h3{color:#323130;color:var(--system-text-primary);font-size:18px;margin:0 0 16px}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-item{align-items:flex-start;background:hsla(0,0%,100%,.05);border-left:4px solid;border-radius:8px;gap:12px;padding:16px}.alert-item.alert-critical{background:rgba(239,68,68,.1);border-left-color:#ef4444;border-left-color:var(--system-error)}.alert-item.alert-warning{background:rgba(245,158,11,.1);border-left-color:#f59e0b;border-left-color:var(--system-warning)}.alert-icon{color:#ef4444;color:var(--system-error);font-size:20px}.alert-item.alert-warning .alert-icon{color:#f59e0b;color:var(--system-warning)}.alert-content{flex:1 1}.alert-content h4{color:#323130;color:var(--system-text-primary);font-size:16px;margin:0 0 4px}.alert-content p{font-size:14px;margin:0 0 8px}.alert-content p,.alert-time{color:#605e5c;color:var(--system-text-secondary)}.alert-time{font-size:12px}.alert-dismiss{background:none;border:none;border-radius:4px;color:#605e5c;color:var(--system-text-secondary);cursor:pointer;font-size:18px;padding:4px;transition:all .2s ease}.alert-dismiss:hover{background:hsla(0,0%,100%,.2);background:var(--system-border);color:#323130;color:var(--system-text-primary)}.historical-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.historical-card{background:hsla(0,0%,100%,.95);background:var(--system-surface);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px var(--system-shadow);padding:20px}.historical-card h3{color:#323130;color:var(--system-text-primary);font-size:18px;margin:0 0 16px}.trend-chart{align-items:center;display:flex;height:200px;justify-content:center}.chart-info h4{color:#323130;color:var(--system-text-primary);font-size:16px;margin:0 0 8px}.chart-info p{font-size:14px;margin:0 0 16px}.trend-metrics{display:flex;gap:20px;justify-content:center}.trend-metric{align-items:center;display:flex;flex-direction:column}.trend-metric .label{color:#605e5c;color:var(--system-text-secondary);font-size:12px;margin-bottom:4px}.trend-metric .value{color:#323130;color:var(--system-text-primary);font-size:16px;font-weight:600}.trend-metric .value.positive{color:#10b981;color:var(--system-success)}.trend-metric .value.error{color:#ef4444;color:var(--system-error)}.monitoring-tabs{display:flex;gap:4px;margin:20px 0;overflow-x:auto;padding:0 20px}.tab-btn{border-radius:8px 8px 0 0;color:#605e5c;color:var(--system-text-secondary);padding:12px 20px;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background:hsla(0,0%,100%,.1);color:#323130;color:var(--system-text-primary)}.tab-btn.active{background:hsla(0,0%,100%,.95);background:var(--system-surface);border-bottom:2px solid #0078d4;border-bottom:2px solid var(--system-accent-color);color:#0078d4;color:var(--system-accent-color)}.historical-content{padding:20px}.collection-controls{grid-gap:20px;background:hsla(0,0%,100%,.95);background:var(--system-surface);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:12px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px;padding:20px}.control-section h3{color:#323130;color:var(--system-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 15px}.control-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.control-btn{align-items:center;background:#fff;background:var(--system-background);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:8px;color:#323130;color:var(--system-text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.control-btn.active,.control-btn:hover{background:#0078d4;background:var(--system-accent-color);border-color:#0078d4;border-color:var(--system-accent-color);color:#fff}.control-btn:disabled{cursor:not-allowed;opacity:.5}.control-btn.warning{border-color:#ff9800;color:#ff9800}.control-btn.warning:hover{background:#ff9800;color:#fff}.collection-status{align-items:center;color:#605e5c;color:var(--system-text-secondary);display:flex;font-size:.9rem;gap:10px}.view-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.control-group{display:flex;flex-direction:column;gap:5px}.control-group label{color:#605e5c;color:var(--system-text-secondary);font-size:.85rem;font-weight:500}.control-group select{background:#fff;background:var(--system-background);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:6px;color:#323130;color:var(--system-text-primary);font-size:.9rem;padding:8px 12px}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-card{background:hsla(0,0%,100%,.95);background:var(--system-surface);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px var(--system-shadow);padding:20px}.chart-card.full-width{grid-column:1/-1}.chart-card h3{color:#323130;color:var(--system-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 15px}.chart-container{height:300px;margin-bottom:15px;position:relative}.chart-placeholder{background:#fff;background:var(--system-background);border:2px dashed hsla(0,0%,100%,.2);border:2px dashed var(--system-border);color:#605e5c;color:var(--system-text-secondary);height:100%}.chart-placeholder p{font-size:1rem;margin:0 0 15px}.chart-placeholder button{background:#0078d4;background:var(--system-accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background .2s ease}.chart-placeholder button:hover{background:#106ebe;background:var(--system-accent-color-dark)}.chart-summary{border-top:1px solid hsla(0,0%,100%,.2);border-top:1px solid var(--system-border);display:flex;justify-content:space-around;padding:15px 0}.summary-item{flex-direction:column;gap:5px}.summary-item .label{color:#605e5c;color:var(--system-text-secondary);font-size:.8rem;font-weight:500}.summary-item .value{color:#323130;color:var(--system-text-primary);font-size:1.1rem;font-weight:600}.data-table-container{margin-bottom:15px;max-height:400px;overflow-y:auto}.data-table{font-size:.9rem}.data-table td,.data-table th{border-bottom:1px solid hsla(0,0%,100%,.2);border-bottom:1px solid var(--system-border);padding:12px 8px;text-align:left}.data-table th{background:#fff;background:var(--system-background);color:#323130;color:var(--system-text-primary);position:sticky;top:0;z-index:10}.data-table td{color:#605e5c;color:var(--system-text-secondary)}.data-table tbody tr:hover{background:#fff;background:var(--system-background)}.status-badge.status-healthy{background:rgba(75,192,192,.2);color:#2e7d32}.status-badge.status-degraded{background:rgba(255,205,86,.2);color:#f57c00}.status-badge.status-error{background:rgba(255,99,132,.2);color:#d32f2f}.status-badge.status-unknown{background:hsla(0,0%,62%,.2);color:#616161}.data-summary{border-top:1px solid hsla(0,0%,100%,.2);border-top:1px solid var(--system-border);color:#605e5c;color:var(--system-text-secondary);display:flex;font-size:.85rem;justify-content:space-between;padding:15px 0}@media (max-width:768px){.monitoring-container{padding:15px}.monitoring-header{flex-direction:column;gap:20px;text-align:center}.header-left h1{font-size:2rem}.errors-summary,.overview-grid,.performance-grid,.rate-limits-grid{grid-template-columns:1fr}.header-right{align-items:flex-end;gap:12px}.export-buttons,.header-right{flex-direction:column}.historical-grid{grid-template-columns:1fr}.monitoring-tabs{padding:0 10px}.tab-btn{font-size:14px;padding:10px 16px}.collection-controls{gap:15px}.charts-grid,.collection-controls{grid-template-columns:1fr}.chart-container{height:250px}.data-table-container{max-height:300px}.data-table{font-size:.8rem}.data-table td,.data-table th{padding:8px 4px}.data-summary{align-items:center;flex-direction:column;gap:10px}}@media (max-width:480px){.control-buttons{flex-direction:column}.control-btn{justify-content:center}.view-controls{align-items:stretch;flex-direction:column}.chart-card{padding:15px}.chart-container{height:200px}}.error-list,.error-stat,.logs-table,.metric-card,.perf-card,.rate-limit-card{background:#fff;background:var(--system-background);border-color:hsla(0,0%,100%,.2);border-color:var(--system-border);color:#323130;color:var(--system-text-primary)}.card-header h3,.error-breakdown h3,.perf-card h3,.rate-limit-card h3{color:#323130;color:var(--system-text-primary)}.metric .label,.perf-metric .label,.rate-limit-item .label,.stat-label{color:#605e5c;color:var(--system-text-secondary)}.metric .value,.perf-metric .value,.stat-value,.usage-text{color:#323130;color:var(--system-text-primary)}.health-status,.recommendations{background:hsla(0,0%,100%,.95);background:var(--system-surface);border-color:hsla(0,0%,100%,.2);border-color:var(--system-border)}.metric-card:hover,.perf-card:hover,.rate-limit-card:hover{border-color:#0078d4;border-color:var(--system-accent-color);box-shadow:0 20px 40px rgba(0,0,0,.1);box-shadow:0 20px 40px var(--system-shadow);transform:translateY(-5px)}.status-icon.healthy{color:#10b981;color:var(--system-success)}.status-icon.warning{color:#f59e0b;color:var(--system-warning)}.status-icon.error{color:#ef4444;color:var(--system-error)}.status-text.healthy{color:#10b981;color:var(--system-success)}.status-text.degraded{color:#f59e0b;color:var(--system-warning)}.status-text.error{color:#ef4444;color:var(--system-error)}.value.success{color:#10b981;color:var(--system-success)}.value.warning{color:#f59e0b;color:var(--system-warning)}.value.error{color:#ef4444;color:var(--system-error)}.error-logs-content{background:hsla(0,0%,100%,.95);background:var(--system-surface);border-radius:12px;margin-top:20px;padding:20px}.error-logs-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.error-logs-controls .control-section{background:#fff;background:var(--system-background);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:8px;padding:20px}.error-logs-controls .control-section h3{color:#323130;color:var(--system-text-primary);font-size:18px;font-weight:600;margin:0 0 15px}.error-logs-controls .control-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.error-logs-controls .control-btn{background:#fff;background:var(--system-background);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:6px;color:#323130;color:var(--system-text-primary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.error-logs-controls .control-btn:hover{background:#0078d4;background:var(--system-accent-color);border-color:#0078d4;border-color:var(--system-accent-color);color:#fff}.error-logs-controls .control-btn.warning{background:#f59e0b;background:var(--system-warning);border-color:#f59e0b;border-color:var(--system-warning);color:#fff}.error-logs-controls .control-btn.warning:hover{background:#d97706;border-color:#d97706}.filter-controls{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{gap:5px}.filter-group label{color:#605e5c;color:var(--system-text-secondary);font-size:14px;font-weight:500}.filter-group input,.filter-group select{background:#fff;background:var(--system-background);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:6px;color:#323130;color:var(--system-text-primary);font-size:14px;padding:8px 12px}.filter-group input:focus,.filter-group select:focus{border-color:#0078d4;border-color:var(--system-accent-color);box-shadow:0 0 0 2px rgba(0,120,212,.2);outline:none}.error-logs-stats{margin-bottom:30px}.error-logs-stats h3{color:#323130;color:var(--system-text-primary);font-size:20px;font-weight:600;margin:0 0 20px}.stats-grid .stat-card{background:#fff;background:var(--system-background);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:8px;padding:20px}.stats-grid .stat-card h4{color:#323130;color:var(--system-text-primary);font-size:16px;font-weight:600;margin:0 0 15px}.stats-grid .stat-card .stat-value{color:#0078d4;color:var(--system-accent-color);font-size:24px;font-weight:700}.stat-breakdown{display:flex;flex-direction:column;gap:8px}.breakdown-item{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.2);border-bottom:1px solid var(--system-border);display:flex;justify-content:space-between;padding:5px 0}.breakdown-item:last-child{border-bottom:none}.breakdown-item .label{color:#605e5c;color:var(--system-text-secondary);font-size:14px;text-transform:capitalize}.breakdown-item .value{color:#323130;color:var(--system-text-primary);font-weight:600}.error-logs-table{background:#fff;background:var(--system-background);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:8px;overflow:hidden}.error-logs-table h3{border-bottom:1px solid hsla(0,0%,100%,.2);border-bottom:1px solid var(--system-border);color:#323130;color:var(--system-text-primary);font-size:20px;font-weight:600;margin:0;padding:20px}.error-logs-table-content{border-collapse:collapse;width:100%}.error-logs-table-content th{background:hsla(0,0%,100%,.95);background:var(--system-surface);font-weight:600;padding:15px 12px;text-align:left}.error-logs-table-content td,.error-logs-table-content th{border-bottom:1px solid hsla(0,0%,100%,.2);border-bottom:1px solid var(--system-border);color:#323130;color:var(--system-text-primary);font-size:14px}.error-logs-table-content td{padding:12px}.error-logs-table-content tr:hover{background:hsla(0,0%,100%,.95);background:var(--system-surface)}.error-log-row.error-log-error{border-left:4px solid #ef4444;border-left:4px solid var(--system-error)}.error-log-row.error-log-warn{border-left:4px solid #f59e0b;border-left:4px solid var(--system-warning)}.error-log-row.error-log-info{border-left:4px solid #0078d4;border-left:4px solid var(--system-accent-color)}.error-log-row.error-log-debug{border-left:4px solid #605e5c;border-left:4px solid var(--system-text-secondary)}.log-level{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.log-level.log-error{background:rgba(220,38,38,.1);color:#ef4444;color:var(--system-error)}.log-level.log-warn{background:rgba(245,158,11,.1);color:#f59e0b;color:var(--system-warning)}.log-level.log-info{background:rgba(59,130,246,.1);color:#0078d4;color:var(--system-accent-color)}.log-level.log-debug{background:hsla(220,9%,46%,.1);color:#605e5c;color:var(--system-text-secondary)}.category-badge,.severity-badge,.status-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:capitalize}.category-badge.category-authentication{background:rgba(59,130,246,.1);color:#3b82f6}.category-badge.category-authorization{background:rgba(220,38,38,.1);color:#dc2626}.category-badge.category-validation{background:rgba(245,158,11,.1);color:#f59e0b}.category-badge.category-database{background:rgba(16,185,129,.1);color:#10b981}.category-badge.category-network{background:rgba(139,92,246,.1);color:#8b5cf6}.category-badge.category-file_operation{background:rgba(236,72,153,.1);color:#ec4899}.category-badge.category-other{background:hsla(220,9%,46%,.1);color:#6b7280}.severity-badge.severity-critical{background:rgba(220,38,38,.1);color:#dc2626}.severity-badge.severity-high{background:rgba(245,158,11,.1);color:#f59e0b}.severity-badge.severity-medium{background:rgba(59,130,246,.1);color:#3b82f6}.severity-badge.severity-low{background:rgba(16,185,129,.1);color:#10b981}.status-badge.status-open{background:rgba(220,38,38,.1);color:#dc2626}.status-badge.status-investigating{background:rgba(245,158,11,.1);color:#f59e0b}.status-badge.status-resolved{background:rgba(16,185,129,.1);color:#10b981}.status-badge.status-closed{background:hsla(220,9%,46%,.1);color:#6b7280}.message-content{max-width:300px}.message-text{font-weight:500;margin-bottom:5px;word-break:break-word}.error-type{color:#605e5c;color:var(--system-text-secondary);font-size:12px;font-style:italic}.occurrences-info{align-items:center;display:flex;flex-direction:column;gap:2px}.occurrences-info .count{color:#0078d4;color:var(--system-accent-color);font-weight:600}.occurrences-info .frequency{color:#605e5c;color:var(--system-text-secondary);font-size:11px}.action-buttons{gap:5px}.action-btn{border-radius:4px;font-size:14px;padding:6px 8px}.action-btn.view{background:rgba(59,130,246,.1);color:#3b82f6}.action-btn.view:hover{background:rgba(59,130,246,.2)}.action-btn.edit{background:rgba(16,185,129,.1);color:#10b981}.action-btn.edit:hover{background:rgba(16,185,129,.2)}.pagination{border-top:1px solid hsla(0,0%,100%,.2);border-top:1px solid var(--system-border);gap:20px}.pagination-btn{background:var(--system-background);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);color:#323130;color:var(--system-text-primary);font-size:14px;padding:8px 16px}.pagination-btn:hover:not(:disabled){background:#0078d4;background:var(--system-accent-color);border-color:#0078d4;border-color:var(--system-accent-color);color:#fff}.pagination-info{font-size:14px}.no-data,.pagination-info{color:#605e5c;color:var(--system-text-secondary)}.no-data{padding:40px 20px;text-align:center}.no-data p{font-size:16px;margin:0 0 20px}.no-data button{background:#0078d4;background:var(--system-accent-color);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.no-data button:hover{background:#106ebe;background:var(--system-accent-color-dark)}@media (max-width:768px){.filter-controls,.stats-grid{grid-template-columns:1fr}.error-logs-table-content{font-size:12px}.error-logs-table-content td,.error-logs-table-content th{padding:8px 6px}.message-content{max-width:200px}}.user-activity-content{max-width:100%}.user-activity-controls{background:hsla(0,0%,100%,.95);background:var(--system-surface);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:0 5px 15px var(--system-shadow);margin-bottom:25px;padding:25px}.user-activity-controls .control-section{margin-bottom:25px}.user-activity-controls .control-section:last-child{margin-bottom:0}.user-activity-controls h3{color:#323130;color:var(--system-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 20px}.user-activity-controls .control-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.user-activity-controls .filter-controls{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.user-activity-controls .filter-group{display:flex;flex-direction:column;gap:8px}.user-activity-controls .filter-group label{color:#323130;color:var(--system-text-primary);font-size:.9rem;font-weight:600}.user-activity-controls .filter-group input,.user-activity-controls .filter-group select{background:#fff;background:var(--system-background);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:8px;color:#323130;color:var(--system-text-primary);font-size:14px;padding:10px 12px;transition:border-color .2s ease}.user-activity-controls .filter-group input:focus,.user-activity-controls .filter-group select:focus{border-color:#0078d4;border-color:var(--system-accent-color);outline:none}.user-activity-stats{background:hsla(0,0%,100%,.95);background:var(--system-surface);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:0 5px 15px var(--system-shadow);margin-bottom:25px;padding:25px}.user-activity-stats h3{color:#323130;color:var(--system-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 20px}.user-activity-stats .stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.user-activity-stats .stat-card{background:#fff;background:var(--system-background);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:12px;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.user-activity-stats .stat-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);box-shadow:0 8px 25px var(--system-shadow);transform:translateY(-2px)}.user-activity-stats .stat-card h4{color:#605e5c;color:var(--system-text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.user-activity-stats .stat-card .stat-value{color:#323130;color:var(--system-text-primary);font-size:1.8rem;font-weight:700}.user-activity-stats .stat-card .stat-value.error{color:#ef4444;color:var(--system-error)}.frequently-visited-pages{background:hsla(0,0%,100%,.95);background:var(--system-surface);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:0 5px 15px var(--system-shadow);margin-bottom:25px;padding:25px}.frequently-visited-pages h3{color:#323130;color:var(--system-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 20px}.frequently-visited-pages .pages-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.frequently-visited-pages .page-card{background:#fff;background:var(--system-background);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:12px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.frequently-visited-pages .page-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);box-shadow:0 8px 25px var(--system-shadow);transform:translateY(-2px)}.frequently-visited-pages .page-header{border-bottom:1px solid hsla(0,0%,100%,.2);border-bottom:1px solid var(--system-border);margin-bottom:15px;padding-bottom:15px}.frequently-visited-pages .page-header h4{color:#323130;color:var(--system-text-primary);font-size:1.2rem;font-weight:600;margin:0 0 5px}.frequently-visited-pages .page-header .route{color:#605e5c;color:var(--system-text-secondary);font-family:JetBrains Mono,monospace;font-size:.9rem}.frequently-visited-pages .page-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.frequently-visited-pages .page-stats .stat{display:flex;flex-direction:column;gap:5px}.frequently-visited-pages .page-stats .stat .label{color:#605e5c;color:var(--system-text-secondary);font-size:.8rem;font-weight:500}.frequently-visited-pages .page-stats .stat .value{color:#323130;color:var(--system-text-primary);font-size:1rem;font-weight:600}.top-active-users{background:hsla(0,0%,100%,.95);background:var(--system-surface);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:0 5px 15px var(--system-shadow);margin-bottom:25px;padding:25px}.top-active-users h3{color:#323130;color:var(--system-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 20px}.top-active-users .users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.top-active-users .user-card{background:#fff;background:var(--system-background);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:12px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.top-active-users .user-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);box-shadow:0 8px 25px var(--system-shadow);transform:translateY(-2px)}.top-active-users .user-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.2);border-bottom:1px solid var(--system-border);display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.top-active-users .user-header h4{color:#323130;color:var(--system-text-primary);font-size:1.2rem;font-weight:600;margin:0}.top-active-users .role-badge{border-radius:6px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.top-active-users .role-badge.role-admin{background:rgba(239,68,68,.1);color:#ef4444;color:var(--system-error)}.top-active-users .role-badge.role-super{background:rgba(139,92,246,.1);color:#8b5cf6}.top-active-users .role-badge.role-user{background:rgba(59,130,246,.1);color:#3b82f6;color:var(--system-info)}.top-active-users .user-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.top-active-users .user-stats .stat{display:flex;flex-direction:column;gap:5px}.top-active-users .user-stats .stat .label{color:#605e5c;color:var(--system-text-secondary);font-size:.8rem;font-weight:500}.top-active-users .user-stats .stat .value{color:#323130;color:var(--system-text-primary);font-size:1rem;font-weight:600}.user-activities-table{background:hsla(0,0%,100%,.95);background:var(--system-surface);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--system-border);border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:0 5px 15px var(--system-shadow);overflow:hidden}.user-activities-table h3{color:#323130;color:var(--system-text-primary);font-size:1.5rem;font-weight:700;margin:0;padding:25px 25px 20px}.user-activities-table .table-container{overflow-x:auto}.user-activities-table-content{border-collapse:collapse;font-size:14px;width:100%}.user-activities-table-content th{background:#fff;background:var(--system-background);font-size:.8rem;font-weight:700;letter-spacing:.5px;text-align:left;text-transform:uppercase}.user-activities-table-content td,.user-activities-table-content th{border-bottom:1px solid hsla(0,0%,100%,.2);border-bottom:1px solid var(--system-border);color:#323130;color:var(--system-text-primary);padding:15px 12px}.user-activities-table-content tr:hover{background:#fff;background:var(--system-background)}.user-activities-table-content .activity-row.activity-error{background:rgba(239,68,68,.05);border-left:4px solid #ef4444;border-left:4px solid var(--system-error)}.user-activities-table-content .timestamp{color:#605e5c;color:var(--system-text-secondary);font-family:JetBrains Mono,monospace;font-size:.9rem;white-space:nowrap}.user-activities-table-content .user-info{display:flex;flex-direction:column;gap:2px}.user-activities-table-content .user-email{color:#323130;color:var(--system-text-primary);font-weight:600}.user-activities-table-content .user-role{color:#605e5c;color:var(--system-text-secondary);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.user-activities-table-content .route{color:#605e5c;color:var(--system-text-secondary);font-family:JetBrains Mono,monospace;font-size:.9rem}.user-activities-table-content .method-badge{border-radius:6px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.user-activities-table-content .method-badge.method-GET{background:rgba(16,185,129,.1);color:#10b981;color:var(--system-success)}.user-activities-table-content .method-badge.method-POST{background:rgba(59,130,246,.1);color:#3b82f6;color:var(--system-info)}.user-activities-table-content .method-badge.method-PUT{background:rgba(245,158,11,.1);color:#f59e0b;color:var(--system-warning)}.user-activities-table-content .method-badge.method-DELETE{background:rgba(239,68,68,.1);color:#ef4444;color:var(--system-error)}.user-activities-table-content .device-badge{border-radius:6px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.user-activities-table-content .device-badge.device-desktop{background:rgba(59,130,246,.1);color:#3b82f6;color:var(--system-info)}.user-activities-table-content .device-badge.device-mobile{background:rgba(16,185,129,.1);color:#10b981;color:var(--system-success)}.user-activities-table-content .device-badge.device-tablet{background:rgba(245,158,11,.1);color:#f59e0b;color:var(--system-warning)}.user-activities-table-content .status-badge{border-radius:6px;font-size:.8rem;font-weight:600;min-width:50px;padding:4px 8px;text-align:center}.user-activities-table-content .status-badge.status-success{background:rgba(16,185,129,.1);color:#10b981;color:var(--system-success)}.user-activities-table-content .status-badge.status-error{background:rgba(239,68,68,.1);color:#ef4444;color:var(--system-error)}.user-activities-table-content .activity-details{align-items:center;display:flex;gap:8px}.user-activities-table-content .error-indicator{color:#ef4444;color:var(--system-error);font-size:1.2rem}.user-activities-table-content .clicks-info,.user-activities-table-content .scroll-info{color:#605e5c;color:var(--system-text-secondary);font-size:.8rem}@media (max-width:768px){.frequently-visited-pages .pages-grid,.top-active-users .users-grid,.user-activity-controls .filter-controls,.user-activity-stats .stats-grid{grid-template-columns:1fr}.user-activities-table-content{font-size:12px}.user-activities-table-content td,.user-activities-table-content th{padding:8px 6px}.user-activities-table-content .user-info{min-width:120px}}.bugs-admin-page{background:#fff;border-radius:16px;box-shadow:0 4px 32px rgba(0,0,0,.08);box-sizing:border-box;font-family:Segoe UI,Arial,sans-serif;margin:40px auto 0;max-width:1200px;padding:32px 24px 48px;width:100%}.bugs-admin-page h1{align-items:center;display:flex;font-size:2.2rem;gap:8px;margin-bottom:24px}.bugs-toolbar{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:18px}.bugs-search,.bugs-toolbar{align-items:center;display:flex}.bugs-search{background:#f5f5f5;border-radius:8px;gap:8px;padding:6px 12px}.bugs-search input{background:transparent;border:none;font-size:1rem;outline:none;padding:4px 0}.bugs-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.bugs-filter-select{background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;min-width:140px;outline:none;padding:8px 12px;transition:border-color .2s}.bugs-filter-select:focus{border-color:#1976d2}.bugs-date-filter{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:6px;padding:6px 12px}.bugs-date-filter input{background:transparent;border:none;font-size:14px;outline:none}.bugs-date-filter:focus-within{border-color:#1976d2}.bugs-clear-filters-btn{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;min-height:36px;padding:8px 12px;touch-action:manipulation;transition:all .2s}.bugs-clear-filters-btn:hover{background:#e0e0e0;color:#333}.bugs-clear-filters-btn:active{background:#d0d0d0;transform:translateY(1px)}.bugs-table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.04);box-sizing:border-box;max-width:100%;overflow-x:auto;overflow-y:visible;position:relative;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin;width:100%}.bugs-table-wrapper::-webkit-scrollbar{height:12px}.bugs-table-wrapper::-webkit-scrollbar-track{background:#f5f5f5;border-radius:6px}.bugs-table-wrapper::-webkit-scrollbar-thumb{background:#ccc;border:2px solid #f5f5f5;border-radius:6px}.bugs-table-wrapper::-webkit-scrollbar-thumb:hover{background:#999}.bugs-table-wrapper:after{background:linear-gradient(270deg,hsla(0,0%,100%,.8),transparent);bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s;width:20px}.bugs-table-wrapper.scrollable:after{opacity:1}.bugs-table-wrapper:before{background:hsla(0,0%,100%,.9);border-radius:4px;bottom:-25px;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#666;content:"← Scroll horizontally to see more columns →";font-size:.75rem;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s;z-index:10}.bugs-table-wrapper.scrollable:before{opacity:1}@media (min-width:1024px){.bugs-table-wrapper:before{display:none}}.bugs-table{background:#fff;border-collapse:collapse;border-radius:12px;min-width:1200px;overflow:hidden;table-layout:auto;width:100%}.bugs-table td,.bugs-table th{min-width:auto;padding:12px 16px;text-align:left;white-space:nowrap}.bugs-table td:first-child,.bugs-table th:first-child{min-width:60px;width:60px}.bugs-table td:nth-child(2),.bugs-table th:nth-child(2){min-width:120px;width:120px}.bugs-table td:nth-child(3),.bugs-table th:nth-child(3){min-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:300px}.bugs-table td:nth-child(4),.bugs-table th:nth-child(4){min-width:150px;width:150px}.bugs-table td:nth-child(5),.bugs-table th:nth-child(5){min-width:100px;width:100px}.bugs-table td:nth-child(6),.bugs-table th:nth-child(6){min-width:180px;width:180px}.bugs-table td:nth-child(7),.bugs-table th:nth-child(7){min-width:140px;width:140px}.bugs-table td:nth-child(8),.bugs-table th:nth-child(8){min-width:100px;width:100px}.bugs-table td:nth-child(9),.bugs-table th:nth-child(9){min-width:120px;width:120px}.bugs-table td:nth-child(10),.bugs-table th:nth-child(10){min-width:150px;width:150px}.bugs-table th{background:#f7f7f7;color:#333;font-weight:600}.bugs-table tr{transition:background .2s}.bugs-table tr:hover{background:#f5faff}.bugs-table tr.resolved{opacity:.7;text-decoration:line-through}.bug-ticket{color:#1976d2;font-family:monospace;font-weight:700}.bug-priority{border-radius:12px;display:inline-block;font-size:.95em;font-weight:500;padding:2px 10px}.bug-priority.critical{background:#d32f2f}.bug-priority.high{background:#f57c00}.bug-priority.medium{background:#1976d2}.bug-priority.low{background:#388e3c}.bug-status-badge{border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.07);font-size:.98em;padding:2px 12px}.bug-status-badge.duplicate{background:#ff9800!important;color:#fff;font-weight:600}.bug-status-select{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;font-size:1em;margin-left:8px;padding:4px 8px;transition:border .2s}.bug-status-select:focus{border:1.5px solid #1976d2}.bug-expand-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:4px;touch-action:manipulation;transition:background .2s}.bug-expand-btn:hover{background:rgba(0,0,0,.1)}.bug-expand-btn:active{background:rgba(0,0,0,.2)}.bug-view-btn{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;margin-right:6px;min-height:36px;padding:5px 14px;touch-action:manipulation;transition:background .2s}.bug-view-btn:hover{background:#125ea2}.bug-view-btn:active{background:#0d47a1;transform:translateY(1px)}.bugs-loading{color:#1976d2;font-size:1.2em;margin:40px 0;text-align:center}.spin{display:inline-block}.bugs-empty{color:#888;font-size:1.1em;margin:32px 0;text-align:center}.bug-modal-overlay{align-items:center;background:rgba(0,0,0,.25);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.bug-modal{animation:modalIn .25s cubic-bezier(.4,2,.6,1) 1;background:#fff;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,.18);max-width:520px;padding:32px 28px 24px;position:relative;width:95vw}@keyframes modalIn{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:none}}.bug-modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:2em;position:absolute;right:18px;top:12px;transition:color .2s}.bug-modal-close:hover{color:#d32f2f}.bug-modal-content{font-size:1.08em;line-height:1.6;margin-top:10px}.bug-modal-content b{color:#1976d2}.bug-modal-content ol{margin:0 0 0 18px}.bug-modal-content a{color:#1976d2;font-weight:500;text-decoration:underline}.bugs-progress-bar{background:#e3eafc;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.04);display:flex;height:22px;margin-bottom:8px;overflow:hidden}.bugs-progress-segment{align-items:center;color:#fff;display:flex;font-size:.98em;font-weight:600;justify-content:center;transition:width .3s}.bugs-progress-segment.open{background:#e57373}.bugs-progress-segment.inprogress{background:#ffb74d;color:#333}.bugs-progress-segment.resolved{background:#81c784}.bugs-progress-labels{align-items:center;display:flex;font-size:1.01em;gap:18px;margin-bottom:10px;margin-top:2px}.bug-attachment-link{align-items:center;color:#1976d2;cursor:pointer;display:inline-flex;font-weight:500;gap:4px;text-decoration:underline}.bug-attachment-link:hover{color:#0d47a1}.bug-attachment-preview{align-items:center;display:flex;gap:12px;margin-top:8px}.attachment-thumbnail{transition:transform .2s ease}.attachment-thumbnail:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:scale(1.05)}.bug-attachment-modal .bug-attachment-preview-content{align-items:center;display:flex;justify-content:center;margin-top:18px;min-height:120px}.bug-archive-btn{background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.98em;margin-left:8px;padding:5px 14px;transition:background .2s}.bug-archive-btn:hover{background:#0d47a1}.bugs-completed-link{margin:18px 0 10px;text-align:right}.bugs-completed-link a{color:#388e3c;font-size:1.08em;font-weight:600;text-decoration:underline}.bug-delete-btn{background:#e57373;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.98em;padding:5px 12px;transition:background .2s}.bug-delete-btn:hover{background:#b71c1c}.bugs-table-container{box-sizing:border-box;max-width:100%;overflow:hidden;width:100%}@media (max-width:768px){.bugs-admin-page{border-radius:12px;box-sizing:border-box;margin:20px auto 0;max-width:100%;padding:16px 12px 32px;width:100%}.bugs-admin-page h1{align-items:flex-start;flex-direction:column;font-size:1.8rem;gap:8px;margin-bottom:16px}.bugs-subtitle{font-size:.9rem;line-height:1.4;margin-bottom:16px}.bugs-progress-bar{height:18px;margin-bottom:6px}.bugs-progress-segment{font-size:.85em}.bugs-progress-labels{align-items:flex-start;flex-direction:column;font-size:.9em;gap:8px}.bugs-progress-labels span{align-items:center;display:flex;gap:6px}.bugs-toolbar{align-items:stretch;flex-direction:column;gap:16px;margin-bottom:20px}.bugs-search{padding:8px 12px;width:100%}.bugs-search input{font-size:.9rem;width:100%}.bugs-filters{align-items:stretch;flex-direction:column;gap:12px}.bugs-filter-select{font-size:.9rem;min-width:auto;padding:10px 12px;width:100%}.bugs-date-filter{padding:8px 12px;width:100%}.bugs-clear-filters-btn{justify-content:center;padding:10px 12px;width:100%}.bugs-table-wrapper{border-radius:8px;box-sizing:border-box;margin:0;max-width:100%;width:100%}.bugs-table{min-width:1200px}.bugs-table td,.bugs-table th{font-size:.9rem;padding:8px 12px}.bugs-table td:nth-child(3),.bugs-table th:nth-child(3){max-width:none;min-width:300px;width:300px}.bug-expand-btn{font-size:.8rem;padding:4px 6px}.bug-ticket{font-size:.85rem}.bug-priority,.bug-status-badge{font-size:.8rem;padding:2px 8px}.comment-count,.duplicate-count{font-size:.75rem;padding:2px 6px}.bug-status-select{font-size:.8rem;min-width:100px;padding:4px 6px}.bug-details-row td{max-width:none;overflow-x:auto;padding:16px 12px}.bug-details-inline{font-size:.9rem;line-height:1.5;min-width:100%}.bug-details-inline>div{margin-bottom:12px;white-space:normal;word-break:normal}.bug-details-inline b{color:#333;display:block;font-weight:600;margin-bottom:4px}.bug-details-inline ol{margin:8px 0;padding-left:20px}.bug-details-inline li{margin-bottom:4px}.bug-comments-section{margin-top:16px;padding-top:16px}.bug-comments-section h4{font-size:1rem;margin-bottom:12px}.comment-form{padding:12px}.comment-textarea{font-size:.9rem;min-height:70px}.btn-submit-comment{font-size:.85rem;padding:6px 12px}.bug-comment{font-size:.85rem;padding:12px}.comment-header{align-items:flex-start;flex-direction:column;gap:6px}.comment-author{font-size:.8rem}.comment-time{font-size:.75rem}.comment-content{font-size:.85rem;line-height:1.4}.bug-modal-overlay{padding:20px}.bug-modal{max-width:90vw;padding:24px 20px 20px}.canonical-modal,.duplicate-modal{margin:20px;max-width:90vw}.modal-actions{gap:10px}.canonical-option{align-items:center;flex-direction:row}.canonical-info{margin-bottom:0;margin-right:16px}.btn-mark-duplicate{white-space:nowrap;width:auto}}@media (max-width:480px){.bugs-admin-page{box-sizing:border-box;margin:10px auto 0;max-width:100%;padding:12px 8px 24px;width:100%}.bugs-admin-page h1{font-size:1.5rem;margin-bottom:12px}.bugs-subtitle{font-size:.85rem;margin-bottom:12px}.bugs-progress-bar{height:16px}.bugs-progress-segment{font-size:.8em}.bugs-progress-labels{font-size:.85em}.bugs-toolbar{gap:12px;margin-bottom:16px}.bugs-search{padding:6px 10px}.bugs-search input{font-size:.85rem}.bugs-filter-select{font-size:.85rem;padding:8px 10px}.bugs-date-filter{padding:6px 10px}.bugs-clear-filters-btn{font-size:.85rem;padding:8px 10px}.bugs-table-wrapper{box-sizing:border-box;margin:0;max-width:100%;width:100%}.bugs-table{min-width:1200px}.bugs-table td,.bugs-table th{font-size:.8rem;padding:6px 8px}.bugs-table td:nth-child(3),.bugs-table th:nth-child(3){max-width:none;min-width:300px;width:300px}.bug-expand-btn{font-size:.7rem;padding:2px 4px}.bug-ticket{font-size:.8rem}.bug-priority,.bug-status-badge{font-size:.75rem;padding:1px 6px}.comment-count,.duplicate-count{font-size:.7rem;padding:1px 4px}.bug-status-select{font-size:.75rem;min-width:80px;padding:3px 4px}.bug-details-row td{max-width:none;overflow-x:auto;padding:12px 8px}.bug-details-inline{font-size:.85rem;line-height:1.4;min-width:100%}.bug-details-inline>div{margin-bottom:10px;white-space:normal;word-break:normal}.bug-details-inline b{font-size:.9rem;margin-bottom:3px}.bug-details-inline ol{margin:6px 0;padding-left:16px}.bug-details-inline li{font-size:.8rem;margin-bottom:3px}.bug-comments-section{margin-top:12px;padding-top:12px}.bug-comments-section h4{font-size:.9rem;margin-bottom:10px}.comment-form{padding:10px}.comment-textarea{font-size:.85rem;min-height:60px;padding:8px}.btn-submit-comment{font-size:.8rem;padding:5px 10px}.bug-comment{font-size:.8rem;padding:10px}.comment-header{gap:4px}.comment-author{font-size:.75rem}.comment-time{font-size:.7rem}.comment-content{font-size:.8rem;line-height:1.3}.comment-actions{gap:4px}.btn-delete,.btn-edit{font-size:.7rem;padding:2px 4px}.no-comments{font-size:.8rem;padding:15px}.bug-modal-overlay{padding:10px}.bug-modal{border-radius:12px;max-height:90vh;max-width:none;overflow-y:auto;padding:20px 16px 16px;width:100%}.bug-modal-close{font-size:1.5em;right:12px;top:8px}.bug-modal-content{font-size:.9rem;line-height:1.5}.canonical-modal,.duplicate-modal{margin:10px;max-height:85vh;max-width:100%}.modal-actions{flex-direction:column;gap:8px;margin-top:16px;padding-top:16px}.btn-cancel{font-size:.9rem;padding:12px 16px;width:100%}.canonical-search input{font-size:.9rem;padding:10px}.canonical-option{align-items:stretch;flex-direction:column;gap:8px;padding:10px}.canonical-info{margin-bottom:8px;margin-right:0}.btn-mark-duplicate{font-size:.9rem;padding:10px 16px;width:100%}.image-modal img{max-height:85vh;max-width:95vw}}.btn-back{align-items:center;background:#f5f5f5;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:10px 16px;transition:background .2s}.btn-back:hover{background:#e0e0e0}.bug-meta{flex-direction:column}.bug-module-section,.bug-priority-section,.bug-status-section{align-items:center;display:flex;gap:12px}.bug-module-section label,.bug-priority-section label,.bug-status-section label{color:#666;font-weight:600;min-width:80px}.status-select{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:6px 12px}.description-content{display:flex;flex-direction:column;gap:12px}.error-message{background:#ffebee;border:1px solid #ffcdd2;color:#c62828;font-family:monospace;padding:12px}.original-attachment{align-items:center;display:flex;gap:12px;margin-top:8px}.attachment-link{align-items:center;color:#1976d2;display:flex;font-weight:500;gap:6px;text-decoration:none}.attachment-link:hover{text-decoration:underline}.bug-comments-section{display:flex;flex-direction:column;gap:20px}.bug-comments-section h3{border-bottom:2px solid #f0f0f0;margin:0;padding-bottom:12px}.comment-form{border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px}.comment-form textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;min-height:100px;padding:12px;resize:vertical}.comment-form textarea:focus{border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.1);outline:none}.comment-form-options{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.file-upload{display:flex;flex-direction:column;gap:4px}.file-upload input[type=file]{border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:8px}.internal-comment{align-items:center;color:#666;display:flex;font-size:.9rem;gap:8px}.btn-submit{align-self:flex-start;background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:background .2s}.btn-submit:hover:not(:disabled){background:#1565c0}.btn-submit:disabled{background:#ccc;cursor:not-allowed}.bug-comment{border:1px solid #e0e0e0;border-radius:12px}.bug-comment.internal{background:#fff8e1;border-left:4px solid #ff9800}.comment-header{margin-bottom:12px}.internal-badge{background:#ff9800;border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:2px 8px}.comment-time{color:#666;font-size:.9rem;gap:6px}.btn-edit{color:#1976d2}.btn-delete{color:#d32f2f}.btn-edit:hover{background:rgba(25,118,210,.1)}.btn-delete:hover{background:rgba(211,47,47,.1)}.comment-content{line-height:1.6}.comment-content p{margin:0 0 8px}.comment-attachments{border-top:1px solid #e0e0e0;margin-top:12px;padding-top:12px}.comment-attachments h4{color:#666;font-size:1rem;margin:0 0 8px}.attachment-item{margin-bottom:8px}.image-attachment{align-items:center;gap:12px}.attachment-preview{border:1px solid #ddd;border-radius:6px;cursor:pointer;height:60px;object-fit:cover;width:60px}.attachment-download{align-items:center;color:#1976d2;display:flex;font-weight:500;gap:6px;text-decoration:none}.attachment-download:hover{text-decoration:underline}.file-attachment{color:#1976d2;font-weight:500;gap:6px;text-decoration:none}.file-attachment:hover{text-decoration:underline}.image-modal{align-items:center;background:rgba(0,0,0,.8);bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-modal img{max-height:90vh;max-width:90vw;object-fit:contain}.bug-comment.editing{border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.1)}.comment-edit-textarea{border-radius:6px;font-size:1rem;min-height:80px}.comment-edit-textarea:focus{border-color:#1976d2}.comment-actions .btn-cancel,.comment-actions .btn-save{border:none;font-size:.9rem;padding:6px 12px;transition:background .2s}.btn-save{background:#4caf50}.btn-save:hover{background:#388e3c}.btn-cancel{background:#f5f5f5;color:#333}.btn-cancel:hover{background:#e0e0e0}.bug-detail-error,.bug-detail-loading{color:#666;font-size:1.2rem;padding:60px 20px;text-align:center}.bug-detail-error h2{color:#d32f2f;margin-bottom:20px}@media (max-width:900px){.bug-detail-content{gap:24px;grid-template-columns:1fr}.bug-detail-header{gap:16px}.bug-detail-header,.comment-form-options{align-items:flex-start;flex-direction:column}}@media (max-width:600px){.bug-detail-page{padding:20px 16px 32px}.bug-detail-header h1{font-size:1.6rem}.bug-title-section h2{font-size:1.4rem}.comment-header{align-items:flex-start;flex-direction:column}}.image-attachment{display:flex;flex-direction:column;gap:8px;margin:8px 0}.image-attachment .attachment-preview{border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;max-height:150px;max-width:200px;transition:transform .2s ease}.image-attachment .attachment-preview:hover{border-color:#004080;transform:scale(1.05)}.image-attachment .attachment-download{align-items:center;background:#f5f5f5;border-radius:4px;color:#333;display:inline-flex;font-size:.9rem;gap:6px;padding:6px 12px;text-decoration:none;transition:background .2s ease}.image-attachment .attachment-download:hover{background:#e0e0e0}.original-attachment{background:#f8f9fa;border-left:4px solid #004080;border-radius:6px;margin:16px 0;padding:12px}.original-attachment strong{color:#004080;display:block;margin-bottom:8px}.original-attachment .image-attachment{margin-top:8px}.bug-comments-section{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px}.bug-comments-section h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 15px}.comment-form{background:#f8f9fa;border:1px solid #e9ecef;margin-bottom:20px;padding:15px}.comment-textarea{margin-bottom:10px;padding:10px}.comment-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.btn-submit-comment{align-items:center;background:#007bff;display:flex;gap:6px}.btn-submit-comment:hover:not(:disabled){background:#0056b3}.btn-submit-comment:disabled{background:#6c757d}.comments-list{gap:12px}.bug-comment{padding:12px}.bug-comment:hover{border-color:#007bff}.bug-comment.internal{background:#fff3cd;border-color:#ffeaa7}.internal-badge{background:#ffc107;border-radius:4px;color:#333;font-size:.7rem;font-weight:600;margin-left:6px;padding:2px 6px}.comment-actions{gap:4px}.btn-delete,.btn-edit{background:none;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;padding:4px;transition:background .2s}.btn-edit{color:#007bff}.btn-delete{color:#dc3545}.btn-edit:hover{background:rgba(0,123,255,.1)}.btn-delete:hover{background:rgba(220,53,69,.1)}.comment-content p{margin:0 0 6px}.comment-content p:last-child{margin-bottom:0}.bug-comment.editing{background:#f8f9fa;border-color:#007bff}.comment-edit-textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.9rem;margin-bottom:8px;min-height:60px;padding:8px;resize:vertical;width:100%}.comment-edit-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:none}.comment-actions .btn-cancel,.comment-actions .btn-save{background:none;border:1px solid;border-radius:4px;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:all .2s}.btn-save{border-color:#28a745;color:#28a745}.btn-cancel{border-color:#6c757d;color:#6c757d}.btn-save:hover{background:#28a745;color:#fff}.btn-cancel:hover{background:#6c757d;color:#fff}.comment-count{align-items:center;background:#e3f2fd;border:1px solid #bbdefb;border-radius:12px;color:#1976d2;display:inline-flex;font-size:.85rem;font-weight:500;gap:4px;padding:4px 8px}.comment-count:hover{background:#bbdefb;cursor:pointer}.btn-reply{color:#007bff}.btn-reply:hover{background:rgba(0,123,255,.1)}.reply-form{margin-top:10px;padding:10px}.btn-submit-reply{background:#007bff}.btn-submit-reply:hover:not(:disabled){background:#0056b3}.btn-submit-reply:disabled{background:#6c757d}.comment-replies{margin-top:10px}.bug-comment{position:relative}.bug-comment:not(:last-child){margin-bottom:15px}.bug-comment .bug-comment{border-left:2px solid #dee2e6;margin-top:10px;padding-left:15px}.parent-comment{background:#f8f9fa;border:1px solid #e9ecef;border-left:4px solid #6c757d;border-radius:8px;margin-bottom:12px;padding:12px}.parent-comment-header{align-items:center;color:#6c757d;display:flex;font-size:.9em;gap:8px;margin-bottom:8px}.parent-label{color:#495057;font-weight:600}.parent-author{color:#495057;font-weight:500}.parent-time{color:#6c757d;font-size:.85em}.parent-comment-content{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-style:italic;padding:8px 12px}.parent-comment-content p{line-height:1.4;margin:0}.parent-comment-content p:not(:last-child){margin-bottom:4px}.bug-error-message,.bug-expected-vs-actual,.bug-steps-to-reproduce{background:#f8f9fa;border-left:4px solid #004080;border-radius:8px;margin:24px 0;padding:16px}.bug-error-message h3,.bug-expected-vs-actual h3,.bug-steps-to-reproduce h3{color:#004080;font-size:1.1rem;font-weight:600;margin:0 0 12px}.bug-error-message p,.bug-expected-vs-actual p{color:#333;line-height:1.6;margin:0}.bug-steps-to-reproduce ol{margin:0;padding-left:20px}.bug-steps-to-reproduce li{color:#333;line-height:1.6;margin-bottom:8px}.bug-steps-to-reproduce li:last-child{margin-bottom:0}.bug-attachments{background:#f8f9fa;border-left:4px solid #ff9800;border-radius:12px;margin-bottom:24px;padding:20px}.bug-attachments h3{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 16px}.attachments-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.attachment{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;transition:transform .2s,box-shadow .2s}.attachment:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);transform:translateY(-2px)}.attachment-image{height:150px;object-fit:cover;transition:transform .2s;width:100%}.attachment-image:hover{transform:scale(1.05)}.bug-detail-page{background:#fff;border-radius:16px;box-shadow:0 4px 32px rgba(0,0,0,.08);font-family:Segoe UI,Arial,sans-serif;margin:40px auto 0;max-width:1200px;padding:32px 24px 48px}.bug-detail-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:20px;margin-bottom:32px;padding-bottom:20px}.back-button{background:#f5f5f5;border-radius:8px;color:#333;font-size:1rem;padding:10px 16px;text-decoration:none;transition:all .2s}.back-button:hover{background:#e0e0e0;transform:translateX(-2px)}.bug-detail-header h1{color:#333;font-size:2rem;font-weight:600;margin:0}.bug-detail-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.bug-main-info{display:flex;flex-direction:column;gap:24px}.bug-title-section h2{color:#333;font-size:1.8rem;font-weight:600;margin:0 0 16px}.bug-id{background:#e3f2fd;border-radius:4px;color:#1976d2;font-family:monospace;font-size:.9rem;font-weight:700;padding:4px 8px}.status-badge{box-shadow:0 1px 4px rgba(0,0,0,.07);color:#fff;font-size:.9rem}.status-badge.status-open{background:#e57373}.status-badge.status-in-progress{background:#ffb74d;color:#333}.status-badge.status-resolved{background:#81c784}.priority-badge{border-radius:12px;color:#fff;font-size:.9rem;padding:4px 10px}.priority-badge.priority-critical{background:#d32f2f}.priority-badge.priority-high{background:#f57c00}.priority-badge.priority-medium{background:#1976d2}.priority-badge.priority-low{background:#388e3c}.bug-description,.bug-reporter-info{background:#f8f9fa;border-left:4px solid #1976d2;border-radius:12px;padding:20px}.bug-description h3,.bug-reporter-info h3{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 16px}.description-content p{color:#333;font-size:1rem;line-height:1.6;margin:0}.reporter-details{display:flex;flex-direction:column;gap:8px}.reporter-details>div{align-items:center;color:#555;display:flex;gap:8px;padding:4px 0}.reporter-details strong{color:#333;font-weight:600;min-width:120px}.bug-comments-section{background:#f8f9fa;border-left:4px solid #ff9800;border-radius:12px;padding:20px}.bug-comments-section h3{color:#333;font-size:1.4rem;font-weight:600;margin:0 0 20px}.bug-comments-container{display:flex;flex-direction:column;gap:20px}.comment-form{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.comment-textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.9rem;margin-bottom:12px;transition:border-color .2s}.comment-textarea:focus{border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.1)}.btn-submit-comment{background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background .2s}.btn-submit-comment:hover:not(:disabled){background:#1565c0}.btn-submit-comment:disabled{background:#ccc;cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:16px}.bug-comment{background:#fff;border:1px solid #e9ecef;border-radius:8px;font-size:.9rem;padding:16px;transition:box-shadow .2s}.bug-comment:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.bug-comment.nested{border-left:3px solid #1976d2;margin-left:20px}.comment-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.comment-author{color:#333;font-size:.85rem;font-weight:600;gap:6px}.comment-author,.comment-time{align-items:center;display:flex}.comment-time{color:#6c757d;font-size:.8rem;gap:4px}.comment-content{color:#333;line-height:1.4;margin-bottom:12px}.comment-content p{margin:0}.comment-actions{display:flex;gap:8px}.btn-reply{background:none;border:none;border-radius:4px;color:#1976d2;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:background .2s}.btn-reply:hover{background:rgba(25,118,210,.1)}.reply-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:12px;padding:12px}.reply-textarea{border-radius:4px;font-size:.9rem;margin-bottom:8px;padding:8px}.reply-textarea:focus{border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.1)}.reply-actions{align-items:center;display:flex;gap:8px}.btn-submit-reply{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:background .2s}.btn-submit-reply:hover:not(:disabled){background:#1565c0}.btn-submit-reply:disabled{background:#ccc;cursor:not-allowed}.btn-cancel-reply{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:background .2s}.btn-cancel-reply:hover{background:#545b62}.comment-replies{border-left:2px solid #e9ecef;margin-top:12px;padding-left:20px}.no-comments{background:#f8f9fa;border:1px dashed #dee2e6;border-radius:8px;color:#6c757d}.loading,.no-comments{font-style:italic;padding:20px;text-align:center}.loading{color:#666}@media (max-width:900px){.bug-detail-content{gap:24px;grid-template-columns:1fr}.bug-detail-header{align-items:flex-start;flex-direction:column;gap:16px}}@media (max-width:600px){.bug-detail-page{padding:20px 16px 32px}.bug-detail-header h1{font-size:1.6rem}.bug-title-section h2{font-size:1.4rem}.bug-meta,.comment-header{align-items:flex-start;flex-direction:column}.attachments-list{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.attachment-image{height:120px}}.bug-actions{align-items:stretch;flex-direction:column;gap:8px}.btn-duplicate{align-items:center;background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;justify-content:center;padding:6px 12px;transition:background .2s}.btn-duplicate:hover{background:#5a6268}.btn-remove-duplicate{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;justify-content:center;padding:6px 12px;transition:background .2s}.btn-remove-duplicate:hover{background:#c82333}.duplicate-modal{max-height:80vh;max-width:600px;overflow-y:auto}.user-role-debug{color:#666;font-size:11px;margin-top:4px;text-align:center}.bug-title-preview{color:#666;font-size:14px;margin:8px 0 20px}.canonical-search{position:relative}.canonical-search input{border:1px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:16px;outline:none;padding:12px;transition:border-color .2s;width:100%}.canonical-search input:focus{border-color:#1976d2}.canonical-results{max-height:400px;overflow-y:auto}.canonical-option{align-items:center;background:#f8f9fa;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:background .2s}.canonical-option:hover{background:#e9ecef}.canonical-info{flex:1 1;margin-right:16px}.canonical-status{background:#e9ecef;border-radius:12px;color:#495057;font-size:11px;margin-left:8px;padding:4px 8px}.btn-mark-duplicate{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s;white-space:nowrap}.btn-mark-duplicate:hover:not(:disabled){background:#218838}.btn-mark-duplicate:disabled{background:#6c757d;cursor:not-allowed}.search-instructions{border:1px dashed #dee2e6;border-radius:8px;font-style:italic}.search-instructions,.search-loading{background:#f8f9fa;color:#6c757d;padding:20px;text-align:center}.no-results,.search-loading{border-radius:8px}.no-results{background:#f8f9fa;border:1px dashed #dee2e6;color:#6c757d;font-style:italic;padding:20px;text-align:center}.modal-actions{border-top:1px solid #eee;gap:12px;padding-top:20px}.btn-cancel{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.duplicate-info{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:16px 0;padding:16px}.duplicate-info h4{color:#856404;font-size:16px;margin:0 0 12px}.canonical-link{color:#007bff;cursor:pointer;font-weight:500;margin-left:4px;text-decoration:underline}.canonical-link:hover{color:#0056b3;text-decoration:none}.duplicates-list{margin-top:16px}.duplicates-list h4{color:#495057;font-size:16px;margin:0 0 12px}@media (max-width:768px){.bug-actions{flex-direction:row;gap:6px}.btn-duplicate,.btn-remove-duplicate{font-size:11px;padding:4px 8px}.duplicate-modal{margin:20px;max-width:95vw}.modal-actions{align-items:stretch;flex-direction:column}.btn-cancel{width:100%}.canonical-option{align-items:stretch;flex-direction:column;gap:12px}.canonical-info{margin-bottom:8px;margin-right:0}}.bug-status-badge.duplicate{cursor:pointer;transition:all .2s ease}.bug-status-badge.duplicate:hover{box-shadow:0 2px 4px rgba(0,0,0,.2);opacity:.9;transform:translateY(-1px)}.bug-status-badge.duplicate.clickable{cursor:pointer}.bug-status-badge.duplicate.clickable:hover{background:#d32f2f!important;color:#fff}.canonical-modal{max-height:90vh;max-width:800px;overflow-y:auto}.canonical-details{border-bottom:1px solid #e0e0e0;margin-bottom:24px;padding-bottom:20px}.canonical-details h4{color:#333;font-size:18px;margin:0 0 16px}.bug-meta{margin-bottom:16px}.bug-description{color:#555;line-height:1.6;margin:16px 0}.bug-error,.bug-steps{background:#f5f5f5;border-left:3px solid #ff9800;border-radius:4px;margin:12px 0;padding:12px}.bug-reporter,.bug-timestamp{color:#666;font-size:14px;margin:8px 0}.duplicates-section{margin-top:20px}.duplicates-section h4{color:#333;font-size:16px;margin:0 0 16px}.duplicates-list{max-height:300px;overflow-y:auto}.duplicate-item{background:#fafafa;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:8px;padding:12px}.duplicate-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.duplicate-status{background:#e0e0e0;border-radius:12px;color:#666;font-size:12px;padding:2px 8px}.duplicate-meta{color:#666;display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.duplicate-description{background:#f8f9fa;border-left:3px solid #007bff;border-radius:4px;color:#555;font-size:13px;line-height:1.4;margin-bottom:8px;padding:8px}.duplicate-module,.duplicate-priority{color:#666;font-size:12px;margin-bottom:4px}.duplicate-module strong,.duplicate-priority strong{color:#333;margin-right:4px}.duplicate-error-message,.duplicate-expected{background:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;color:#666;font-size:12px;margin-bottom:4px;padding:4px 8px}.duplicate-error-message strong,.duplicate-expected strong{color:#856404;margin-right:4px}.duplicate-item.error{background:#fff5f5;border-color:#dc3545}.duplicate-error{color:#dc3545;font-weight:700;padding:8px;text-align:center}.bug-attachment-section,.canonical-attachment-section,.duplicate-attachment-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:12px 0;padding:12px}.bug-attachment-section strong,.canonical-attachment-section strong,.duplicate-attachment-section strong{color:#495057;display:block;font-size:14px;margin-bottom:8px}.attachment-container{margin-top:8px}.attachment-container .attachment-preview{background:#fff;border:none;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin:0}.duplicate-item.clickable{border:2px solid transparent;cursor:pointer;transition:all .2s ease}.duplicate-item.clickable:hover{background:#f8f9ff;border-color:#007bff;box-shadow:0 2px 8px rgba(0,123,255,.15);transform:translateY(-1px)}.duplicate-item.clickable:hover .duplicate-click-hint{background:#1976d2;border-color:#1976d2;color:#fff}.duplicate-click-hint{background:#e3f2fd;border:1px solid #bbdefb;border-radius:4px;color:#1976d2;font-size:11px;margin-top:8px;padding:4px 8px;text-align:center}.no-duplicates{color:#666;font-style:italic;padding:20px;text-align:center}.loading-spinner{padding:40px;text-align:center}.loading-spinner .spin{margin-right:8px}@media (max-width:768px){.canonical-modal{margin:20px;max-width:95vw}.bug-meta,.duplicate-info{flex-direction:column;gap:8px}.duplicate-info{align-items:flex-start}.duplicate-meta{flex-direction:column;gap:4px}}.duplicates-actions{margin-top:16px;text-align:center}.btn-view-all-duplicates{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.btn-view-all-duplicates:hover{background:#0056b3}.btn-view-all-duplicates:active{transform:translateY(1px)}.duplicate-count{align-items:center;background:#e3f2fd;border-radius:12px;color:#007bff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:2px 6px}.duplicate-count:hover{background:#bbdefb}.duplicate-of{align-items:center;background:#fff3e0;border-radius:12px;color:#ff9800;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:2px 6px}.image-viewer-overlay{background-color:rgba(0,0,0,.9);bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;z-index:1000}.image-viewer-content,.image-viewer-overlay{align-items:center;display:flex;justify-content:center}.image-viewer-content{max-height:90vh;max-width:90vw;position:relative}.image-viewer-image{border-radius:4px;max-height:100%;max-width:100%;object-fit:contain}.image-viewer-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:24px;padding:8px;position:absolute;right:0;top:-40px;transition:background-color .2s}.image-viewer-close:hover{background-color:hsla(0,0%,100%,.1)}.image-viewer-nav{background:hsla(0,0%,100%,.1);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:24px;padding:16px 12px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s}.image-viewer-nav:hover{background-color:hsla(0,0%,100%,.2)}.image-viewer-prev{left:-60px}.image-viewer-next{right:-60px}.image-viewer-counter{background-color:rgba(0,0,0,.5);border-radius:20px;bottom:-40px;color:#fff;font-size:14px;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}.image-viewer-main{align-items:center;display:flex;justify-content:center;max-height:100%;max-width:100%}@media (max-width:768px){.image-viewer-nav{font-size:20px;padding:12px 8px}.image-viewer-prev{left:10px}.image-viewer-next{right:10px}.image-viewer-close{right:10px;top:10px}}.attachment-preview{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin:8px 0;padding:12px;transition:all .2s ease}.attachment-preview:hover{background:#e9ecef;border-color:#dee2e6}.attachment-info{align-items:center;display:flex;flex:1 1;gap:12px}.attachment-icon{color:#6c757d;min-width:24px}.attachment-name{color:#333;font-size:14px}.attachment-type{color:#6c757d;font-size:12px;text-transform:capitalize}.attachment-actions{display:flex;flex-shrink:0;gap:8px}.download-btn,.preview-btn{align-items:center;background:#004080;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 10px;transition:background-color .2s}.download-btn:hover,.preview-btn:hover{background:#0056b3}.preview-btn:disabled{background:#6c757d;cursor:not-allowed}.preview-modal-overlay{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.preview-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:100%}.preview-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.preview-modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.close-preview-btn{align-items:center;background:#6c757d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.close-preview-btn:hover{background:#5a6268}.preview-content{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:200px;overflow:auto;padding:20px}.preview-modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px}.preview-modal-footer .download-btn{font-size:14px;padding:8px 16px}.preview-modal-footer .close-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.preview-modal-footer .close-btn:hover{background:#5a6268}.text-preview-content{max-width:800px;width:100%}.text-content{word-wrap:break-word;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;margin:0;max-height:60vh;overflow:auto;padding:16px;white-space:pre-wrap}.text-preview-error,.text-preview-loading{color:#666;padding:40px 20px;text-align:center}.loading-spinner{border-top-color:#004080;margin:0 auto 16px}.text-preview-error p{margin:8px 0}.download-fallback-btn{align-items:center;background:#004080;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;margin-top:12px;padding:8px 16px;transition:background-color .2s}.download-fallback-btn:hover{background:#0056b3}.preview-error{color:#721c24;padding:20px;text-align:center}.preview-error p{margin:8px 0}@media (max-width:768px){.attachment-preview{align-items:flex-start;flex-direction:column;gap:12px}.attachment-actions{align-self:stretch;justify-content:space-between}.preview-modal{max-height:95vh;max-width:95vw}.preview-content,.preview-modal-footer,.preview-modal-header{padding:16px}.text-content{font-size:12px;padding:12px}}@media (max-width:480px){.attachment-preview{padding:10px}.attachment-icon{font-size:20px}.attachment-name{font-size:13px}.attachment-type{font-size:11px}.download-btn,.preview-btn{font-size:11px;padding:5px 8px}}.it-support-page{background:#f8fafc;margin:0;min-height:100vh;padding:0}.it-support-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;justify-content:center;padding:24px 32px}.it-support-header h1{color:#1e293b;font-size:28px;font-weight:700;margin:0;text-align:center}.it-support-content{margin:0 auto;max-width:1400px;padding:32px}.it-support-actions{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.tab-navigation{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);flex:1 1;gap:8px;padding:16px}.create-ticket-btn{white-space:nowrap}.tab-button{background:#fff;border:1px solid #e2e8f0;color:#64748b;font-size:14px;min-width:120px;padding:12px 20px}.tab-button:hover{background:#f1f5f9;border-color:#cbd5e1}.tab-button.active{background:#004080;border-color:#004080}.bugs-list{display:flex;flex-direction:column;gap:16px}.bug-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);overflow:hidden;transition:all .2s ease}.bug-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.bug-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px;transition:background-color .2s ease}.bug-header:hover{background:#f1f5f9}.bug-info{flex:1 1}.bug-title{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:8px}.bug-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.bug-module{background:#e0f2fe;border-radius:16px;color:#0277bd;font-size:12px;font-weight:500;padding:4px 12px}.bug-actions{align-items:center;display:flex;gap:16px}.bug-date{color:#64748b;font-size:14px}.expand-button{align-items:center;background:#004080;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.expand-button:hover{background:#1d4ed8;transform:scale(1.05)}.bug-details{background:#fff;padding:24px}.bug-description h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 12px}.bug-description ol,.bug-description p{color:#475569;line-height:1.6;margin:0 0 16px}.bug-description ol{padding-left:20px}.bug-description li{margin-bottom:8px}.comments-section{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:24px}.comments-section h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.comments-list{margin-bottom:20px}.comment-form{border-top:1px solid #e2e8f0;padding-top:20px}.comment-textarea{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;line-height:1.5;min-height:80px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.comment-textarea:focus{border-color:#004080;box-shadow:0 0 0 3px rgba(0,128,128,.1);outline:none}.comment-form-actions{display:flex;justify-content:flex-end;margin-top:16px}.submit-comment-btn{background:#004080;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.submit-comment-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.submit-comment-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.bug-status-badge{align-items:center;display:inline-flex;gap:4px}.bug-priority,.bug-status-badge{border-radius:16px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.bug-priority.critical{background:#dc2626}.bug-priority.high{background:#ea580c}.bug-priority.medium{background:#d97706}.bug-priority.low{background:#059669}@media (max-width:768px){.it-support-header{align-items:flex-start;flex-direction:column;gap:16px;padding:16px 20px}.it-support-header h1{font-size:24px}.it-support-content{padding:20px}.it-support-actions{align-items:stretch;flex-direction:column;gap:16px}.tab-navigation{flex-wrap:wrap;gap:8px}.tab-button{font-size:13px;min-width:100px;padding:10px 16px}.create-ticket-btn{align-self:stretch;justify-content:center}.bug-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 20px}.bug-actions{justify-content:space-between;width:100%}.bug-details{padding:20px}.bug-meta{gap:8px}}@media (max-width:480px){.it-support-header{padding:12px 16px}.it-support-content{padding:16px}.tab-navigation{padding:12px}.tab-button{font-size:12px;min-width:80px;padding:8px 12px}.bug-header{padding:12px 16px}.bug-details{padding:16px}}.spin{animation:spin 1s linear infinite}.comment-attachments{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:12px 0;padding:12px}.attachment-label{cursor:pointer;display:inline-block}.attachment-button{align-items:center;background:#004080;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px}.attachment-button:hover{background:#0056b3}.selected-attachments{display:flex;flex-direction:column;gap:8px;margin-top:12px}.selected-attachment{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.attachment-name{color:#495057;flex:1 1;margin-right:8px;word-break:break-word}.remove-attachment-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:10px;height:20px;justify-content:center;transition:background-color .2s;width:20px}.remove-attachment-btn:hover{background:#c82333}.contact-it-support-page{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.contact-it-support-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:30px;padding:30px;position:relative}.back-button{align-items:center;background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;left:20px;padding:8px 16px;position:absolute;top:20px;transition:background-color .2s}.back-button:hover{background:#5a6268}.contact-it-support-header h1{color:#004080;font-size:32px;font-weight:700;margin:0 0 16px;text-align:center}.header-description{color:#666;font-size:16px;margin:0 auto;max-width:600px;text-align:center}.contact-it-support-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.form-note{background:#e3f2fd;border:1px solid #2196f3;border-radius:6px;margin:20px;padding:16px 20px;text-align:center}.form-note p{color:#1565c0;font-size:14px;margin:0}.form-help{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin:0 20px 20px;padding:16px 20px}.form-help p{color:#495057;font-size:14px;font-weight:500;margin:0 0 12px}.form-help ul{color:#6c757d;font-size:13px;margin:0;padding-left:20px}.form-help li{margin-bottom:4px}.support-form{padding:40px}.form-section{margin-bottom:40px}.form-section h3{border-bottom:2px solid #e9ecef;color:#004080;font-size:20px;margin-bottom:20px;padding-bottom:10px}.form-group label:has([required]):after{color:#dc3545;content:" *";font-weight:600}.form-group label.required:after{color:#dc3545;content:" *";font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .2s,background-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#004080;box-shadow:0 0 0 3px rgba(0,64,128,.1)}.form-group input:invalid,.form-group select:invalid,.form-group textarea:invalid{border-color:#dc3545}.form-group input:invalid:focus,.form-group select:invalid:focus,.form-group textarea:invalid:focus{box-shadow:0 0 0 3px rgba(220,53,69,.1)}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;font-size:14px;margin-bottom:20px;padding:12px 16px}.form-group small{color:#666;display:block;font-size:12px;margin-top:6px}.steps-container{display:flex;flex-direction:column;gap:12px}.step-input{align-items:center;display:flex;gap:12px}.step-number{color:#004080;min-width:24px}.step-input input{border:2px solid #e9ecef;border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px;transition:border-color .2s}.step-input input:focus{border-color:#004080;box-shadow:0 0 0 3px rgba(0,64,128,.1);outline:none}.step-input input:invalid{border-color:#dc3545}.step-input input:invalid:focus{box-shadow:0 0 0 3px rgba(220,53,69,.1)}.remove-step-btn{background:#dc3545;border-radius:50%;color:#fff;font-size:18px;height:28px;justify-content:center;transition:background-color .2s;width:28px}.remove-step-btn:hover{background:#c82333}.add-step-btn{align-self:flex-start;background:none;border:2px dashed #004080;border-radius:6px;color:#004080;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.add-step-btn:hover{background:#004080;color:#fff}.file-input{background:none;border:none;padding:8px 0}.file-input:invalid{border:2px solid #dc3545;border-radius:6px;padding:6px}.file-input:invalid:focus{box-shadow:0 0 0 3px rgba(220,53,69,.1)}.form-group:has(.file-input[required]) label:after{color:#dc3545;content:" *";font-weight:600}.form-actions{border-top:1px solid #e9ecef;gap:16px;padding-top:20px}.cancel-button{border-radius:8px;font-weight:500;padding:12px 24px}.cancel-button,.submit-button{font-size:16px;transition:background-color .2s}.submit-button{align-items:center;background:#004080;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 32px}.submit-button:hover:not(:disabled){background:#0056b3}.submit-button:disabled{background:#6c757d;cursor:not-allowed}.submit-button .spin{animation:spin 1s linear infinite}.success-message{padding:60px 40px;text-align:center}.success-icon{font-size:64px;margin-bottom:24px}.success-message h2{color:#004080;font-size:28px;font-weight:600;margin-bottom:20px}.ticket-info{font-size:18px;margin-bottom:16px}.ticket-id{color:#004080;font-size:20px;font-weight:600}.success-message p{color:#666;font-size:16px;margin-bottom:32px}.success-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.primary-button,.secondary-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.primary-button{background:#004080;color:#fff}.primary-button:hover{background:#0056b3}.secondary-button{background:#fff;border:2px solid #004080;color:#004080}.secondary-button:hover{background:#004080;color:#fff}@media (max-width:768px){.contact-it-support-page{padding:10px}.contact-it-support-header{padding:20px;text-align:center}.back-button{align-self:center;margin-bottom:20px;position:static}.support-form{padding:20px}.form-row{gap:0;grid-template-columns:1fr}.form-actions,.success-actions{flex-direction:column}.success-actions{align-items:center}.primary-button,.secondary-button{max-width:300px;width:100%}}@media (max-width:480px){.contact-it-support-header h1{font-size:24px}.support-form{padding:16px}.form-section{margin-bottom:30px}}.home-page{color:#333;font-family:Arial,sans-serif}.hero-section{align-items:center;background-color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:60px 10%}.hero-text-content{flex:1 1 45%;margin-bottom:20px}.hero-title{color:#004080;font-size:2.5rem;margin-bottom:.5rem}.hero-subtitle{color:#555;line-height:1.5}.hero-buttons{display:flex;gap:15px}.primary-btn,.secondary-btn{border-radius:4px;font-size:1rem;padding:12px 20px;transition:background-color .3s ease}.primary-btn{background-color:#004080}.primary-btn:hover{background-color:#06c}.secondary-btn{background-color:#f0f0f0;color:#333}.secondary-btn:hover{background-color:#e0e0e0}.hero-image-container{flex:1 1 45%;text-align:center}.hero-image{border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1);height:auto;max-width:100%}.features-section{background-color:#fafafa;padding:40px 10%;text-align:center}.features-section h2{color:#004080;margin-bottom:30px}.features-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.feature-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05);padding:20px;width:250px}.feature-icon{color:#06c;font-size:2rem;margin-bottom:10px}.feature-card h3{color:#333;margin-bottom:.5rem}.feature-card p{color:#666;font-size:.95rem}.vision-mission-section{background-color:#f8f8f8;padding:40px 10%;text-align:center}.vision-mission-container{margin:0 auto;max-width:800px;text-align:left}.vision-mission-container h2{color:#004080;margin-bottom:1rem;text-align:center}.vision-mission-container p{color:#444;font-size:1rem;line-height:1.5;margin-bottom:.8rem}@media (max-width:768px){.hero-section{padding:40px 5%}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.features-grid{align-items:center;flex-direction:column}.feature-card{margin-bottom:20px;width:80%}}.section{background-color:#fff;padding:40px 10%}.section-title{color:#004080;font-size:2rem;margin-bottom:20px;text-align:center}.section-paragraph{color:#555;font-size:1rem;line-height:1.6;margin-bottom:1rem}.pillars-grid{display:flex;flex-wrap:wrap;gap:20px}.pillar-card{background:#f8f8f8;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05);padding:20px;width:250px}.pillar-card h3{color:#004080;margin-bottom:.5rem}.pillar-card p{color:#666;font-size:.95rem}.achievements-trends{background-color:#f9f9f9;padding:40px 10%;text-align:center}.two-column{display:flex;gap:40px;justify-content:space-between;margin:0 auto;max-width:1000px}.column{flex:1 1;text-align:left}.column h3{color:#004080;margin-bottom:10px}.column ul{list-style:none;padding:0}.column ul li{align-items:center;color:#555;display:flex;font-size:1rem;margin-bottom:10px}.achievement-icon{font-size:1.2rem;margin-right:10px}.market-trends-list{list-style-position:inside;list-style-type:disc!important;padding-left:0}.market-trends-list li{color:#555;font-size:1rem;line-height:1.4;margin-bottom:10px;padding-left:20px;position:relative}.market-trends-list li:before{background-color:#06c;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:7px;width:6px}@media (max-width:768px){.two-column{flex-direction:column;gap:20px}.column{text-align:center}.market-trends-list{list-style-position:outside}}.bhags-wins-section .column ul{list-style-position:outside!important;padding-left:0}.bhags-wins-section .column ul li{color:#555;display:list-item!important;line-height:1.4;list-style-type:disc!important}.bhags-wins-section .two-column{display:flex;gap:40px;justify-content:space-between;margin:0 auto;max-width:1000px}.bhags-wins-section .column{flex:1 1;text-align:left}.bhags-wins-section .column h3{color:#004080;margin-bottom:10px}.bhags-wins-section .column ul{color:#555;font-size:1rem;line-height:1.4;list-style-position:outside;list-style-type:disc!important;margin-bottom:1rem;margin-left:1.5rem}.bhags-wins-section .column ul li{margin-bottom:8px}.bhags-wins-section .column ul li strong{color:#004080}@media (max-width:768px){.bhags-wins-section .two-column{flex-direction:column;gap:20px}.bhags-wins-section .column{text-align:center}.bhags-wins-section .column ul{list-style-position:inside;margin-left:0}}.implementation-involvement{background-color:#fff;padding:40px 10%;text-align:center}.implementation-list{list-style-position:outside;list-style-type:disc;margin:20px auto 0;max-width:800px;padding-left:1.5rem;text-align:left}.implementation-list li{color:#555;font-size:1rem;line-height:1.6;margin-bottom:15px}.implementation-list li strong{color:#004080}@media (max-width:768px){.implementation-involvement{padding:30px 5%}.implementation-list{list-style-position:inside;max-width:100%;padding-left:0;text-align:left}.section{padding:30px 5%}.section-title{font-size:1.8rem}.pillars-grid{align-items:center;flex-direction:column}.pillar-card{width:80%}}.who-we-are-and-values{background-color:#fff;padding:40px 10%;position:relative;text-align:center}.three-column-flex{align-items:flex-start;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin:0 auto;max-width:1200px}.column-left{align-items:center;display:flex;flex:1 1 250px;flex-direction:column;gap:20px}.founder-card{text-align:center}.founder-photo{border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.1);height:100px;object-fit:cover;width:100px}.founder-caption{color:#666;font-size:.9rem;margin-top:8px}.column-center{align-items:center;display:flex;flex:1 1 400px;flex-direction:column;justify-content:flex-start;text-align:center}.column-center p{color:#555;line-height:1.6;margin-bottom:1rem;max-width:450px}.our-values-section{margin:40px 0;text-align:center}.circular-container{height:350px;margin:0 auto;position:relative;width:350px}.circular-center{background-color:#004080;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#fff;font-size:1rem;font-weight:700;height:110px;padding:10px;transform:translate(-50%,-50%);width:110px;z-index:1}.circular-center,.circular-item{align-items:center;border-radius:50%;display:flex;justify-content:center;left:50%;position:absolute;text-align:center;top:50%}.circular-item{background-color:#f8f8f8;box-shadow:0 2px 5px rgba(0,0,0,.05);color:#004080;cursor:default;font-size:.9rem;height:80px;line-height:1.2;margin:-40px 0 0 -40px;transition:background-color .3s ease;width:80px}.circular-item:hover{background-color:#eaeaea}.item1{transform:rotate(0deg) translate(120px) rotate(0deg)}.item2{transform:rotate(51.43deg) translate(120px) rotate(-51.43deg)}.item3{transform:rotate(102.86deg) translate(120px) rotate(-102.86deg)}.item4{transform:rotate(154.29deg) translate(120px) rotate(-154.29deg)}.item5{transform:rotate(205.71deg) translate(120px) rotate(-205.71deg)}.item6{transform:rotate(257.14deg) translate(120px) rotate(-257.14deg)}.item7{transform:rotate(308.57deg) translate(120px) rotate(-308.57deg)}@media (max-width:768px){.circular-container{height:250px;width:250px}.circular-center{font-size:.9rem;height:80px;width:80px}.circular-item{font-size:.8rem;height:60px;margin:-30px 0 0 -30px;width:60px}.item1{transform:rotate(0deg) translate(80px) rotate(0deg)}.item2{transform:rotate(51.43deg) translate(80px) rotate(-51.43deg)}.item3{transform:rotate(102.86deg) translate(80px) rotate(-102.86deg)}.item4{transform:rotate(154.29deg) translate(80px) rotate(-154.29deg)}.item5{transform:rotate(205.71deg) translate(80px) rotate(-205.71deg)}.item6{transform:rotate(257.14deg) translate(80px) rotate(-257.14deg)}.item7{transform:rotate(308.57deg) translate(80px) rotate(-308.57deg)}.three-column-flex{align-items:center;flex-direction:column}.column-center,.column-left,.column-right{flex:1 1 100%}.column-center{max-width:100%;text-align:center}.circular-container{height:250px;width:250px}.circular-center{font-size:1rem;height:80px;width:80px}.circular-item{font-size:.75rem;height:50px;margin:-25px 0 0 -25px;width:50px}.item1{transform:rotate(0deg) translate(70px) rotate(0deg)}.item2{transform:rotate(51.43deg) translate(70px) rotate(-51.43deg)}.item3{transform:rotate(102.86deg) translate(70px) rotate(-102.86deg)}.item4{transform:rotate(154.29deg) translate(70px) rotate(-154.29deg)}.item5{transform:rotate(205.71deg) translate(70px) rotate(-205.71deg)}.item6{transform:rotate(257.14deg) translate(70px) rotate(-257.14deg)}.item7{transform:rotate(308.57deg) translate(70px) rotate(-308.57deg)}}.brew-products{background-color:#fff;padding:40px 10%;text-align:center}.brew-products .section-title{color:#004080;font-size:1.8rem;margin-bottom:20px}.section-intro{color:#555;line-height:1.6;margin:0 auto 30px;max-width:800px}.section-subtitle{color:#004080;font-size:1.4rem;margin-bottom:30px}.three-column-products{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:1200px}.product-col{background:#f9f9f9;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05);display:flex;flex:1 1 300px;flex-direction:column;justify-content:space-between;padding:20px;text-align:left}.product-img{border-radius:6px;height:180px;margin-bottom:15px;object-fit:cover;width:100%}.product-col h4{color:#004080;font-size:1.2rem;margin-bottom:10px}.product-col p{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:15px}.read-more-link{align-self:flex-start;color:#06c;font-weight:500;margin-top:auto;text-decoration:none}.read-more-link:hover{text-decoration:underline}@media (max-width:768px){.three-column-products{flex-direction:column;gap:20px}.product-col{width:100%}.product-img{height:auto}}.page-section>.hero-subtitle,.page-section>h2,.page-section>h3,.pillars-title{margin-left:auto;margin-right:auto;text-align:center}.hero-subtitle{color:#2d3e50;font-size:1.1rem;margin-bottom:1.5rem}.page-section>h3{margin-bottom:1.5rem;margin-top:1.5rem}.strategic-pillars-section{margin-bottom:2.5rem;margin-top:3rem;text-align:center}.pillars-title{color:#0a3970;font-size:2.2rem;font-weight:700;letter-spacing:.5px;margin-bottom:2.5rem}.pillars-grid{grid-gap:1.2rem 1.2rem;align-items:stretch;display:grid;gap:1.2rem 1.2rem;grid-template-columns:repeat(2,minmax(260px,1fr));justify-content:center;margin:0 auto;max-width:700px}.pillar-card{background:#f5f8fc;border-radius:16px;box-shadow:0 4px 16px rgba(10,57,112,.07);color:#0a3970;display:flex;flex-direction:column;font-size:1.18rem;font-weight:500;justify-content:center;min-height:170px;min-width:260px;padding:2.2rem 1.5rem 1.7rem;text-align:center}.pillar-card h4{color:#0a3970;font-size:1.25rem;font-weight:700;margin-bottom:.7rem}.pillar-card p{color:#2d3e50;font-size:1.08rem}.values-circle-section{align-items:center;display:flex;justify-content:center;margin:3.5rem 0 2.5rem}.values-circle-container{height:370px;margin:0 auto;position:relative;width:370px}.values-circle-center{background:#0a3970;border-radius:50%;box-shadow:0 4px 16px rgba(10,57,112,.1);color:#fff;font-size:1.45rem;font-weight:700;height:150px;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;z-index:2}.values-circle-center,.values-circle-item{align-items:center;display:flex;justify-content:center;position:absolute;text-align:center}.values-circle-item{background:#f3f6fa;border-radius:27px;box-shadow:0 2px 8px rgba(10,57,112,.06);color:#0a3970;font-size:1.08rem;font-weight:600;height:54px;padding:0 10px;white-space:pre-line;width:120px;z-index:1}.value-confidentiality{left:50%;top:18px;transform:translate(-50%)}.value-reliability{left:80%;top:70px;transform:translate(-50%)}.value-godly{left:92%;top:170px;transform:translate(-50%)}.value-timeliness{bottom:70px;left:80%;transform:translate(-50%)}.value-professionalism{bottom:18px;left:50%;transform:translate(-50%)}.value-quality{bottom:70px}.value-integrity,.value-quality{left:20%;transform:translate(-50%)}.value-integrity{top:70px}@media (max-width:900px){.pillars-grid{gap:1.5rem;grid-template-columns:1fr}.values-circle-container{height:260px;width:260px}.values-circle-center{font-size:1rem;height:90px;width:90px}.values-circle-item{font-size:.85rem;height:32px;width:65px}.value-confidentiality{left:50%;top:5px;transform:translate(-50%)}.value-reliability{left:80%;top:35px;transform:translate(-50%)}.value-godly{left:92%;top:90px;transform:translate(-50%)}.value-timeliness{bottom:35px;left:80%;transform:translate(-50%)}.value-professionalism{bottom:5px;left:50%;transform:translate(-50%)}.value-quality{bottom:35px}.value-integrity,.value-quality{left:20%;transform:translate(-50%)}.value-integrity{top:35px}}.scroll-to-top-btn{background:none;border:none;border-radius:50%;bottom:32px;box-shadow:0 4px 16px rgba(10,57,112,.18);cursor:pointer;outline:none;padding:0;position:fixed;right:32px;transition:box-shadow .2s,transform .2s;z-index:1000}.scroll-to-top-btn:hover{box-shadow:0 6px 24px rgba(10,57,112,.28);transform:translateY(-4px) scale(1.08)}.scroll-to-top-btn svg{display:block}@media (max-width:600px){.scroll-to-top-btn{bottom:12px;right:12px}}.org-structure-page{color:#333;font-family:Arial,sans-serif;margin-left:auto;margin-right:auto;margin-top:80px;max-width:1200px;padding:40px 10%}.org-structure-page h1{color:#004080;margin-bottom:40px;text-align:center}.org-structure-page h2{color:#004080;margin-bottom:15px;margin-top:30px}.org-structure-page p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:20px}.org-structure-page ul{color:#555;font-size:1rem;line-height:1.4;margin-bottom:20px;margin-left:20px}.org-structure-page ul li{margin-bottom:10px}.org-structure-page ul ul{margin-left:20px}.org-image-section{margin-bottom:40px;text-align:center}.org-structure-img{display:block;height:auto;margin:0 auto;max-width:100%}.meet-the-team{margin-top:50px}.meet-the-team h2{margin-bottom:30px;text-align:center}.team-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.team-member{background:#f9f9f9;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05);padding:20px;text-align:center}.team-member img{border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.1);height:100px;margin-bottom:15px;object-fit:cover;width:100px}.team-member h3{color:#004080;font-size:1.1rem;margin-bottom:10px}@media (max-width:768px){.org-structure-page{margin-top:70px;padding:30px 5%}.team-grid{grid-template-columns:1fr 1fr}.team-member img{height:80px;width:80px}}@media (max-width:480px){.team-grid{grid-template-columns:1fr}}.workflow-page{margin:0 auto;max-width:1200px;padding:2rem}.workflow-page h1{color:#004080;margin-bottom:20px;text-align:center}.workflow-page p{color:#555;font-size:1.2rem;line-height:1.6;margin-bottom:2rem;text-align:center}.svg-container{margin-top:1rem;max-width:100%;overflow:auto;position:relative;text-align:center}.svg-container img{height:auto;max-width:100%;width:100%}.download-container{margin-top:1.5rem;text-align:right}.download-button{background:#004080;border-radius:4px;color:#fff;display:inline-block;font-weight:700;padding:.5rem 1rem;text-decoration:none}.download-button:hover{background:#003060}@media (max-width:768px){.workflow-page{padding:1rem}}.hr-management{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px;width:100%}.hr-management,.hr-management *{box-sizing:border-box}.hr-management .content-section,.hr-management .dashboard-grid,.hr-management .stats-grid,.hr-management .table-container{max-width:100%;min-width:100%;width:100%}.hr-header{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;margin-bottom:30px;padding:20px;text-align:center}.hr-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.hr-header p{font-size:1.1rem;margin:0;opacity:.9}.hr-navigation{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.nav-tab{transition:all .3s ease}.hr-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.05);overflow:hidden}.hr-content,.hr-dashboard{box-sizing:border-box;max-width:100%;min-width:100%;width:100%}.hr-dashboard{padding:30px}.hr-dashboard h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0 0 25px}.stat-icon.active{background:linear-gradient(135deg,#28a745,#20c997)}.stat-icon.pending{background:linear-gradient(135deg,#ffc107,#fd7e14)}.stat-icon.payroll{background:linear-gradient(135deg,#17a2b8,#6f42c1)}.action-btn{font-size:.95rem;padding:12px 24px}.action-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.action-btn.primary:hover{box-shadow:0 6px 20px rgba(37,99,235,.4);transform:translateY(-2px)}.action-btn.secondary{color:#6c757d}.action-btn.secondary:hover{color:#495057;transform:translateY(-1px)}.recent-activity h3{color:#2c3e50;font-size:1.4rem;margin:0 0 20px}.activity-list{gap:15px}.activity-item{align-items:flex-start;border-left:4px solid #2563eb;border-radius:8px;gap:15px;padding:20px;transition:all .3s ease}.activity-item:hover{background:#e9ecef;transform:translateX(5px)}.activity-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-content p{margin:0 0 5px}.hr-section{box-sizing:border-box;max-width:100%;min-width:100%;padding:30px;width:100%}.hr-section h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0 0 20px}.hr-section p{color:#6c757d;font-size:1.1rem;line-height:1.6}@media (max-width:768px){.hr-header,.hr-management{padding:15px}.hr-header h1{font-size:2rem}.hr-navigation{justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.nav-tab{flex-shrink:0;white-space:nowrap}.stats-grid{gap:15px;grid-template-columns:1fr}.stat-card{padding:20px}.action-buttons{flex-direction:column}.action-btn{justify-content:center;width:100%}.hr-dashboard,.hr-section{padding:20px}}@media (max-width:480px){.hr-header h1{font-size:1.8rem}.hr-header p{font-size:1rem}.stat-content h3{font-size:1.5rem}.nav-tab{font-size:.9rem;padding:10px 15px}}.employee-management{padding:30px}.employee-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.employee-header h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0}.employee-actions{display:flex;flex-wrap:wrap;gap:15px}.btn-primary{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;box-shadow:0 2px 4px rgba(37,99,235,.2);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 20px rgba(37,99,235,.4);transform:translateY(-2px)}.btn-secondary{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover{background:#e9ecef;color:#495057;transform:translateY(-1px)}.btn-danger{background:#dc3545;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.btn-danger:hover{background:#c82333;transform:translateY(-1px)}.search-filter-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:30px;padding:25px}.search-filter-header{margin-bottom:25px;text-align:center}.search-filter-header h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0 0 8px}.search-filter-header p{color:#6c757d;font-size:.95rem;margin:0}.search-filter-content{display:flex;flex-direction:column;gap:20px}.search-filters-row{align-items:end;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.search-input-group{flex:1 1;max-width:400px;min-width:300px}.search-input-group label{align-items:center;color:#2c3e50;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:10px}.search-icon{color:#2563eb;font-size:1rem}.search-input{background:#fff;border:2px solid #dee2e6;border-radius:10px;font-size:1.05rem;padding:14px 18px;transition:all .3s ease}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.1);transform:translateY(-1px)}.filter-group{max-width:400px;min-width:300px}.filter-group label{align-items:center;color:#2c3e50;display:flex;font-size:.95rem;gap:8px;margin-bottom:10px}.filter-icon{color:#6c757d;font-size:.9rem}.filter-select{border:2px solid #dee2e6;border-radius:10px;cursor:pointer;font-size:1.05rem;padding:14px 18px;transition:all .3s ease;width:100%}.filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.1);transform:translateY(-1px)}.action-buttons-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:10px}.clear-btn,.search-btn{align-items:center;border-radius:10px;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;min-width:160px;padding:14px 28px;transition:all .3s ease}.search-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px rgba(37,99,235,.3);color:#fff}.search-btn:hover{box-shadow:0 6px 20px rgba(37,99,235,.4);transform:translateY(-2px)}.clear-btn{background:#fff;border:2px solid #dee2e6;color:#6c757d}.clear-btn:hover{background:#f8f9fa;border-color:#adb5bd;transform:translateY(-1px)}.employee-table-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);box-sizing:border-box;max-width:100%;min-width:100%;overflow:hidden;width:100%}.employee-cards{display:none}.employee-table{border-collapse:collapse;width:100%}.employee-table th{background:#f8f9fa;border-bottom:1px solid #dee2e6;color:#2c3e50;font-size:.9rem;font-weight:600;padding:15px 12px;text-align:left}.employee-table td{border-bottom:1px solid #f1f3f4;padding:15px 12px;vertical-align:middle}.employee-table tbody tr:hover{background:#f8f9fa}.employee-role{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px;text-transform:uppercase}.role-super{background:#dc3545;color:#fff}.role-admin{background:#fd7e14;color:#fff}.role-standard{background:#28a745;color:#fff}.employee-status{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#f8d7da;color:#721c24}.status-terminated{background:#fff3cd;color:#856404}.employee-actions-cell{display:flex;flex-wrap:wrap;gap:8px}.pagination{gap:10px;margin-top:30px;padding:20px}.pagination button{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;padding:8px 12px;transition:all .3s ease}.pagination button:hover:not(:disabled){background:#f8f9fa;color:#495057}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination button.active{background:#2563eb;border-color:#2563eb;color:#fff}.pagination-info{color:#6c757d;font-size:.9rem}.modal-content{box-shadow:0 20px 25px rgba(0,0,0,.1);max-width:600px}.modal-header{border-bottom:1px solid #e9ecef;padding:20px 24px}.modal-header h3{color:#2c3e50;font-weight:600}.modal-close{align-items:center;border-radius:50%;color:#6c757d;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.modal-close:hover{background:#f8f9fa;color:#495057}.modal-body{padding:24px}.modal-footer{border-top:1px solid #e9ecef;gap:15px;padding:20px 24px}.form-group label{color:#2c3e50;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #dee2e6;font-size:.95rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-row{grid-gap:20px;gap:20px}.loading{align-items:center;color:#6c757d;display:flex;justify-content:center;padding:40px}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#2563eb;height:30px;margin-right:15px;width:30px}.empty-state{color:#6c757d}.empty-state svg{color:#dee2e6;font-size:4rem;margin-bottom:20px}.empty-state h3{color:#2c3e50;font-size:1.3rem;margin:0 0 10px}.empty-state p{font-size:1rem}@media (max-width:1024px){.hr-management{padding:15px}.employee-header{align-items:stretch;flex-direction:column;gap:15px}.employee-actions{flex-wrap:wrap;justify-content:center}.search-filter-section{padding:20px}.search-filter-header h3{font-size:1.2rem}.search-filter-content{gap:15px}.search-filters-row{flex-direction:column;gap:15px}.filter-group,.search-input-group{max-width:100%;min-width:auto}.action-buttons-row{flex-direction:column;gap:10px}.clear-btn,.search-btn{min-width:auto;width:100%}}@media (max-width:768px){.hr-header{padding:15px;text-align:center}.hr-header h1{font-size:2rem}.hr-header p{font-size:1rem}.hr-navigation{gap:8px;justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.nav-tab{flex-shrink:0;font-size:.9rem;padding:10px 16px;white-space:nowrap}.employee-management{padding:20px}.employee-header h2{font-size:1.5rem;text-align:center}.employee-actions{flex-direction:column;gap:10px}.btn-primary,.btn-secondary{justify-content:center;padding:12px 20px;width:100%}.search-filter-section{margin-bottom:20px;padding:15px}.search-filter-header h3{font-size:1.1rem}.search-filter-header p{font-size:.9rem}.search-filter-content{gap:12px}.search-filters-row{flex-direction:column;gap:12px}.filter-group,.search-input-group{max-width:100%;min-width:auto}.action-buttons-row{flex-direction:column;gap:8px}.clear-btn,.search-btn{min-width:auto;padding:10px 20px;width:100%}.employee-table-container{overflow:visible}.employee-table{display:none}.employee-cards{display:block}.employee-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:15px;padding:20px}.employee-card-header{align-items:center;display:flex;gap:15px;margin-bottom:15px}.employee-card-info{flex:1 1}.employee-card-name{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:4px}.employee-card-email{color:#6c757d;font-size:.9rem}.employee-card-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:15px}.employee-card-detail{display:flex;flex-direction:column;gap:4px}.employee-card-detail-label{color:#6c757d;font-size:.8rem;font-weight:500;text-transform:uppercase}.employee-card-detail-value{color:#2c3e50;font-size:.9rem;font-weight:500}.employee-card-actions{display:flex;flex-wrap:wrap;gap:8px}.employee-card-actions button{flex:1 1;font-size:.85rem;min-width:80px;padding:8px 12px}.form-row{grid-template-columns:1fr}.modal-content{border-radius:8px;margin:10px;max-height:calc(100vh - 20px)}.modal-body,.modal-footer,.modal-header{padding:15px}.modal-header h3{font-size:1.2rem}.pagination{flex-wrap:wrap;gap:8px;padding:15px}.pagination button{font-size:.85rem;padding:6px 10px}.pagination-info{font-size:.8rem;margin-top:10px;text-align:center;width:100%}}@media (max-width:480px){.hr-management{padding:8px}.hr-header{margin-bottom:20px;padding:15px 12px}.hr-header h1{font-size:1.6rem;margin-bottom:8px}.hr-header p{font-size:.85rem;line-height:1.4}.hr-navigation{gap:6px;margin-bottom:20px;padding:0 5px}.nav-tab{font-size:.8rem;min-width:auto;padding:10px 12px;white-space:nowrap}.nav-tab svg{font-size:.9rem}.stats-grid{gap:12px;grid-template-columns:1fr;margin-bottom:20px}.stat-card{border-radius:8px;padding:12px}.stat-icon{font-size:1.2rem;height:45px;width:45px}.stat-content h3{font-size:1.2rem;margin-bottom:4px}.stat-content p{font-size:.75rem;line-height:1.3}.action-btn{font-size:.9rem;justify-content:center;margin-bottom:8px;padding:12px 16px;width:100%}.search-filter-section{border-radius:8px;margin-bottom:20px;padding:15px 12px}.search-filter-header{margin-bottom:15px}.search-filter-header h3{font-size:1rem;margin-bottom:4px}.search-filter-header p{font-size:.8rem}.search-filter-content{gap:10px}.search-filters-row{flex-direction:column;gap:10px}.search-input-group{max-width:100%;min-width:auto}.search-input-group label{font-size:.85rem;margin-bottom:6px}.search-input{border-radius:6px;font-size:.9rem;padding:12px 14px}.filter-group{max-width:100%;min-width:auto}.filter-group label{font-size:.85rem;margin-bottom:6px}.filter-select{border-radius:6px;font-size:.9rem;padding:12px 14px}.action-buttons-row{flex-direction:column;gap:8px;margin-top:8px}.clear-btn,.search-btn{border-radius:6px;font-size:.9rem;min-width:auto;padding:12px 16px;width:100%}.employee-management{padding:12px}.employee-header h2{font-size:1.2rem;margin-bottom:15px}.employee-table-container{border-radius:8px;overflow:visible}.employee-table{display:none}.employee-cards{display:block;padding:0}.employee-card{border:1px solid #e9ecef;border-radius:8px;margin-bottom:12px;padding:12px}.employee-card-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:10px}.employee-avatar{font-size:.8rem;height:35px;width:35px}.employee-card-info{width:100%}.employee-card-name{font-size:1rem;margin-bottom:2px}.employee-card-email{color:#6c757d;font-size:.8rem}.employee-card-details{gap:6px;grid-template-columns:1fr;margin-bottom:10px}.employee-card-detail{padding:4px 0}.employee-card-detail-label{font-size:.7rem;margin-bottom:2px}.employee-card-detail-value{font-size:.8rem}.employee-card-actions{flex-direction:column;gap:6px}.employee-card-actions button{border-radius:4px;font-size:.8rem;padding:8px 12px;width:100%}.modal-content{border-radius:8px;margin:5px;max-height:calc(100vh - 10px);max-width:calc(100vw - 10px)}.modal-body,.modal-footer,.modal-header{padding:12px}.modal-header h2{font-size:1.2rem}.form-row{gap:12px;grid-template-columns:1fr}.form-group label{font-size:.85rem;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{border-radius:4px;font-size:.9rem;padding:10px 12px}.modal-actions{flex-direction:column;gap:8px}.btn-primary,.btn-secondary{font-size:.9rem;padding:10px 16px;width:100%}.pagination{align-items:center;flex-direction:column;gap:8px}.pagination button{font-size:.8rem;padding:8px 12px}.pagination-info{font-size:.8rem;text-align:center}}@media (max-width:360px){.hr-management{padding:5px}.hr-header{margin-bottom:15px;padding:12px 8px}.hr-header h1{font-size:1.4rem;margin-bottom:6px}.hr-header p{font-size:.8rem}.hr-navigation{gap:4px;margin-bottom:15px;padding:0 2px}.nav-tab{font-size:.75rem;padding:8px 10px}.nav-tab svg{font-size:.8rem}.stats-grid{gap:10px;margin-bottom:15px}.stat-card{padding:10px}.stat-icon{font-size:1rem;height:40px;width:40px}.stat-content h3{font-size:1.1rem}.stat-content p{font-size:.7rem}.search-filter-section{margin-bottom:15px;padding:12px 8px}.search-filter-header h3{font-size:.9rem}.search-filter-header p{font-size:.75rem}.filter-group label,.search-input-group label{font-size:.8rem}.filter-select,.search-input{font-size:.85rem;padding:10px 12px}.clear-btn,.search-btn{font-size:.85rem;padding:10px 14px}.employee-management{padding:8px}.employee-header h2{font-size:1.1rem;margin-bottom:12px}.employee-card{margin-bottom:10px;padding:10px}.employee-card-header{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:8px}.employee-avatar{font-size:.75rem;height:32px;width:32px}.employee-card-name{font-size:.9rem}.employee-card-email{font-size:.75rem}.employee-card-details{gap:4px;margin-bottom:8px}.employee-card-detail-label{font-size:.65rem}.employee-card-detail-value{font-size:.75rem}.employee-card-actions button{font-size:.75rem;padding:6px 10px}.modal-content{margin:3px;max-height:calc(100vh - 6px);max-width:calc(100vw - 6px)}.modal-body,.modal-footer,.modal-header{padding:10px}.modal-header h2{font-size:1.1rem}.form-group label{font-size:.8rem}.form-group input,.form-group select,.form-group textarea{font-size:.85rem;padding:8px 10px}.btn-primary,.btn-secondary{font-size:.85rem;padding:8px 14px}.pagination button{font-size:.75rem;padding:6px 10px}.pagination-info{font-size:.75rem}.pagination{padding:10px}.pagination button{font-size:.8rem;padding:4px 8px}}.timeoff-management{box-sizing:border-box;max-width:100%;min-width:100%;padding:30px;width:100%}.timeoff-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.timeoff-header h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0}.leave-summary-dashboard{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);margin-bottom:30px;padding:25px}.leave-summary-dashboard h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0 0 20px}.leave-balances-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.leave-balance-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;transition:all .3s ease}.leave-balance-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.leave-type-header{align-items:center;display:flex;gap:12px;margin-bottom:15px}.leave-type-icon{font-size:1.5rem}.leave-type-header h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0;text-transform:capitalize}.leave-balance-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.balance-stat{display:flex;flex-direction:column;gap:4px}.stat-value.used{color:#dc3545}.stat-value.pending{color:#ffc107}.stat-value.available{color:#28a745}.pending-approvals-summary{margin-top:20px}.summary-alert{align-items:center;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:8px;color:#856404;display:flex;gap:12px;padding:15px 20px}.summary-alert svg{color:#ffc107;font-size:1.2rem}.summary-alert span{flex:1 1;font-weight:500}.timeoff-tabs{border-bottom:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;padding-bottom:10px}.tab-button{background:#f8f9fa;border-radius:8px;color:#6c757d;font-size:.95rem;gap:8px;padding:10px 20px;transition:all .3s ease}.tab-button:hover{background:#e9ecef;color:#495057}.tab-button.active{background:#2563eb;border-bottom-color:#1d4ed8}.timeoff-content{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);overflow:hidden}.approvals-content,.calendar-content,.requests-content,.summary-content{padding:25px}.summary-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.recent-activity h4,.upcoming-leave h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 15px}.upcoming-leave-list{display:flex;flex-direction:column;gap:12px}.upcoming-leave-item{align-items:center;background:#f8f9fa;border-left:3px solid #2563eb;border-radius:6px;display:flex;gap:12px;padding:12px}.leave-details{display:flex;flex-direction:column;gap:4px}.leave-dates{color:#2c3e50;font-weight:500}.leave-reason{color:#6c757d;font-size:.9rem}.no-leave{color:#6c757d;font-style:italic;padding:20px;text-align:center}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;gap:12px;padding:12px}.activity-icon{font-size:1.2rem}.activity-content p{color:#2c3e50;font-weight:500;margin:0 0 4px}.activity-time{color:#6c757d;font-size:.85rem}.requests-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.requests-header h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0}.requests-table-container{overflow-x:auto}.requests-table{border-collapse:collapse;min-width:800px;width:100%}.requests-table td,.requests-table th{border-bottom:1px solid #f1f3f4;padding:12px;text-align:left}.requests-table th{background:#f8f9fa;color:#2c3e50;font-size:.9rem;font-weight:600}.leave-type-cell{align-items:center;display:flex;gap:8px}.leave-status,.leave-type-name{font-weight:500;text-transform:capitalize}.leave-status{border-radius:12px;display:inline-block;font-size:.8rem;padding:4px 8px}.status-pending{background:#fff3cd;color:#856404}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.status-cancelled{background:#e2e3e5;color:#383d41}.request-actions{display:flex;gap:8px}.approvals-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.approvals-header h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0}.bulk-actions{display:flex;flex-wrap:wrap;gap:10px}.approvals-table-container{overflow-x:auto}.approvals-table{border-collapse:collapse;min-width:900px;width:100%}.approvals-table td,.approvals-table th{border-bottom:1px solid #f1f3f4;padding:12px;text-align:left}.approvals-table th{background:#f8f9fa;color:#2c3e50;font-size:.9rem;font-weight:600}.approval-actions{display:flex;gap:8px}.btn-success{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:all .3s ease}.btn-success:hover{background:#218838;transform:translateY(-1px)}.calendar-header{flex-wrap:wrap;gap:15px;margin-bottom:20px}.calendar-header h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0}.calendar-controls{align-items:center;display:flex;gap:15px}.current-month{color:#2c3e50;font-weight:600;min-width:120px;text-align:center}.calendar-container{background:#f8f9fa;border-radius:8px;padding:20px}.calendar-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.calendar-day-header{background:#e9ecef;border-radius:4px;color:#6c757d;font-size:.9rem;font-weight:600;padding:12px 8px;text-align:center}.calendar-day{align-items:center;aspect-ratio:1;background:#fff;border:1px solid #e9ecef;border-radius:4px;display:flex;flex-direction:column;justify-content:center;min-height:60px;padding:8px}.day-number{color:#2c3e50;font-weight:500}.leave-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.balance-display{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#2563eb;font-weight:600;padding:10px 12px;text-align:center}.checkbox-label{font-weight:500}.checkbox-label input[type=checkbox]{margin:0}.policy-info{background:#e3f2fd;border-left:3px solid #2196f3;border-radius:4px;margin-top:8px;padding:8px 12px}.policy-info small{color:#1976d2;font-size:.85rem;line-height:1.4}.max-days-info{border-top:1px solid #bbdefb;margin-top:6px;padding-top:6px}.max-days-info small{color:#1565c0;font-weight:500}.max-days-info strong{color:#0d47a1}.request-details{display:flex;flex-direction:column;gap:15px}.detail-row{padding:10px 0}.detail-row label{color:#2c3e50;font-weight:600;min-width:100px}.detail-row span{color:#495057;text-align:right}@media (max-width:768px){.timeoff-management{padding:20px}.timeoff-header{align-items:stretch;flex-direction:column}.leave-balances-grid,.summary-content{grid-template-columns:1fr}.summary-content{gap:20px}.timeoff-tabs{overflow-x:auto;padding-bottom:15px}.tab-button{flex-shrink:0;white-space:nowrap}.leave-form-row{grid-template-columns:1fr}.calendar-grid{gap:1px}.calendar-day{min-height:50px;padding:4px}.day-number{font-size:.9rem}}.payroll-management{box-sizing:border-box;max-width:100%;min-width:100%;padding:30px;width:100%}.payroll-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.payroll-header h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0}.payroll-actions{display:flex;flex-wrap:wrap;gap:15px}.current-payrun-dashboard{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);margin-bottom:30px;padding:25px}.current-payrun-dashboard h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0 0 20px}.payrun-summary{display:flex;flex-direction:column;gap:20px}.payrun-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.payrun-period h4{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 5px}.payrun-dates{color:#6c757d;font-size:.9rem}.payrun-status{align-items:center;display:flex;gap:8px}.status-icon{font-size:1.2rem}.payrun-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-label{font-size:.85rem}.stat-value{color:#2c3e50;font-size:1.3rem}.stat-value.gross{color:#28a745}.stat-value.deductions{color:#dc3545}.stat-value.net{color:#2563eb}.payrun-actions{display:flex;flex-wrap:wrap;gap:15px}.payroll-tabs{border-bottom:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;padding-bottom:10px}.payroll-content{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);overflow:hidden}.adjustments-content,.dashboard-content,.history-content,.payslips-content,.reports-content{padding:25px}.quick-stats{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px;max-width:100%;min-width:100%;width:100%}.recent-payrolls h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 20px}.payroll-list{display:flex;flex-direction:column;gap:12px}.payroll-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:15px}.payrun-info{display:flex;flex-direction:column;gap:5px}.payrun-period{color:#2c3e50;font-weight:600}.payrun-amounts{align-items:center;display:flex;gap:20px}.gross-amount{color:#28a745;font-weight:600}.net-amount{color:#2563eb;font-weight:600}.payrun-date{color:#6c757d;font-size:.9rem}.payslips-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.payslips-header h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0}.payslip-filters{display:flex;flex-wrap:wrap;gap:15px}.payslip-filters input,.payslip-filters select{border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;padding:8px 12px}.payslips-table-container{overflow-x:auto}.payslips-table{border-collapse:collapse;min-width:1000px;width:100%}.payslips-table td,.payslips-table th{border-bottom:1px solid #f1f3f4;padding:12px;text-align:left}.payslips-table th{background:#f8f9fa;color:#2c3e50;font-size:.9rem;font-weight:600}.employee-cell{align-items:center;display:flex;gap:12px}.employee-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:40px;justify-content:center;width:40px}.employee-info{display:flex;flex-direction:column;gap:2px}.employee-name{color:#2c3e50;font-weight:600}.employee-email{color:#6c757d;font-size:.85rem}.payslip-actions{display:flex;gap:8px}.adjustments-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.adjustments-header h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0}.adjustments-list{display:flex;flex-direction:column;gap:12px}.adjustment-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:15px}.adjustment-info{display:flex;flex:1 1;flex-direction:column;gap:5px}.adjustment-type{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px;text-transform:capitalize}.adjustment-type.allowance{background:#d4edda;color:#155724}.adjustment-type.deduction{background:#f8d7da;color:#721c24}.adjustment-type.bonus{background:#fff3cd;color:#856404}.adjustment-type.advance{background:#e2e3e5;color:#383d41}.adjustment-employee{color:#2c3e50;font-weight:600}.adjustment-description{color:#6c757d;font-size:.9rem}.adjustment-amount{font-size:1.1rem;font-weight:700}.adjustment-amount.positive{color:#28a745}.adjustment-amount.negative{color:#dc3545}.adjustment-period{color:#6c757d;font-size:.9rem}.reports-content h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 20px}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.report-card{background:#f8f9fa;border-radius:8px;padding:20px}.report-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.report-icon{color:#2563eb;font-size:2rem;margin-bottom:15px}.report-content h5{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 10px}.report-content p{color:#6c757d;font-size:.9rem;line-height:1.4;margin:0 0 15px}.history-content h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 20px}.history-table-container{overflow-x:auto}.history-table{border-collapse:collapse;min-width:800px;width:100%}.history-table td,.history-table th{border-bottom:1px solid #f1f3f4;padding:12px;text-align:left}.history-table th{background:#f8f9fa;color:#2c3e50;font-size:.9rem;font-weight:600}.history-actions{gap:8px}.payroll-status{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px;text-transform:capitalize}.status-scheduled{background:#fff3cd;color:#856404}.status-processing{background:#cce5ff;color:#004085}.status-completed{background:#d4edda;color:#155724}.status-failed{background:#f8d7da;color:#721c24}.payroll-summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:20px}.payroll-summary h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 15px}.summary-details{display:flex;flex-direction:column;gap:8px}.summary-details p{color:#495057;font-size:.9rem;margin:0}.summary-details strong{color:#2c3e50}.payslip-details{display:flex;flex-direction:column;gap:20px}.payslip-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding-bottom:15px}.payslip-header h4{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}.pay-period{color:#6c757d;font-size:.9rem}.payslip-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.section h5{border-bottom:1px solid #dee2e6;color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 15px;padding-bottom:10px}.detail-row{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-row.total{border-top:2px solid #dee2e6;color:#2c3e50;font-weight:700;margin-top:8px;padding-top:12px}.section.net-pay{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.section.net-pay .detail-row,.section.net-pay h5{border-color:hsla(0,0%,100%,.3);color:#fff}@media (max-width:768px){.payroll-management{padding:20px}.payroll-header{align-items:stretch;flex-direction:column}.payroll-actions{justify-content:center}.payrun-header{align-items:stretch;flex-direction:column}.payrun-stats{grid-template-columns:1fr}.payroll-item{align-items:stretch;flex-direction:column}.payrun-amounts{justify-content:space-between}.payslips-header{align-items:stretch;flex-direction:column}.payslip-filters{justify-content:center}.payslip-sections,.quick-stats,.reports-grid{grid-template-columns:1fr}}.reports-analytics{box-sizing:border-box;max-width:100%;min-width:100%;padding:30px;width:100%}.reports-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.reports-header h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0}.reports-controls{align-items:end;display:flex;flex-wrap:wrap;gap:20px}.reports-tabs{border-bottom:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;padding-bottom:10px}.reports-content{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);overflow:hidden}.compliance-content,.custom-content,.employees-content,.overview-content,.payroll-content,.timeoff-content{padding:25px}.overview-content h3{color:#2c3e50;font-size:1.6rem;font-weight:600;margin:0 0 25px}.metrics-grid{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px;max-width:100%;min-width:100%;width:100%}.metric-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;gap:20px;padding:25px;transition:all .3s ease}.metric-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-2px)}.metric-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.metric-content h4{color:#6c757d;font-size:.9rem;font-weight:500;margin:0 0 8px}.metric-value{font-size:2rem;margin-bottom:5px}.metric-change{font-size:.85rem;font-weight:500}.metric-change.positive{color:#28a745}.metric-change.negative{color:#dc3545}.metric-change.neutral{color:#6c757d}.charts-row{grid-gap:25px;box-sizing:border-box;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px;max-width:100%;min-width:100%;width:100%}.chart-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);padding:25px}.chart-card h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 20px}.chart-container{margin-bottom:20px}.pie-chart{display:flex;flex-direction:column;gap:12px}.pie-segment{align-items:center;display:flex;gap:10px}.segment-color{border-radius:50%;display:inline-block;height:16px;width:16px}.segment-label{color:#495057;font-size:.9rem}.bar-chart{align-items:end;display:flex;gap:8px;height:200px;padding:20px 0}.chart-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.chart-bar{border-radius:4px 4px 0 0;transition:all .3s ease;width:100%}.chart-bar.annual{background:#2563eb}.chart-bar.sick{background:#dc3545}.chart-bar.other{background:#ffc107}.chart-label{color:#6c757d;font-size:.8rem;font-weight:500}.chart-legend{display:flex;gap:20px;justify-content:center;margin-top:15px}.legend-item{color:#6c757d;font-size:.85rem;gap:6px}.legend-color.annual{background:#2563eb}.legend-color.sick{background:#dc3545}.legend-color.other{background:#ffc107}.payroll-summary-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);margin-bottom:30px;padding:25px}.payroll-summary-card h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 20px}.payroll-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.payroll-metric{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:15px}.metric-label{color:#6c757d;font-size:.85rem;font-weight:500}.metric-value{color:#2c3e50;font-size:1.3rem}.deductions-breakdown h5{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 15px}.deductions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.deduction-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:10px}.deduction-item span:first-child{color:#495057;font-weight:500}.deduction-item span:last-child{color:#2c3e50;font-weight:600}.events-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);padding:25px}.events-card h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 20px}.events-list{display:flex;flex-direction:column;gap:12px}.event-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:15px;padding:15px}.event-icon{flex-shrink:0;font-size:1.5rem}.event-details{flex:1 1}.event-title{color:#2c3e50;font-weight:600;margin-bottom:4px}.event-date,.event-description{color:#6c757d;font-size:.9rem}.event-date{font-weight:500}.report-actions{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.report-cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.report-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);padding:25px;transition:all .3s ease}.report-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-2px)}.report-card h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 15px}.report-card p{color:#6c757d;font-size:.95rem;line-height:1.5;margin:0 0 20px}.report-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.report-filters select{border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;min-width:120px;padding:8px 12px}.turnover-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:20px}.stat-item{background:#f8f9fa;border:1px solid #e9ecef;flex-direction:column;gap:5px;padding:15px}.stat-label{color:#6c757d;font-size:.8rem}.stat-value{font-size:1.2rem;font-weight:700}.stat-value.positive{color:#28a745}.stat-value.negative{color:#dc3545}.leave-summary{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.summary-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:10px}.summary-label{color:#495057;font-weight:500}.summary-value{color:#2c3e50;font-weight:600}.summary-value.warning{color:#ffc107}.trends-chart{margin-bottom:20px}.chart-placeholder{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;color:#6c757d;display:flex;flex-direction:column;justify-content:center}.chart-placeholder svg{color:#dee2e6;font-size:3rem;margin-bottom:15px}.chart-placeholder p{font-size:.9rem;text-align:center}.payrun-summary-table{margin-bottom:20px;overflow-x:auto}.payrun-summary-table table{border-collapse:collapse;min-width:600px;width:100%}.payrun-summary-table td,.payrun-summary-table th{border-bottom:1px solid #f1f3f4;padding:12px;text-align:left}.payrun-summary-table th{background:#f8f9fa;color:#2c3e50;font-size:.9rem;font-weight:600}.status-badge{font-size:.8rem}.status-badge.completed{background:#d4edda;color:#155724}.statutory-reports{display:flex;flex-direction:column;gap:12px}.report-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.report-name{color:#495057;font-weight:500}.report-amount{color:#2c3e50;font-weight:600}.btn-small{background:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .3s ease}.btn-small:hover{background:#1d4ed8;transform:translateY(-1px)}.audit-log-table{margin-bottom:20px;overflow-x:auto}.audit-log-table table{border-collapse:collapse;min-width:800px;width:100%}.audit-log-table td,.audit-log-table th{border-bottom:1px solid #f1f3f4;padding:12px;text-align:left}.audit-log-table th{background:#f8f9fa;color:#2c3e50;font-size:.9rem;font-weight:600}.compliance-alerts{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.alert-item{align-items:center;border-radius:6px;display:flex;font-size:.9rem;font-weight:500;gap:10px;padding:12px}.alert-item.warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.alert-item.info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.alert-item.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.custom-reports-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.report-template{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);padding:25px;transition:all .3s ease}.report-template:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-2px)}.report-template h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 15px}.report-template p{color:#6c757d;font-size:.95rem;line-height:1.5;margin:0 0 20px}.template-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filter-tag{background:#e3f2fd;border-radius:12px;color:#1976d2;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px}.field-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:10px}@media (max-width:768px){.reports-analytics{padding:20px}.reports-header{align-items:stretch;flex-direction:column}.reports-controls{justify-content:center}.charts-row,.custom-reports-grid,.deductions-grid,.field-options,.metrics-grid,.payroll-metrics,.report-cards{grid-template-columns:1fr}.report-filters{flex-direction:column}.report-filters select{min-width:auto}}.no-activity-message,.no-data-message,.no-leave,.no-requests{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:40px 20px;text-align:center}.no-activity-icon,.no-data-icon{color:#6c757d;font-size:3rem;margin-bottom:15px;opacity:.6}.no-activity-message h4,.no-data-message h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 10px}.no-activity-message p,.no-data-message p,.no-leave p{color:#6c757d;font-size:1rem;line-height:1.5;margin:0 0 15px}.no-activity-message span,.no-data-message span,.no-leave span{color:#868e96;font-size:.9rem;margin-bottom:20px}.no-activity-message button,.no-data-message button{margin-top:10px}.no-data-row{text-align:center}.no-data-row td{padding:40px 20px!important}.no-activity{align-items:center;background:#f8f9fa;border:1px dashed #dee2e6;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:15px 0;padding:30px 20px;text-align:center}.no-activity-icon{color:#6c757d;font-size:2.5rem;margin-bottom:10px;opacity:.6}.no-activity p{color:#2c3e50;font-weight:500;margin:0 0 8px}.no-activity span{color:#6c757d;font-size:.9rem}.no-leave{padding:30px 20px}.no-leave p{color:#2c3e50;font-weight:500;margin:0 0 8px}.no-leave span{color:#6c757d;font-size:.9rem}.no-data-message .btn-primary{font-size:.9rem;margin-top:15px;padding:10px 20px}@media (max-width:768px){.no-activity-message,.no-data-message,.no-leave,.no-requests{padding:30px 15px}.no-activity-icon,.no-data-icon{font-size:2.5rem}.no-activity-message h4,.no-data-message h4{font-size:1.1rem}}.inventory-management{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;padding:20px;width:100%}.inventory-management *{box-sizing:border-box}.inventory-management .content-section,.inventory-management .dashboard-grid,.inventory-management .stats-grid,.inventory-management .table-container{max-width:100%;min-width:100%;width:100%}.inventory-header{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;margin-bottom:30px;padding:20px;text-align:center}.inventory-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.inventory-header p{font-size:1.1rem;margin:0;opacity:.9}.inventory-navigation{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.05);flex-wrap:wrap;margin-bottom:30px;padding:15px}.inventory-navigation,.nav-tab{display:flex;gap:8px;justify-content:center}.nav-tab{align-items:center;background:#f8f9fa;border:none;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);color:#6c757d;cursor:pointer;font-size:.95rem;font-weight:500;min-width:140px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-tab:hover{background:#e9ecef;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#495057;transform:translateY(-1px)}.nav-tab.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px rgba(37,99,235,.4);color:#fff;transform:translateY(-1px)}.nav-tab.active:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-tab.active:hover:before{left:100%}.nav-tab svg{font-size:1.1rem}.inventory-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.05);overflow:hidden}.inventory-content,.inventory-dashboard{box-sizing:border-box;max-width:100%;min-width:100%;width:100%}.inventory-dashboard{padding:30px}.inventory-dashboard h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0 0 25px}.inventory-dashboard .content-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6);margin-bottom:40px;padding:25px}.section-header{align-items:flex-start;gap:20px;margin-bottom:20px}.section-header h3{color:#1f2937;font-size:1.4rem}.section-header p{color:#6b7280;font-size:.95rem;margin:8px 0 0}.stats-grid{grid-gap:20px;box-sizing:border-box;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px;max-width:100%;min-width:100%;width:100%}.stat-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.05);display:flex;gap:20px;padding:25px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.stat-icon,.stat-icon.blue,.stat-icon.green{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.stat-icon.yellow{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.red{background:linear-gradient(135deg,#dc2626,#b91c1c)}.stat-icon.purple{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.stat-icon.teal{background:linear-gradient(135deg,#0d9488,#0f766e)}.stat-icon.indigo{background:linear-gradient(135deg,#4f46e5,#4338ca)}.stat-icon.pink{background:linear-gradient(135deg,#ec4899,#db2777)}.stat-icon.gray{background:linear-gradient(135deg,#6b7280,#4b5563)}.stat-content h3{color:#2c3e50;font-size:2rem;font-weight:700;margin:0 0 5px}.stat-content p{color:#6c757d;font-size:.9rem;font-weight:500;margin:0}.stat-content small{color:#94a3b8;display:block;font-size:.8rem;margin-top:6px}.quick-actions h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0 0 20px}.action-buttons{flex-wrap:wrap;gap:15px}.action-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;display:inline-flex;gap:8px;justify-content:center;min-height:40px;overflow:visible;padding:10px 16px;text-overflow:clip;transition:all .3s ease;white-space:nowrap}.action-btn:hover{box-shadow:0 4px 12px rgba(37,99,235,.4);transform:translateY(-1px)}.action-btn.secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#495057;font-size:.875rem;min-height:40px;overflow:visible;padding:10px 16px;white-space:nowrap}.action-btn.secondary:hover{background:#e9ecef;box-shadow:0 4px 8px rgba(0,0,0,.1)}.tab-content{min-height:400px;padding:30px}.tab-header{align-items:flex-start;gap:20px;margin-bottom:24px}.tab-header h2{color:#1f2937;font-size:1.6rem;margin:0}.tab-header p{color:#6b7280;font-size:.95rem;margin:8px 0 0}.tab-actions{gap:10px}.filters,.tab-actions{display:flex;flex-wrap:wrap}.filters{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;gap:16px;margin-bottom:24px;padding:16px}.filter-group{flex:1 1;flex-direction:column;gap:6px;min-width:200px}.filter-group label{color:#4b5563;font-size:.85rem;font-weight:600}.filter-group input,.filter-group select,.filter-group textarea{border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:.95rem;padding:10px 12px}.filter-group input:focus,.filter-group select:focus,.filter-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15);outline:none}.table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 8px rgba(15,23,42,.05);width:100%}.table-container.compact{border:1px solid #f1f5f9;box-shadow:none}.inventory-table{border-collapse:collapse;min-width:720px;width:100%}.inventory-table thead{background:#f8fafc}.inventory-table td,.inventory-table th{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:.95rem;padding:14px 16px;text-align:left}.inventory-table tbody tr:hover{background:#f8fafc}.inventory-table td.positive{color:#047857;font-weight:600}.inventory-table td.negative{color:#b91c1c;font-weight:600}.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;letter-spacing:.02em;padding:6px 10px;text-transform:uppercase}.status-pill svg{height:14px;width:14px}.status-pill.normal{background:rgba(5,150,105,.12);color:#047857}.status-pill.warning{background:rgba(217,119,6,.15);color:#b45309}.status-pill.critical{background:rgba(220,38,38,.15);color:#b91c1c}.status-pill.neutral{background:rgba(59,130,246,.12);color:#1d4ed8}.link-button{background:none;border:none;color:#2563eb;cursor:pointer;font-weight:600;padding:0}.link-button:hover{text-decoration:underline}.stock-group{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:28px;padding:20px}.group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.group-header h3{color:#0f172a;font-size:1.2rem;margin:0}.group-meta{color:#64748b;font-size:.9rem;margin:4px 0 0}.group-count{align-items:center;background:#e0f2fe;border-radius:999px;color:#0369a1;display:inline-flex;font-size:.85rem;font-weight:600;justify-content:center;padding:4px 12px}.attention-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.attention-block{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 16px rgba(15,23,42,.08);padding:20px}.attention-block header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.attention-block h4{color:#1f2937;font-size:1.1rem;margin:0}.attention-block p{color:#6b7280;font-size:.95rem;margin:0 0 16px}.badge{align-items:center;background:#1d4ed8;border-radius:999px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;justify-content:center;padding:4px 10px}.modal-overlay{background:rgba(15,23,42,.55);inset:0}.modal{animation:zoomIn .2s ease-out;border-radius:16px}.modal,.modal-panel{box-shadow:0 30px 60px rgba(15,23,42,.35);display:flex;flex-direction:column;max-height:min(90vh,920px);opacity:1;overflow:hidden;width:min(1024px,95%)}.modal-panel{background:#fff;border-radius:8px}.modal.modal-adjust,.modal.modal-issue{width:min(1024px,95%)}.modal-header{background:#fff;opacity:1;padding:24px 28px}.modal-header h3{color:#0f172a;font-size:1.4rem}.modal-close{color:#475569;font-size:1.8rem;line-height:1}.modal-body{background:#fff;flex:1 1 auto;opacity:1;overflow-y:auto;padding:24px 28px}.form-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.issue-product-list{border:1px solid #e5e7eb;border-radius:12px;max-height:220px;overflow-y:auto}.issue-product-table{border-collapse:collapse;width:100%}.issue-product-table td,.issue-product-table th{border-bottom:1px solid #e5e7eb;font-size:.9rem;padding:10px 12px;text-align:left}.issue-product-table thead{background:#f8fafc;position:sticky;top:0;z-index:1}.issue-product-row{cursor:pointer;transition:background .15s ease}.issue-product-row:hover{background:#f1f5f9}.issue-product-row.selected{background:rgba(37,99,235,.12)}.form-field{display:flex;flex-direction:column;gap:8px}.form-field.wide{grid-column:1/-1}.form-field label{color:#1f2937;font-size:.9rem;font-weight:600}.form-field input,.form-field select,.form-field textarea{background:#f8fafc;border:1px solid #cbd5f5;border-radius:10px;color:#111827;font-size:.95rem;padding:12px;transition:border-color .2s ease}.form-field textarea{resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15);outline:none}.field-helper{color:#2563eb;display:block;font-size:.8rem;font-weight:500;margin-top:4px}.read-only-field{background-color:#f8f9fa!important;color:#495057!important;cursor:not-allowed!important}.read-only-field:focus{border-color:#cbd5f5;box-shadow:none;outline:none}.product-select-container{position:relative;width:100%}.product-select-input{background:#f8fafc;border:1px solid #cbd5f5;border-radius:10px;color:#111827;font-size:.95rem;padding:12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.product-select-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15);outline:none}.product-select-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);left:0;margin-top:4px;max-height:256px;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.product-select-dropdown::-webkit-scrollbar{width:8px}.product-select-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.product-select-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.product-select-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.product-select-empty{background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#6b7280;font-size:.9rem;left:0;margin-top:4px;padding:16px;position:absolute;right:0;text-align:center;top:100%;z-index:1000}.product-select-option{cursor:pointer;padding:12px;transition:background-color .15s ease}.product-select-option-name{color:#1f2937;font-weight:500;margin-bottom:2px}.product-select-option-hscode{color:#6b7280;font-size:.85rem}.product-select-option-source{color:#9ca3af;font-size:.75rem;margin-top:2px}.form-warning{background:rgba(245,158,11,.16);border-radius:10px;color:#92400e;display:flex;flex-direction:column;font-weight:500;gap:8px;grid-column:1/-1;margin:0 0 16px;padding:12px 16px}.form-warning button{background:none;border:none;color:#b45309;cursor:pointer;font-weight:600;padding:0}.form-warning button:focus,.form-warning button:hover{text-decoration:underline}.form-warning strong{font-weight:700}.form-error{background:rgba(220,38,38,.12);border-radius:10px;color:#b91c1c;font-weight:600;grid-column:1/-1;margin:0 0 16px;padding:12px}.modal-footer{align-items:center;background:#fff;gap:12px;margin-top:24px;opacity:1;padding:0 28px 24px}.modal-footer .action-btn{font-size:.875rem;line-height:1.5;min-height:40px;min-width:auto;overflow:visible;padding:10px 16px;text-overflow:clip;white-space:nowrap;width:auto}@keyframes zoomIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.modal-body{padding:20px}.form-grid{grid-template-columns:1fr}.inventory-navigation{align-items:stretch;flex-direction:column}.nav-tab{min-width:auto;width:100%}.tab-header{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-btn{justify-content:center;width:100%}.filters{flex-direction:column}.filter-group,.modal{width:100%}.modal{max-height:100vh}}@media (max-width:480px){.inventory-management{padding:10px}.inventory-header h1{font-size:2rem}.stat-card{padding:20px}.stat-icon{font-size:1.2rem;height:50px;width:50px}.stat-content h3{font-size:1.5rem}.form-grid{grid-template-columns:1fr}}.movement-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.movement-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 6px 18px rgba(15,23,42,.08);display:flex;flex-direction:column;gap:16px;padding:20px}.movement-card header h3{color:#0f172a;font-size:1.2rem;margin:0}.movement-meta{color:#64748b;font-size:.9rem;margin:4px 0 0}.movement-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0;padding:0}.movement-stats div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;text-align:center}.movement-stats dt{color:#64748b;font-size:.75rem;letter-spacing:.04em;margin:0;text-transform:uppercase}.movement-stats dd{color:#1f2937;font-size:1rem;font-weight:600;margin:6px 0 0}.movement-card footer{display:flex;justify-content:flex-end}.movement-modal{max-height:min(90vh,900px);width:min(1024px,95%)}.movement-modal .modal-body{padding:24px 32px}.movement-modal .inventory-table tbody tr td:first-child,.movement-modal .inventory-table tbody tr td:nth-child(2){white-space:nowrap}@media (max-width:768px){.movement-grid{grid-template-columns:1fr}}.movement-detail-overlay{background:rgba(15,23,42,.35);padding:0}.movement-detail-panel{background:#fff;border-radius:20px;box-shadow:0 35px 70px rgba(15,23,42,.45);display:flex;flex-direction:column;max-height:min(90vh,940px);overflow:hidden;width:min(1100px,95%)}.movement-detail-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:28px 32px 20px}.movement-detail-header h3{color:#0f172a;font-size:1.5rem;margin:0}.movement-detail-body{flex:1 1 auto;overflow-y:auto;padding:24px 32px}.order-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.order-detail-grid span{color:#64748b;display:block;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.order-detail-grid strong{color:#0f172a;display:block;font-size:1rem;margin-top:4px}.movement-detail-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 32px}.movement-detail-panel .inventory-table td,.movement-detail-panel .inventory-table th{white-space:nowrap}.movement-detail-panel .inventory-table{width:100%}@media (max-width:768px){.movement-detail-panel{border-radius:0;width:100%}}.modal-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.movement-detail-panel form .form-field{display:flex;flex-direction:column;gap:8px}.modal.modal-receive-stock{max-height:min(90vh,940px);width:min(1024px,95%)}.search-results-page{margin:0 auto;max-width:800px;padding:1.5rem}.search-results-page h1{color:#333;font-size:1.5rem;margin-bottom:1rem}.result-item{border-bottom:1px solid #e0e0e0;padding:.75rem 1rem}.result-item:last-child{border-bottom:none}.result-title{color:#0070f3;font-size:1.1rem;font-weight:500;text-decoration:none}.result-title:hover{text-decoration:underline}.result-snippet{color:#555;line-height:1.4;margin-top:.4rem}.center-message{color:#666;margin:2rem 0;text-align:center}.center-message.error{color:#c00}.m3-my-okrs-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1400px;padding:32px 24px}.m3-okrs-content{margin-top:24px}.m3-okrs-list{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:960px;width:100%}.m3-empty-state{background:var(--m3-surface-variant);border-radius:var(--m3-radius-card);color:#666;margin:0 auto;max-width:960px;padding:48px 24px;text-align:center}.m3-empty-state p{font-size:var(--m3-body-large);margin-bottom:24px}@media (max-width:768px){.m3-my-okrs-page{padding:16px 12px}.m3-page-title{font-size:var(--m3-title-medium)}.m3-expand-controls{align-items:stretch;flex-direction:column}}:root{--m3-primary:#0b57d0;--m3-primary-container:#d6e3ff;--m3-secondary:#545f71;--m3-secondary-container:#dde2ea;--m3-tertiary:#6b5f92;--m3-error:#b3261e;--m3-success:#1e8e3e;--m3-warning:#f9a825;--m3-behind:#d32f2f;--m3-back-burner:#8c1d18;--m3-not-started:#757575;--m3-complete:#1976d2;--m3-on-track:#2e7d32;--m3-at-risk:#f57c00;--m3-surface:#fff;--m3-surface-variant:#f3f5f7;--m3-outline:#c5c7ca;--m3-outline-variant:#e0e0e0;--m3-status-on-track:#1e8e3e;--m3-status-on-track-bg:#e8f5e9;--m3-status-at-risk:#f9a825;--m3-status-at-risk-bg:#fff8e1;--m3-status-behind:#c62828;--m3-status-behind-bg:#ffebee;--m3-status-back-burner:#6d4c41;--m3-status-back-burner-bg:#f5f5f5;--m3-status-not-started:#90a4ae;--m3-status-not-started-bg:#f5f5f5;--m3-status-complete:#1976d2;--m3-status-complete-bg:#e3f2fd;--m3-title-large:22px;--m3-title-medium:18px;--m3-title-small:16px;--m3-body-large:16px;--m3-body-medium:14px;--m3-label-medium:13px;--m3-label-small:12px;--m3-weight-medium:500;--m3-weight-semibold:600;--m3-radius-card:12px;--m3-radius-chip:6px;--m3-radius-field:4px;--m3-spacing-unit:16px;--m3-spacing-xs:4px;--m3-spacing-sm:8px;--m3-spacing-md:16px;--m3-spacing-lg:24px;--m3-spacing-xl:32px;--m3-elevation-1:0px 1px 3px rgba(0,0,0,.12),0px 1px 2px rgba(0,0,0,.24);--m3-elevation-2:0px 3px 6px rgba(0,0,0,.16),0px 3px 6px rgba(0,0,0,.23);--m3-elevation-3:0px 10px 20px rgba(0,0,0,.19),0px 6px 6px rgba(0,0,0,.23);--m3-elevation-4:0px 14px 28px rgba(0,0,0,.25),0px 10px 10px rgba(0,0,0,.22);--m3-transition-standard:250ms cubic-bezier(0.4,0.0,0.2,1);--m3-transition-decelerate:250ms cubic-bezier(0.0,0.0,0.2,1);--m3-transition-accelerate:200ms cubic-bezier(0.4,0.0,1,1)}.m3-card{background:#fff;background:var(--m3-surface);border-radius:12px;border-radius:var(--m3-radius-card);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:var(--m3-elevation-1);padding:24px;padding:var(--m3-spacing-lg);transition:box-shadow .25s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--m3-transition-standard)}.m3-card:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:var(--m3-elevation-2)}.m3-chip{align-items:center;background:#fff;background:var(--m3-surface);border:1px solid #c5c7ca;border:1px solid var(--m3-outline);border-radius:6px;border-radius:var(--m3-radius-chip);cursor:pointer;display:inline-flex;font-size:13px;font-size:var(--m3-label-medium);font-weight:500;font-weight:var(--m3-weight-medium);gap:6px;padding:6px 12px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--m3-transition-standard);-webkit-user-select:none;user-select:none}.m3-chip:hover{background:#f3f5f7;background:var(--m3-surface-variant)}.m3-chip.selected{background:#d6e3ff;background:var(--m3-primary-container);border-color:#0b57d0;border-color:var(--m3-primary);color:#0b57d0;color:var(--m3-primary)}.m3-status-pill{align-items:center;border:2px solid;border-radius:20px;display:inline-flex;font-size:13px;font-size:var(--m3-label-medium);font-weight:600;font-weight:var(--m3-weight-semibold);gap:6px;padding:6px 12px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--m3-transition-standard)}.m3-progress-bar{background:#f3f5f7;width:100%}.m3-progress-fill{transition:width .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1)}.m3-text-field{background:#fff;border:1px solid #c5c7ca;border-radius:4px;font-size:14px;transition:border-color .25s cubic-bezier(.4,0,.2,1)}.m3-text-field:focus{border-color:#0b57d0}.m3-button{border-radius:4px;font-size:13px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1)}.m3-button-filled{background:#0b57d0}.m3-button-filled:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.m3-button-text{color:#0b57d0}.m3-button-text:hover{background:#f3f5f7}@media (max-width:768px){:root{--m3-spacing-md:12px;--m3-spacing-lg:16px;--m3-spacing-xl:24px}.m3-card{padding:16px;padding:var(--m3-spacing-md)}}.m3-metrics-bar{grid-gap:16px;background:var(--m3-surface-variant);border-radius:var(--m3-radius-card);display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px;padding:24px}.m3-metric-chip{align-items:center;background:var(--m3-surface);border-radius:12px;box-shadow:var(--m3-elevation-1);display:flex;gap:12px;min-height:80px;padding:16px;transition:box-shadow var(--m3-transition-standard)}.m3-metric-chip:hover{box-shadow:var(--m3-elevation-2)}.m3-metric-icon{color:var(--m3-primary);flex-shrink:0;font-size:20px}.m3-metric-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.m3-metric-label{color:#666;font-size:var(--m3-label-small);font-weight:var(--m3-weight-medium)}.m3-metric-value{color:#1a1a1a;font-size:var(--m3-body-medium);font-weight:var(--m3-weight-semibold)}.m3-circular-progress{color:var(--m3-primary);flex-shrink:0;height:32px;width:32px}.m3-progress-ring{height:100%;width:100%}.m3-progress-ring-fill{transition:stroke-dasharray var(--m3-transition-standard)}@media (max-width:768px){.m3-metrics-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.m3-metrics-bar{grid-template-columns:1fr}}.m3-status-filter-chips{background:var(--m3-surface-variant);border-radius:var(--m3-radius-card);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:24px}.m3-status-filter-chips:before{align-self:center;color:#666;content:"Status Filters:";margin-right:8px}.m3-filter-chip,.m3-status-filter-chips:before{font-size:var(--m3-label-medium);font-weight:var(--m3-weight-medium)}.m3-filter-chip{align-items:center;background:transparent;border:2px solid;border-radius:20px;cursor:pointer;display:inline-flex;gap:6px;padding:8px 16px;transition:all var(--m3-transition-standard);-webkit-user-select:none;user-select:none}.m3-filter-chip:hover{transform:scale(1.05)}.m3-filter-chip.selected,.m3-filter-chip:hover{box-shadow:var(--m3-elevation-1)}.m3-filter-chip-icon{font-size:14px}.m3-filter-chip-label{font-weight:var(--m3-weight-semibold)}@media (max-width:768px){.m3-status-filter-chips{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:var(--m3-spacing-sm)}.m3-filter-chip{flex-shrink:0}}.m3-objective-card{background:var(--m3-surface);border-left:4px solid;border-radius:var(--m3-radius-card);box-shadow:var(--m3-elevation-1);box-sizing:border-box;margin:0 auto 16px;max-width:960px;padding:24px;position:relative;transition:box-shadow var(--m3-transition-standard);width:100%}.m3-objective-card:hover{box-shadow:var(--m3-elevation-2)}.m3-objective-header{align-items:flex-start;cursor:pointer;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.m3-objective-title-section{flex:1 1}.m3-objective-title{color:#1a1a1a;font-size:var(--m3-title-medium);font-weight:var(--m3-weight-semibold);line-height:1.4;margin:0 0 var(--m3-spacing-xs) 0}.m3-objective-subtitle{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:var(--m3-body-medium);gap:var(--m3-spacing-xs)}.m3-separator{color:#999}.m3-deadline{align-items:center;display:inline-flex;gap:4px}.m3-deadline-relative{font-size:var(--m3-label-small);font-weight:var(--m3-weight-medium)}.m3-objective-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--m3-spacing-sm)}.m3-expand-button{gap:6px;padding:6px 12px}.m3-objective-metrics{align-items:center;display:flex;gap:16px;margin-bottom:16px;margin-top:16px}.m3-progress-container{align-items:center;display:flex;flex:1 1;gap:12px}.m3-progress-bar{background:var(--m3-surface-variant);border-radius:4px;flex:1 1;height:8px;overflow:hidden;position:relative}.m3-progress-fill{border-radius:4px;height:100%;transition:width var(--m3-transition-standard),background var(--m3-transition-standard)}.m3-progress-label{color:#666;min-width:40px;text-align:right}.m3-progress-label,.m3-score-badge{font-size:var(--m3-label-medium);font-weight:var(--m3-weight-medium)}.m3-score-badge{background:var(--m3-surface-variant);border:1px solid;border-radius:var(--m3-radius-chip);padding:4px 12px}.m3-objective-expand-row{border-top:1px solid var(--m3-outline-variant);margin-top:8px;padding-top:16px}.m3-expand-button{align-items:center;background:none;border:none;border-radius:var(--m3-radius-chip);color:var(--m3-primary);cursor:pointer;display:flex;font-size:var(--m3-label-medium);gap:8px;justify-content:flex-start;padding:8px 12px;transition:background var(--m3-transition-standard);width:100%}.m3-expand-button:hover{background:var(--m3-surface-variant)}.m3-kr-section{border-top:1px solid var(--m3-outline-variant);margin-top:16px;padding-top:16px}.m3-kr-summary{color:#666;font-size:var(--m3-body-medium);margin-bottom:var(--m3-spacing-md)}.m3-kr-list{display:flex;flex-direction:column;gap:var(--m3-spacing-sm)}.m3-kr-row{align-items:center;background:var(--m3-surface-variant);border-radius:var(--m3-radius-field);display:flex;justify-content:space-between;padding:var(--m3-spacing-sm);transition:background var(--m3-transition-standard)}.m3-kr-row:hover{background:#e8e8e8}.m3-kr-content{align-items:center;display:flex;flex:1 1;gap:var(--m3-spacing-sm)}.m3-checkbox{height:18px;width:18px}.m3-kr-text{color:#1a1a1a;flex:1 1;font-size:var(--m3-body-medium)}.m3-kr-text.completed{color:#999;text-decoration:line-through}.m3-kr-meta{align-items:center;color:#666;display:flex;font-size:var(--m3-label-small);gap:var(--m3-spacing-md)}.m3-kr-deadline,.m3-kr-owner,.m3-kr-team{align-items:center;display:inline-flex;gap:4px}@media (max-width:768px){.m3-objective-header{flex-direction:column}.m3-objective-actions{justify-content:space-between;width:100%}.m3-objective-metrics{align-items:stretch;flex-direction:column}.m3-kr-row{align-items:flex-start;flex-direction:column;gap:var(--m3-spacing-sm)}.m3-kr-meta{flex-wrap:wrap;width:100%}}.m3-period-navigation{align-items:center;background:var(--m3-surface);border-radius:var(--m3-radius-card);box-shadow:var(--m3-elevation-1);display:flex;gap:var(--m3-spacing-md);justify-content:space-between;margin-bottom:24px;padding:16px 24px}.m3-create-btn{margin-right:8px}.m3-period-left{align-items:center;display:flex;flex:1 1;gap:var(--m3-spacing-sm)}.m3-year-select{background:var(--m3-surface);border:1px solid var(--m3-outline);border-radius:var(--m3-radius-field);color:#1a1a1a;cursor:pointer;font-size:var(--m3-body-medium);padding:8px 12px;transition:border-color var(--m3-transition-standard)}.m3-year-select:focus{border-color:var(--m3-primary);outline:none}.m3-nav-button{align-items:center;background:var(--m3-surface-variant);border:1px solid var(--m3-outline);border-radius:var(--m3-radius-field);color:var(--m3-primary);cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all var(--m3-transition-standard)}.m3-nav-button:hover{background:var(--m3-primary-container);border-color:var(--m3-primary)}.m3-quarter-segmented{background:var(--m3-surface-variant);border-radius:var(--m3-radius-field);display:flex;gap:4px;padding:4px}.m3-quarter-button{background:transparent;border:none;border-radius:var(--m3-radius-field);color:#666;cursor:pointer;font-size:var(--m3-label-medium);font-weight:var(--m3-weight-medium);padding:6px 16px;transition:all var(--m3-transition-standard)}.m3-quarter-button:hover{background:var(--m3-surface)}.m3-quarter-button.active{background:var(--m3-primary-container);color:var(--m3-primary);font-weight:var(--m3-weight-semibold)}.m3-period-display{color:#1a1a1a;flex:1 1;font-size:var(--m3-title-small);font-weight:var(--m3-weight-semibold);text-align:center}.m3-period-toggle{background:var(--m3-surface-variant);gap:var(--m3-spacing-xs);padding:4px}.m3-period-toggle,.m3-toggle-option{border-radius:var(--m3-radius-field);display:flex}.m3-toggle-option{align-items:center;cursor:pointer;gap:6px;padding:6px 12px;transition:background var(--m3-transition-standard)}.m3-toggle-option:hover{background:var(--m3-surface)}.m3-toggle-option input[type=radio]{accent-color:var(--m3-primary);cursor:pointer;margin:0}.m3-toggle-option span{color:#666;font-size:var(--m3-label-medium);font-weight:var(--m3-weight-medium)}.m3-toggle-option input[type=radio]:checked+span{color:var(--m3-primary);font-weight:var(--m3-weight-semibold)}@media (max-width:768px){.m3-period-navigation{align-items:stretch;flex-direction:column}.m3-period-left{flex-wrap:wrap}.m3-period-display{order:-1;text-align:center;width:100%}}.m3-people-okrs-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1400px;padding:32px 24px}.m3-users-list{display:flex;flex-direction:column;gap:16px;margin-top:24px}.m3-user-card{background:var(--m3-surface);border-radius:var(--m3-radius-card);box-shadow:var(--m3-elevation-1);margin:0 auto;max-width:960px;overflow:hidden;transition:box-shadow var(--m3-transition-standard);width:100%}.m3-user-card:hover{box-shadow:var(--m3-elevation-2)}.m3-user-card-header{align-items:center;cursor:pointer;display:flex;gap:16px;padding:24px;transition:background var(--m3-transition-standard)}.m3-user-card-header:hover{background:var(--m3-surface-variant)}.m3-user-avatar{align-items:center;background:var(--m3-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--m3-body-large);font-weight:var(--m3-weight-semibold);height:48px;justify-content:center;width:48px}.m3-user-info{flex:1 1}.m3-user-name{color:#1a1a1a;font-size:var(--m3-title-medium);font-weight:var(--m3-weight-semibold);margin:0 0 8px}.m3-user-stats{display:flex;flex-wrap:wrap;gap:8px}.m3-user-stat-chip{background:var(--m3-surface-variant);border-radius:var(--m3-radius-chip);color:#666;font-size:var(--m3-label-small);font-weight:var(--m3-weight-medium);padding:4px 12px}.m3-expand-user-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--m3-primary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background var(--m3-transition-standard)}.m3-expand-user-button:hover{background:var(--m3-surface-variant)}.m3-user-okrs{border-top:1px solid var(--m3-outline-variant);margin-top:16px;padding:24px 0}.m3-user-okrs .m3-okrs-list{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:960px;width:100%}.m3-user-okrs .m3-objective-card{max-width:960px;width:100%}.m3-empty-user-okrs{color:#666;font-size:var(--m3-body-medium);padding:24px;text-align:center}@media (max-width:768px){.m3-people-okrs-page{padding:16px 12px}.m3-user-card-header{flex-wrap:wrap}.m3-user-stats{width:100%}}.m3-teams-okrs-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1400px;padding:32px 24px}.m3-page-header{margin-bottom:32px;text-align:center}.m3-page-title{margin:0 0 8px}.m3-page-subtitle{color:#666;font-size:var(--m3-body-medium);margin:0}.m3-teams-list{display:flex;flex-direction:column;gap:16px;margin-top:24px}.m3-team-card{background:var(--m3-surface);border-radius:var(--m3-radius-card);box-shadow:var(--m3-elevation-1);margin:0 auto;max-width:960px;overflow:hidden;transition:box-shadow var(--m3-transition-standard);width:100%}.m3-team-card:hover{box-shadow:var(--m3-elevation-2)}.m3-team-card-header{align-items:center;cursor:pointer;display:flex;gap:16px;padding:24px;transition:background var(--m3-transition-standard)}.m3-team-card-header:hover{background:var(--m3-surface-variant)}.m3-team-avatar{align-items:center;background:var(--m3-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--m3-body-large);font-weight:var(--m3-weight-semibold);height:48px;justify-content:center;width:48px}.m3-team-info{flex:1 1}.m3-team-name{color:#1a1a1a;font-size:var(--m3-title-medium);font-weight:var(--m3-weight-semibold);margin:0 0 8px}.m3-team-stats{display:flex;flex-wrap:wrap;gap:8px}.m3-team-stat-chip{background:var(--m3-surface-variant);border-radius:var(--m3-radius-chip);color:#666;font-size:var(--m3-label-small);font-weight:var(--m3-weight-medium);padding:4px 12px}.m3-expand-team-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--m3-primary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background var(--m3-transition-standard)}.m3-expand-team-button:hover{background:var(--m3-surface-variant)}.m3-team-okrs{border-top:1px solid var(--m3-outline-variant);margin-top:16px;padding:24px 0}.m3-expand-controls{display:flex;gap:12px;justify-content:flex-end;margin:0 auto 24px;max-width:960px}.m3-button{border-radius:var(--m3-radius-button);padding:8px 16px}.m3-team-okrs .m3-okrs-list{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:960px;width:100%}.m3-team-okrs .m3-objective-card{max-width:960px;width:100%}.m3-empty-team-okrs{color:#666;font-size:var(--m3-body-medium);padding:24px;text-align:center}@media (max-width:768px){.m3-teams-okrs-page{padding:16px 12px}.m3-team-card-header{flex-wrap:wrap}.m3-team-stats{width:100%}}.departments{margin:0 auto;max-width:1000px;padding:20px}.department-container{margin-top:20px}.department-item{background-color:#f9f9f9;border-radius:5px;margin-bottom:20px;padding:10px}.department-item h3{color:#004080}.department-item p{color:#555}.sla-dashboard{background:#fafbfc;display:flex;flex-direction:row;justify-content:center;min-height:100vh;padding:32px 0}.sla-main-content{background:#fff;border-radius:12px;box-shadow:none;margin:0 auto;max-width:900px;padding:36px 32px 48px;position:relative;width:100%}.sla-title{color:#222;font-size:2.1rem;font-weight:700;margin-bottom:32px;text-align:left}.sla-section{margin-bottom:38px;margin-top:18px}.sla-section h2{align-items:center;color:#222;display:flex;font-size:1.18rem;font-weight:600;gap:10px;margin-bottom:10px}.sla-icon{color:#bdbdbd;font-size:1.1em}.sla-list-icon{color:#bdbdbd;margin-right:7px}.sla-divider{border-top:1px solid #e5e7eb;margin:32px 0 18px}.sla-table-scroll{border-radius:8px;margin-top:10px;overflow-x:auto}.sla-table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:8px;box-shadow:none;min-width:600px;overflow:hidden;width:100%}.sla-table td,.sla-table th{font-size:1.01em;padding:13px 16px;text-align:left}.sla-table th{background:#f5f5f5;border-bottom:1px solid #e5e7eb;color:#222;font-weight:700}.sla-table tr:nth-child(2n){background:#fafbfc}.sla-table tr:nth-child(odd){background:#fff}.sla-table td{border-bottom:1px solid #e5e7eb}.sla-table tr:last-child td{border-bottom:none}.sla-toc-collapsible{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:none;margin-bottom:18px;padding:0;width:100%}.sla-toc-collapsible .sla-toc-toggle{align-items:center;background:#f5f5f5;border:none;border-radius:8px;color:#222;cursor:pointer;display:flex;font-size:1.05em;font-weight:600;gap:8px;margin-bottom:8px;padding:8px 18px;width:100%}.sla-toc-collapsible ul{background:#fff;border:none;border-radius:8px;box-shadow:none;list-style:none;margin:0;padding:12px 18px}.sla-toc-collapsible li{margin-bottom:10px}.sla-toc-collapsible a{align-items:center;color:#2563eb;display:flex;font-weight:500;gap:7px;text-decoration:none;transition:color .18s}.sla-toc-collapsible a:hover{color:#1746a2;text-decoration:underline}.sla-callout{background:#f5f5f5;border-left:4px solid #bdbdbd;border-radius:8px;margin-bottom:18px;margin-top:18px;padding:16px 18px}.sla-callout-title{color:#333;font-weight:600;margin-bottom:4px}.sla-callout-text{color:#555;font-size:1.01em}@media (max-width:1100px){.sla-dashboard{align-items:center;flex-direction:column}}@media (max-width:900px){.sla-main-content{padding:18px 4vw 28px}.sla-title{font-size:1.3rem;padding:0 2vw}}@media (max-width:700px){.sla-main-content{padding:8px 2vw 18px}.sla-title{font-size:1.1rem;padding:0 1vw}.sla-table{font-size:.98em;min-width:400px}.sla-toc-collapsible{margin:0 0 12px;min-width:0;min-width:auto;padding:0;width:100%}}.thread-view{background:#fff;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;height:100%;max-width:500px;min-width:350px;width:400px}.thread-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.thread-header h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.thread-close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:24px;padding:4px;transition:background-color .2s}.thread-close-btn:hover{background-color:#e9ecef;color:#333}.thread-content{flex:1 1;overflow-y:auto;padding:0}.thread-parent-message{background:#f8f9fa;border-bottom:2px solid #e0e0e0;display:flex;gap:12px;margin-bottom:16px;padding:20px}.thread-parent-message .message-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.thread-parent-message .message-content{flex:1 1;min-width:0}.thread-parent-message .message-header{align-items:baseline;display:flex;gap:8px;margin-bottom:4px}.thread-parent-message .message-sender{color:#1a1a1a;font-size:15px;font-weight:600}.thread-parent-message .message-time{color:#666;font-size:12px}.thread-parent-message .message-text{word-wrap:break-word;color:#1a1a1a;font-size:14px;line-height:1.4}.thread-replies{flex:1 1;padding:0 20px 20px}.thread-loading{color:#666;font-style:italic}.thread-error,.thread-loading{padding:40px 20px;text-align:center}.thread-error{color:#e74c3c}.no-replies{color:#666;font-style:italic;padding:40px 20px;text-align:center}.thread-reply{display:flex;gap:12px;margin-bottom:16px;padding:12px 0}.thread-reply .message-avatar{align-items:center;background:linear-gradient(135deg,#74b9ff,#0984e3);border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.thread-reply .message-content{flex:1 1;min-width:0}.thread-reply .message-header{align-items:baseline;display:flex;gap:8px;margin-bottom:4px}.thread-reply .message-sender{color:#1a1a1a;font-size:14px;font-weight:600}.thread-reply .message-time{color:#666;font-size:11px}.thread-reply .message-text{word-wrap:break-word;color:#1a1a1a;font-size:14px;line-height:1.4}.message-attachments{margin-top:8px}.attachment{margin-bottom:4px;margin-right:8px}.thread-input{background:#fff;border-top:1px solid #e0e0e0;padding:16px 20px}.thread-input-error{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.error-text{color:#721c24;flex:1 1;font-size:14px}.dismiss-error-btn{background:none;border:none;color:#721c24;cursor:pointer;font-size:16px;margin-left:8px;padding:0}.dismiss-error-btn:hover{color:#491217}.reply-input-container{display:flex;flex-direction:column;gap:12px}.reply-textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:14px;max-height:120px;min-height:60px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.reply-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:none}.reply-textarea:disabled{background:#f8f9fa;color:#666;cursor:not-allowed}.send-reply-btn{align-self:flex-end;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.send-reply-btn:hover:not(:disabled){background:#0056b3}.send-reply-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}@media (max-width:768px){.thread-view{max-width:none;min-width:0;width:100%}.thread-header{padding:12px 16px}.thread-parent-message{padding:16px}.thread-replies{padding:0 16px 16px}.thread-input{padding:12px 16px}.reply-textarea{min-height:50px}}@media (prefers-color-scheme:dark){.thread-view{background:#1a1a1a;border-left-color:#333}.thread-header{background:#2d2d2d;border-bottom-color:#333}.thread-header h3{color:#e0e0e0}.thread-close-btn{color:#ccc}.thread-close-btn:hover{background:#333;color:#fff}.thread-parent-message{background:#2d2d2d;border-bottom-color:#333}.thread-parent-message .message-sender,.thread-parent-message .message-text,.thread-reply .message-sender,.thread-reply .message-text{color:#e0e0e0}.thread-input{background:#1a1a1a;border-top-color:#333}.reply-textarea{background:#2d2d2d;border-color:#444;color:#e0e0e0}.reply-textarea:focus{border-color:#0d6efd}.attachment{background:#333;color:#ccc}}.message-actions{align-items:center;gap:4px;isolation:isolate;position:relative;transition:opacity .2s ease}.message-actions.active,.message:hover .message-actions{opacity:1}.message,.message *{overflow:visible!important}.thread-count-badge{align-items:center;background:#e3f2fd;border:1px solid #bbdefb;border-radius:12px;color:#1976d2;cursor:default;display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px}.actions-menu-btn{align-items:center;background:#f5f5f5;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.actions-menu-btn.active,.actions-menu-btn:hover{background:#e0e0e0;color:#333}.actions-dropdown{display:none}.actions-dropdown-portal{animation:dropdownFadeIn .15s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18);min-width:180px;overflow:hidden;position:fixed;will-change:top,left;z-index:2147483647}.action-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;text-align:left;transition:background-color .2s ease;width:100%}.action-item:hover{background:#f8f9fa}.action-item.danger{color:#e74c3c}.action-item.danger:hover{background:#fdf2f2}.action-item:disabled{color:#999;cursor:not-allowed;opacity:.5}.action-item:disabled:hover{background:none}.action-item.disabled{color:#999;cursor:not-allowed;opacity:.5}.action-item.disabled:hover{background:none}.edit-expired{color:#e74c3c;font-size:11px;font-weight:400}.action-icon{display:flex;font-size:14px;justify-content:center;width:16px}.action-separator{background:#e9ecef;height:1px;margin:4px 0}@media (max-width:768px){.message-actions{opacity:1}.actions-menu-btn{height:32px;width:32px}.actions-dropdown{min-width:180px}.action-item{font-size:16px;padding:12px 16px}.thread-count-badge{font-size:12px;padding:6px 10px}}@media (prefers-color-scheme:dark){.thread-count-badge{background:#1e3a8a;border-color:#1e40af;color:#93c5fd}.actions-menu-btn{background:#374151;color:#d1d5db}.actions-menu-btn.active,.actions-menu-btn:hover{background:#4b5563;color:#f9fafb}.actions-dropdown{background:#374151;border-color:#4b5563;box-shadow:0 4px 12px rgba(0,0,0,.3)}.action-item{color:#d1d5db}.action-item:hover{background:#4b5563}.action-item.danger{color:#f87171}.action-item.danger:hover{background:#451a1a}.action-separator{background:#4b5563}}.actions-dropdown{animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pinned-messages{background:#fff;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;height:100%;max-width:500px;min-width:350px;width:400px}.pinned-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:16px 20px}.pinned-header,.pinned-title{align-items:center;display:flex}.pinned-title{gap:8px}.pinned-title h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.pin-icon{font-size:16px}.pin-count{color:#666;font-size:14px;font-weight:400}.pinned-close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:24px;padding:4px;transition:background-color .2s}.pinned-close-btn:hover{background-color:#e9ecef;color:#333}.pinned-content{flex:1 1;overflow-y:auto;padding:0}.pinned-loading{color:#666;font-style:italic}.pinned-error,.pinned-loading{padding:40px 20px;text-align:center}.pinned-error{color:#e74c3c}.retry-btn{font-size:14px;padding:8px 16px}.no-pinned-messages{align-items:center;display:flex;height:100%;justify-content:center;padding:40px 20px}.empty-state{max-width:300px}.empty-icon{display:block;font-size:48px;opacity:.5}.empty-state h4{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{color:#666;line-height:1.4;margin:0}.pinned-list{padding:20px}.pinned-message{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px;padding:16px;transition:box-shadow .2s}.pinned-message:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.pinned-message:last-child{margin-bottom:0}.pinned-message-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.message-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.message-info{flex:1 1;min-width:0}.message-sender{color:#1a1a1a;font-size:15px}.message-time{color:#666;font-size:12px}.unpin-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;flex-shrink:0;font-size:18px;padding:4px;transition:all .2s}.unpin-btn:hover{background:#e9ecef;color:#e74c3c}.pinned-message-content{margin-bottom:12px}.message-text{color:#1a1a1a;font-size:14px;line-height:1.4;margin-bottom:8px}.message-attachments{display:flex;flex-wrap:wrap;gap:8px}.attachment{background:#e9ecef;border-radius:4px;color:#495057;display:inline-block;font-size:12px;padding:4px 8px}.pin-info{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#666;display:flex;gap:4px;margin-top:8px;padding:8px 12px}.pin-icon-small,.pin-info{font-size:12px}@media (max-width:768px){.pinned-messages{max-width:none;min-width:0;width:100%}.pinned-header{padding:12px 16px}.pinned-list{padding:16px}.pinned-message{padding:12px}.pinned-message-header{gap:10px}.message-avatar{font-size:12px;height:32px;width:32px}}@media (prefers-color-scheme:dark){.pinned-messages{background:#1a1a1a;border-left-color:#333}.pinned-header{background:#2d2d2d;border-bottom-color:#333}.pinned-title h3{color:#e0e0e0}.pinned-close-btn{color:#ccc}.pinned-close-btn:hover{background:#333;color:#fff}.pinned-message{background:#2d2d2d;border-color:#333}.message-sender,.message-text{color:#e0e0e0}.pin-info{background:#3a3a2a;border-color:#4a4a2a;color:#ccc}.attachment{background:#333;color:#ccc}.empty-state h4{color:#e0e0e0}.unpin-btn{color:#ccc}.unpin-btn:hover{background:#333;color:#ff6b6b}}.pinned-message{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-editor{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-top:8px;padding:12px;width:100%}.editor-container{display:flex;flex-direction:column;gap:8px}.editor-textarea{background:#fff;border:1px solid #ced4da;border-radius:6px;font-family:inherit;font-size:14px;line-height:1.4;min-height:60px;padding:12px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.editor-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:none}.editor-textarea:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.editor-textarea.over-limit{border-color:#dc3545}.editor-textarea.over-limit:focus{border-color:#dc3545;box-shadow:0 0 0 2px rgba(220,53,69,.25)}.editor-footer{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.editor-info{display:flex;flex-direction:column;gap:4px}.char-count{color:#6c757d;font-size:12px}.char-count.over-limit{color:#dc3545;font-weight:500}.error-message{font-size:12px;font-weight:500}.editor-actions{display:flex;gap:8px}.editor-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;min-width:70px;padding:6px 12px;transition:all .2s ease}.save-btn{background:#007bff}.save-btn:hover:not(:disabled){background:#0056b3}.editor-btn:disabled{cursor:not-allowed;opacity:.6}.editor-help{border-top:1px solid #e9ecef;margin-top:8px;padding-top:8px}.help-text{color:#6c757d;font-size:11px;font-style:italic}.help-text kbd{background:#e9ecef;border:1px solid #ced4da;border-radius:3px;color:#495057;font-family:monospace;font-size:10px;padding:1px 4px}@media (max-width:768px){.message-editor{margin-top:6px;padding:8px}.editor-textarea{font-size:16px;min-height:50px}.editor-footer{align-items:stretch;flex-direction:column}.editor-actions{justify-content:flex-end}.editor-btn{font-size:16px;padding:8px 16px}}@media (prefers-color-scheme:dark){.message-editor{background:#2d3748;border-color:#4a5568}.editor-textarea{background:#1a202c;border-color:#4a5568;color:#e2e8f0}.editor-textarea:focus{border-color:#3182ce;box-shadow:0 0 0 2px rgba(49,130,206,.25)}.editor-textarea:disabled{background:#4a5568;color:#a0aec0}.char-count,.help-text{color:#a0aec0}.help-text kbd{background:#4a5568;border-color:#718096;color:#e2e8f0}.editor-help{border-top-color:#4a5568}}.message-editor{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.forward-message-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.forward-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,0,0,.5);bottom:0;left:0;position:absolute;right:0;top:0}.forward-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;flex-direction:column;height:80vh;max-height:600px;max-width:550px;overflow:hidden;position:relative;width:90%}.forward-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.forward-header h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.forward-close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:24px;padding:4px;transition:background-color .2s}.forward-close-btn:hover{background:#e9ecef;color:#333}.forward-message-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:16px 24px 12px;max-height:120px;overflow:hidden;padding:16px}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.preview-sender{color:#1a1a1a;font-size:14px;font-weight:600}.preview-time{color:#666;font-size:12px}.preview-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:14px;line-height:1.4;max-height:60px;overflow:hidden;text-overflow:ellipsis}.preview-attachments{background:#e9ecef;border-radius:4px;color:#666;display:inline-block;font-size:12px;margin-top:8px;padding:4px 8px}.forward-search{padding:0 24px 12px}.search-input{border:1px solid #ced4da;border-radius:8px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.forward-instructions{align-items:center;color:#666;display:flex;font-size:13px;font-style:italic;gap:8px;justify-content:center;padding:8px 24px;text-align:center}.instruction-icon{font-size:16px}.forward-tabs{border-bottom:1px solid #e9ecef;display:flex;margin:0 24px}.tab-btn{background:none;border-bottom:2px solid transparent;color:#666;font-size:14px}.tab-btn.active{border-bottom-color:#007bff;color:#007bff}.tab-btn:hover{background:#f8f9fa}.forward-targets{flex:1 1;max-height:250px;min-height:180px;overflow-y:auto;padding:16px 24px}.forward-error,.forward-loading,.no-targets{color:#666;padding:40px 20px;text-align:center}.forward-error{color:#e74c3c}.retry-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:12px;margin:10px auto 0;padding:6px 12px}.retry-btn:hover{background:#0056b3}.targets-list{display:flex;flex-direction:column;gap:10px}.target-item{align-items:center;border:1px solid #e9ecef;border-radius:10px;cursor:pointer;display:flex;gap:14px;padding:16px;transition:all .2s}.target-item:hover{background:#f8f9fa;border-color:#007bff}.target-item.selected{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border-color:#28a745;border-width:2px;box-shadow:0 2px 8px rgba(40,167,69,.2);transform:scale(1.02)}.target-avatar{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:15px;font-weight:600;height:40px;justify-content:center;width:40px}.room-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-avatar{background:linear-gradient(135deg,#74b9ff,#0984e3)}.target-info{flex:1 1;min-width:0}.target-name{color:#1a1a1a;font-size:14px;font-weight:500;margin-bottom:2px}.target-meta{color:#666;font-size:12px}.target-checkbox{align-items:center;border:2px solid #ced4da;border-radius:6px;color:#007bff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;transition:all .2s;width:24px}.target-item.selected .target-checkbox{background:#28a745;border-color:#28a745;color:#fff;transform:scale(1.1)}.selected-targets{animation:selectedGlow .3s ease-out;background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:2px solid #28a745;border-radius:8px;flex-shrink:0;margin:12px 24px 0;max-height:100px;overflow-y:auto;padding:12px}.selected-header{align-items:center;color:#155724;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:12px}.selected-icon{font-size:16px}@keyframes selectedGlow{0%{opacity:.8;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.selected-list{display:flex;flex-wrap:wrap;gap:8px}.selected-target{align-items:center;animation:targetAdded .2s ease-out;background:#28a745;border-radius:20px;color:#fff;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px}.target-type-icon{font-size:12px}@keyframes targetAdded{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.selected-name{font-weight:500}.remove-target-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;margin-left:2px;padding:0}.remove-target-btn:hover{opacity:.8}.forward-actions{background:#f0f8ff;border-top:3px solid #007bff;bottom:0;display:flex;flex-direction:column;flex-shrink:0;gap:18px;margin-top:auto;min-height:140px;padding:28px 24px;position:sticky}.action-info{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:12px;text-align:center}.selection-count{color:#155724;font-size:14px;font-weight:600}.selection-hint{color:#666;font-size:13px;font-style:italic}.action-buttons{gap:12px;justify-content:flex-end}.forward-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:17px;font-weight:600;gap:8px;justify-content:center;min-height:50px;min-width:140px;padding:16px 28px;transition:all .3s ease}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover:not(:disabled){background:#5a6268}.submit-btn{background:#6c757d;color:#fff;transition:all .3s ease}.submit-btn.enabled{background:#28a745;box-shadow:0 2px 8px rgba(40,167,69,.3);transform:scale(1.02)}.submit-btn:hover:not(:disabled){background:#0056b3}.submit-btn.enabled:hover:not(:disabled){background:#218838;box-shadow:0 4px 12px rgba(40,167,69,.4);transform:scale(1.05)}.forward-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.forward-icon{margin-right:4px}.loading-spinner{margin-right:6px}@media (max-width:768px){.forward-modal-content{max-height:90vh;width:95%}.forward-header{padding:16px 20px}.forward-message-preview{margin:16px 20px;padding:12px}.forward-search{padding:0 20px 12px}.forward-tabs{margin:0 20px}.forward-targets{padding:12px 20px}.target-item{padding:16px 12px}.target-avatar{height:40px;width:40px}.forward-actions{gap:16px;padding:16px 20px}.action-buttons{flex-direction:column}.forward-btn{font-size:16px;padding:12px 20px}}@media (prefers-color-scheme:dark){.forward-modal-content{background:#1a1a1a}.forward-header{background:#2d2d2d;border-bottom-color:#333}.forward-header h3{color:#e0e0e0}.forward-close-btn{color:#ccc}.forward-close-btn:hover{background:#333;color:#fff}.forward-message-preview{background:#2d2d2d;border-color:#333}.preview-content,.preview-sender{color:#e0e0e0}.search-input{background:#2d2d2d;border-color:#444;color:#e0e0e0}.search-input:focus{border-color:#0d6efd}.forward-tabs{border-bottom-color:#333}.tab-btn{color:#ccc}.tab-btn:hover{background:#333}.target-item{border-color:#333}.target-item:hover{background:#2d2d2d}.target-name{color:#e0e0e0}.selected-targets{background:#2d2d2d;border-color:#333}.forward-actions{background:#2d2d2d;border-top-color:#333}}.forward-modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-container{background:#f5f5f5;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;height:calc(100vh - 120px);max-width:100vw;overflow:hidden}.chat-sidebar{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0;max-width:500px;min-width:380px;width:420px}.chat-header{background:#09f;border-bottom:none;color:#fff;justify-content:space-between;min-height:72px;padding:16px 24px}.chat-header,.chat-header-left{align-items:center;display:flex}.chat-header-left{gap:12px}.chat-header-avatar{align-items:center;background:hsla(0,0%,100%,.2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.chat-header-info h2{color:#fff;font-size:18px;font-weight:600;margin:0 0 2px}.chat-header-info h2,.chat-subtitle{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chat-subtitle{color:hsla(0,0%,100%,.8);font-size:13px;margin:0}.chat-header-right{align-items:center;display:flex;gap:16px}.room-management-btn{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;min-width:40px;padding:8px;transition:all .2s}.room-management-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}@media (max-width:768px){.room-management-btn{font-size:18px;height:36px;min-width:36px}.tab-button{font-size:12px;min-width:50px;padding:6px 12px}.whatsapp-tabs{gap:6px;padding:6px 12px}}.connection-status{border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.connection-status.connected{background:#dcfce7;color:#166534}.connection-status.disconnected{background:#fef2f2;color:#991b1b}.header-controls{align-items:center;display:flex;gap:15px}.refresh-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px;transition:background-color .2s}.refresh-button:hover{background-color:#e9ecef}.chat-tabs{padding:0}.chat-tabs,.whatsapp-tabs{background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;overflow:visible;width:100%}.whatsapp-tabs{gap:3px;padding:4px 8px}.tab-button{background:#e9ecef;border-radius:12px;color:#666;flex:0 0 auto;font-size:11px;min-width:40px;padding:4px 8px;text-align:center;transition:all .2s;white-space:nowrap}.tab-button:hover{background-color:#d1d5db;color:#333}.tab-button.active{background-color:#25d366;color:#fff}.tab-icon{height:18px;width:18px}.unread-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;line-height:1;min-width:20px;padding:0 6px}.dm-name .unread-badge,.room-name .unread-badge{position:relative;top:-2px}.tab-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;min-height:72px;padding:16px 24px}.tab-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.create-new-btn{align-items:center;background:#3b82f6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.create-new-btn:hover{background:#2563eb;transform:scale(1.05)}.plus-icon{height:18px;width:18px}.dm-avatar,.room-avatar,.whatsapp-avatar{align-items:center;background:#ddd;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:12px;width:48px}.whatsapp-avatar{overflow:hidden}.dm-icon,.room-icon{color:#6b7280;height:24px;width:24px}.dm-info,.room-info,.whatsapp-chat-info{flex:1 1;min-width:0}.whatsapp-chat-info{display:flex;flex-direction:column}.whatsapp-chat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2px}.whatsapp-chat-name{color:#111b21;font-size:16px;font-weight:400;margin:0}.whatsapp-chat-time{color:#667781;flex-shrink:0;font-size:12px;margin-left:8px}.whatsapp-chat-preview{align-items:center;color:#667781;display:flex;font-size:14px;gap:4px}.whatsapp-unread-badge{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:20px;justify-content:center;margin-left:8px;min-width:20px}.whatsapp-favorite-star{color:gold;font-size:16px;margin-right:4px}.chat-actions{align-items:center;display:flex;padding:8px}.favorite-btn{background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;font-size:18px;padding:4px;transition:all .2s}.favorite-btn:hover{background:#f5f6f6;color:gold}.chat-search,.whatsapp-search{background:#fff;border-bottom:1px solid #e0e0e0;padding:15px 20px}.search-input{border:1px solid #ddd}.search-input:focus{border-color:#2196f3}.sidebar-content{background:#fff;flex:1 1;overflow-y:auto}.dms-list,.rooms-list{padding:0}.dm-item,.room-item{align-items:center;background:#fff;border-bottom:1px solid #f0f2f5;cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:background-color .2s}.dm-item:hover,.room-item:hover{background-color:#f5f6f6}.dm-item.active,.room-item.active{background-color:#e7f3ff}.whatsapp-chat-item{align-items:center;background:#fff;border-bottom:1px solid #f0f2f5;cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:background-color .15s}.whatsapp-chat-item:hover{background-color:#f5f6f6}.whatsapp-chat-item.active{background-color:#e7f3ff}.room-name{color:#333;font-size:14px;font-weight:600;margin-bottom:5px}.room-last-message{color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-type-badge{background:#ff9800;border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}.dm-meta,.room-meta{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px;margin-top:4px}.dm-type,.room-type-badge{color:#9ca3af;font-size:11px;text-transform:capitalize}.dm-message,.room-message{color:#64748b;font-size:13px;line-height:1.4;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:15px 20px;transition:background-color .2s}.user-item:hover{background-color:#f8f9fa}.user-avatar{align-items:center;background:#2196f3;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-name{font-weight:600;margin-bottom:2px}.user-role{color:#666;font-size:12px;text-transform:capitalize}.dm-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:4px;transition:background-color .2s}.dm-button:hover{background-color:#e3f2fd}.no-dms,.no-rooms,.no-users{color:#666;padding:20px;text-align:center}.dm-help,.room-help{color:#999;font-size:12px;margin-top:5px}.create-room-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-left:10px;padding:8px 12px;transition:background-color .2s}.create-room-button:hover{background:#0056b3}.modal-content{border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3);max-height:80vh;width:90%}.modal-header{border-bottom:1px solid #eee;padding:20px}.modal-header h3{color:#333;margin:0}.close-button{align-items:center;color:#666;display:flex;font-size:20px;height:30px;justify-content:center;padding:0;width:30px}.close-button:hover{color:#333}.modal-body{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px}.form-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.form-input:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:none}.members-list{border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto}.member-item{border-bottom:1px solid #eee;cursor:pointer;padding:10px;transition:background-color .2s}.member-item:last-child{border-bottom:none}.member-item:hover{background:#f8f9fa}.member-item.selected{background:#e3f2fd}.member-avatar{align-items:center;background:#007bff;border-radius:50%;color:#fff;display:flex;font-weight:700;height:32px;justify-content:center;margin-right:12px;width:32px}.member-info{flex:1 1}.member-name{color:#333;font-weight:500}.member-role{color:#666;font-size:12px}.member-checkbox{align-items:center;border:2px solid #ddd;border-radius:4px;color:#fff;display:flex;font-weight:700;height:20px;justify-content:center;width:20px}.member-item.selected .member-checkbox{background:#007bff;border-color:#007bff}.modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:20px}.cancel-button{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.cancel-button:hover{background:#5a6268}.create-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.create-button:hover:not(:disabled){background:#0056b3}.create-button:disabled{background:#ccc;cursor:not-allowed}.room-header-info{flex:1 1}.room-management-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;margin-left:10px;padding:8px;transition:background-color .2s}.room-management-button:hover{background-color:#e9ecef}.remove-member-button{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:background-color .2s;width:24px}.remove-member-button:hover{background:#c82333}.add-member-button{align-items:center;background:#28a745;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:background-color .2s;width:24px}.add-member-button:hover{background:#218838}.danger-zone{background:#fff5f5;border:1px solid #dc3545;border-radius:4px;padding:15px}.delete-room-button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s}.delete-room-button:hover{background:#c82333}.danger-warning{color:#dc3545;font-size:12px;font-style:italic;margin-top:8px}.chat-main{background:#fff;height:100%;min-width:0;overflow:hidden}.chat-main,.messages-container{display:flex;flex:1 1;flex-direction:column;position:relative}.messages-container{background:#f0f2f5;gap:8px;min-height:0;overflow-y:auto;padding:20px}.messages-container>*{position:relative;z-index:1}.message{display:flex;margin-bottom:4px;position:relative}.message.own{justify-content:flex-end}.message.other{justify-content:flex-start}.message-content{border-radius:18px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.3;max-width:75%;min-width:60px;padding:8px 12px;position:relative}.message.own .message-content{background-color:#09f;border-bottom-right-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1);color:#fff}.message.other .message-content{background-color:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1);color:#333}.message-sender{font-size:12px;font-weight:600;line-height:1;margin-bottom:2px;opacity:.8}.message.own .message-sender{color:#fff}.message-text{word-wrap:break-word;line-height:1.3;margin:0}.deleted-message{color:#6b7280;font-style:italic;opacity:.7}.message.own .deleted-message{color:hsla(0,0%,100%,.7)}.deleted-message-preview{color:#6b7280;font-style:italic;opacity:.8}.message.system{justify-content:center;margin:12px 0;padding:0 20px}.message.system .message-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:18px;box-shadow:0 1px 3px rgba(0,0,0,.1);max-width:70%;padding:8px 16px;text-align:center}.system-message{color:#495057;font-size:14px;font-style:normal;font-weight:400;line-height:1.4}.system-message-preview{color:#6b7280;font-size:12px;font-style:italic}.message-time{color:#999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;line-height:1;margin-top:4px;text-align:right}.message.own .message-time{color:hsla(0,0%,100%,.8)}.no-messages{color:#666;padding:40px 20px;text-align:center}.no-messages p{margin:5px 0}.welcome-screen{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;height:100%;justify-content:center;padding:40px 20px}.welcome-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.1);max-width:600px;padding:48px;text-align:center}.welcome-illustration{margin-bottom:32px}.chat-illustration{color:#2196f3;height:120px;width:120px}.welcome-header h1{color:#1e293b;font-size:32px;font-weight:700;line-height:1.2;margin:0 0 12px}.welcome-subtitle{color:#64748b;font-size:18px;font-weight:500;margin:0 0 16px}.welcome-time{align-items:center;color:#94a3b8;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-bottom:32px}.time-separator{color:#cbd5e1;font-weight:300}.quick-actions{flex-wrap:wrap;gap:16px;margin-bottom:40px}.action-button,.quick-actions{display:flex;justify-content:center}.action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;gap:8px;min-width:140px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.action-button.primary{background:#2196f3;box-shadow:0 4px 12px rgba(33,150,243,.3);color:#fff}.action-button.primary:hover{background:#1976d2;box-shadow:0 6px 20px rgba(33,150,243,.4);transform:translateY(-2px)}.action-button.secondary{background:#fff;border:2px solid #e2e8f0;color:#64748b}.action-button.secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b;transform:translateY(-1px)}.action-icon{height:18px;width:18px}.recent-activity{margin-bottom:40px;text-align:left}.recent-activity h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.recent-items{display:flex;flex-direction:column;gap:12px}.recent-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.recent-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateX(4px)}.recent-avatar{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.recent-avatar svg{height:20px;width:20px}.recent-info{flex:1 1;min-width:0}.recent-name{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:4px}.recent-meta{align-items:center;color:#64748b;display:flex;font-size:12px;gap:8px}.recent-message{color:#94a3b8}.recent-unread{background:#ef4444;border-radius:12px;color:#fff;font-size:11px;font-weight:600;min-width:20px;padding:4px 8px;text-align:center}.welcome-tips{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:20px;text-align:left}.welcome-tips h3{color:#0369a1;font-size:16px;font-weight:600;margin:0 0 12px}.welcome-tips ul{margin:0;padding-left:20px}.welcome-tips li{color:#0c4a6e;font-size:14px;line-height:1.4;margin-bottom:8px}.welcome-tips li:last-child{margin-bottom:0}.company-announcements{margin-bottom:40px;text-align:left}.company-announcements h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.announcement-item{align-items:flex-start;background:#fefce8;border:1px solid #fde047;border-radius:8px;display:flex;gap:16px;margin-bottom:12px;padding:16px;transition:all .2s ease}.announcement-item:hover{background:#fef9c3;border-color:#facc15;transform:translateX(2px)}.announcement-item:last-child{margin-bottom:0}.announcement-content{flex:1 1;min-width:0;text-align:center}.announcement-title{color:#92400e;font-size:14px;font-weight:600;margin-bottom:6px}.announcement-text{color:#a16207;font-size:13px;line-height:1.4}.empty-chat-illustration{margin-bottom:24px}.empty-chat-icon{color:#9ca3af;height:80px;width:80px}.no-messages h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.no-messages p{color:#6b7280;font-size:16px;margin:0 0 24px}.empty-chat-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.empty-chat-actions .action-button{font-size:13px;min-width:auto;padding:10px 20px}@media (max-width:768px){.welcome-content{margin:20px;padding:32px 24px}.welcome-header h1{font-size:24px}.welcome-subtitle{font-size:16px}.quick-actions{align-items:center;flex-direction:column}.action-button{max-width:280px;width:100%}.recent-items{max-width:100%}}.no-room-selected{align-items:center;color:#666;display:flex;flex-direction:column;font-size:16px;height:100%;justify-content:center;padding:40px 20px;text-align:center}.no-room-content{max-width:400px;text-align:center}.no-room-icon{margin-bottom:24px}.no-room-content h2{color:#1e293b;font-size:24px;font-weight:600;margin:0 0 8px}.no-room-content p{color:#64748b;font-size:16px;margin:0 0 32px}.no-room-content .quick-actions{align-items:center;display:flex;flex-direction:column;gap:12px}.no-room-content .action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:200px;padding:12px 24px;transition:all .2s ease}.no-room-content .action-button.primary{background:#3b82f6;box-shadow:0 2px 4px rgba(59,130,246,.3);color:#fff}.no-room-content .action-button.primary:hover{background:#2563eb;box-shadow:0 4px 8px rgba(59,130,246,.4);transform:translateY(-1px)}.no-room-content .action-button.secondary{background:#fff;border:2px solid #e2e8f0;color:#64748b}.no-room-content .action-button.secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b;transform:translateY(-1px)}.no-room-content .action-icon{height:16px;width:16px}.chat-loading{align-items:center;color:#666;display:flex;flex-direction:column;font-size:16px;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2196f3;height:40px;margin-bottom:20px;width:40px}.chat-error{align-items:center;color:#d32f2f;display:flex;flex-direction:column;font-size:16px;height:100vh;justify-content:center;text-align:center}.retry-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:10px 20px}.retry-button:hover{background-color:#1976d2}.dm-name,.room-description{color:#666;font-size:14px;font-weight:400;margin:5px 0 0}.dm-name{color:#333;font-weight:600;margin-bottom:2px}.typing-indicators{animation:fadeIn .3s ease-in-out;background:#f8f9fa;border-top:1px solid #e0e0e0;color:#666;font-size:14px;padding:8px 20px}.typing-text{align-items:center;display:flex;gap:4px}.typing-dots{animation:typingDots 1.5s infinite}@keyframes typingDots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.typing-preview{align-items:center;color:#2196f3;display:flex;font-style:italic;font-weight:500;gap:4px}.typing-animation{animation:pulse 1.5s ease-in-out infinite}.message-input-container{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;padding:16px;position:sticky;width:100%;z-index:100}.file-upload-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px}.attachments-preview{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.attachment-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;display:flex;font-size:14px;gap:12px;max-width:300px;padding:12px;transition:all .2s ease}.attachment-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px rgba(0,0,0,.1)}.attachment-preview-image{align-items:center;background:#f1f5f9;border-radius:6px;display:flex;height:50px;justify-content:center;min-width:50px;overflow:hidden;position:relative}.attachment-thumbnail{border-radius:6px;height:50px;object-fit:cover;width:50px}.attachment-icon{background:#f1f5f9;border-radius:6px;font-size:24px;height:50px;min-width:50px}.attachment-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.attachment-name{color:#1e293b;font-weight:500;line-height:1.3;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:#64748b;font-size:12px}.remove-attachment{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.remove-attachment:hover{background:#dc2626;transform:scale(1.1)}.message-input-wrapper{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;display:flex;flex:1 1;gap:12px;min-width:0;padding:8px 12px;transition:border-color .2s;width:100%}.message-input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.input-controls{align-items:center;display:flex;flex-shrink:0}.attachment-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:20px;padding:8px;transition:background-color .2s}.attachment-btn:hover{background:#f3f4f6;color:#3b82f6}.attachment-btn.active{background:#3b82f6;color:#fff}.attachment-menu-container{position:relative}.attachment-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:100%;box-shadow:0 8px 24px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:4px;left:0;margin-bottom:8px;min-width:200px;padding:8px;position:absolute;z-index:1000}.attachment-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.attachment-option:hover{background:#f3f4f6}.attachment-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:transform .2s ease;width:32px}.attachment-icon svg{height:18px;width:18px}.attachment-icon.document{background:#fef3c7;color:#d97706}.attachment-icon.camera{background:#dbeafe;color:#2563eb}.attachment-icon.gallery{background:#dcfce7;color:#16a34a}.attachment-icon.audio{background:#fce7f3;color:#be185d}.attachment-icon.location{background:#fef2f2;color:#dc2626}.attachment-icon.contact{background:#f3e8ff;color:#7c3aed}.attachment-option span{color:#374151;font-size:14px;font-weight:500}.contact-picker-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.15);max-height:500px;max-width:400px;overflow:hidden;width:90%}.contact-picker-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.contact-picker-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.close-btn{border-radius:4px;color:#6b7280;font-size:18px}.close-btn:hover{background:#e5e7eb}.contact-picker-content{max-height:400px;overflow-y:auto;padding:8px}.contact-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s}.contact-item:hover{background:#f3f4f6}.contact-avatar{align-items:center;background:#e5e7eb;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.contact-avatar svg{color:#6b7280;height:20px;width:20px}.contact-info{flex:1 1;min-width:0}.contact-name{color:#111827;font-size:16px;margin-bottom:2px}.contact-details{color:#6b7280;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording-indicator{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-bottom:8px;padding:8px 12px}.recording-animation{animation:pulse 1s infinite}.stop-recording-btn{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px;transition:background-color .2s}.stop-recording-btn:hover{background:#b91c1c}@media (max-width:768px){.attachment-menu{border-radius:16px;bottom:80px;box-shadow:0 10px 40px rgba(0,0,0,.2);gap:8px;left:16px;min-width:auto;padding:16px;position:fixed;right:16px}.attachment-option{gap:16px;padding:16px}.attachment-icon{height:40px;width:40px}.attachment-icon svg{height:20px;width:20px}.attachment-option span{font-size:16px}.contact-picker-modal{max-height:70vh;width:95%}.recording-indicator{font-size:16px;margin:8px 16px;padding:12px 16px}}.attachment-button{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:20px;padding:8px;transition:background-color .2s}.attachment-button:hover{background:#f3f4f6;color:#3b82f6}.message-input{background:transparent;border:none;box-sizing:border-box;flex:1 1;font-size:16px;height:40px;line-height:1.4;max-width:none;min-width:0;outline:none;overflow-y:auto;padding:8px 0;resize:none;width:100%}.message-input::placeholder{color:#9ca3af}.send-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.send-button:hover:not(:disabled){background:#2563eb}.send-button:disabled{background:#9ca3af;cursor:not-allowed}.file-message .message-content{max-width:400px}.file-attachments{display:flex;flex-direction:column;gap:8px;margin-top:8px}.file-attachment{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;gap:12px;max-width:400px;padding:12px;transition:all .2s ease}.file-attachment:hover{border-color:#007bff;box-shadow:0 2px 8px rgba(0,123,255,.15)}.file-attachment-icon{background:#e9ecef;color:#6c757d;font-size:32px}.file-attachment-icon,.file-attachment-image{align-items:center;border-radius:6px;display:flex;height:80px;justify-content:center;min-width:80px}.file-attachment-image{background:#f8f9fa;border:1px solid #e9ecef;overflow:hidden;position:relative}.attachment-preview-img{border-radius:6px;height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .2s ease;width:auto}.attachment-preview-img:hover{cursor:pointer;transform:scale(1.05)}.attachment-preview-img:hover:after{background:rgba(0,0,0,.8);border-radius:4px;bottom:-25px;color:#fff;content:"Click to view full size";font-size:11px;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.file-attachment-info{display:flex;flex:1 1;flex-direction:column;gap:2px;justify-content:center;min-width:0}.file-attachment-name{color:#495057;font-size:14px;font-weight:500;line-height:1.3;margin-bottom:4px;word-break:break-word}.file-attachment-size{color:#6c757d;font-size:12px}.file-attachment-download{background:#007bff;border:none;border-radius:6px;box-shadow:0 1px 3px rgba(0,123,255,.3);color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.file-attachment-download:hover{background:#0056b3;box-shadow:0 2px 6px rgba(0,123,255,.4);color:#fff;text-decoration:none;transform:translateY(-1px)}.file-attachment-open{background:#28a745;border:none;border-radius:6px;box-shadow:0 1px 3px rgba(40,167,69,.3);color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.file-attachment-open:hover{background:#218838;box-shadow:0 2px 6px rgba(40,167,69,.4);color:#fff;text-decoration:none;transform:translateY(-1px)}@media (max-width:768px){.file-attachment{gap:8px;max-width:100%;padding:10px}.file-attachment-icon,.file-attachment-image{height:60px;min-width:60px}.attachment-preview-img{max-height:60px;max-width:60px}.file-attachment-download,.file-attachment-open{font-size:11px;padding:6px 12px}.file-attachment-name{font-size:13px}.file-attachment-size{font-size:11px}}.message-date-header{display:flex;justify-content:center;margin:16px 0 12px;position:relative}.date-header-content{background:rgba(0,0,0,.5);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.3);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:400;padding:4px 10px;text-align:center;white-space:nowrap}.today-indicator{display:none}@media (max-width:768px){.date-header-content{border-radius:6px;font-size:11px;padding:4px 8px}}.mobile-header{align-items:center;background:#09f;border-bottom:none;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;display:none;height:72px;justify-content:space-between;left:0;padding:0 24px;position:fixed;right:0;top:0;z-index:1000}.mobile-back-btn,.mobile-room-menu-btn,.mobile-search-btn{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.mobile-back-btn:hover,.mobile-room-menu-btn:hover,.mobile-search-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.mobile-back-btn svg,.mobile-room-menu-btn svg,.mobile-search-btn svg{height:24px;width:24px}.mobile-header-info{flex:1 1;gap:12px;margin:0 16px}.mobile-header-avatar,.mobile-header-info{align-items:center;color:#fff;display:flex;justify-content:center}.mobile-header-avatar{background:hsla(0,0%,100%,.2);border-radius:50%;flex-shrink:0;font-size:14px;font-weight:600;height:36px;width:36px}.mobile-header-text{align-items:center;display:flex;flex-direction:column;text-align:center}.mobile-room-name{color:#fff;font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-connection-status,.mobile-room-status{color:hsla(0,0%,100%,.8);font-size:12px;margin:2px 0 0}.mobile-header-actions{align-items:center;display:flex;gap:8px}.mobile-sidebar-overlay{background:rgba(0,0,0,.5);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.chat-sidebar.mobile{border-right:none;box-shadow:2px 0 10px rgba(0,0,0,.1);height:100vh;left:-100%;max-width:320px;position:fixed;top:0;transition:left .3s ease;width:85%;z-index:1000}.chat-sidebar.mobile.show{left:0}.chat-sidebar.mobile.show+.mobile-sidebar-overlay{display:block}.chat-container.mobile{-webkit-overflow-scrolling:touch;height:100vh;overflow:hidden;padding-top:60px;touch-action:pan-x pan-y}.chat-container.mobile .chat-main{-webkit-overflow-scrolling:touch;height:calc(100vh - 60px);touch-action:pan-x pan-y}.chat-container.mobile.swipe-left{animation:swipeLeft .3s ease-out}.chat-container.mobile.swipe-right{animation:swipeRight .3s ease-out}@keyframes swipeLeft{0%{transform:translateX(0)}50%{transform:translateX(-10px)}to{transform:translateX(0)}}@keyframes swipeRight{0%{transform:translateX(0)}50%{transform:translateX(10px)}to{transform:translateX(0)}}.mobile .dm-item:active,.mobile .mention-item:active,.mobile .room-item:active,.mobile .user-selection-item:active{background-color:#e5e7eb;transform:scale(.98);transition:all .1s ease}.mobile .mobile-back-btn:active,.mobile .mobile-room-menu-btn:active,.mobile .mobile-search-btn:active{background:#e5e7eb;transform:scale(.95);transition:all .1s ease}.mobile .send-button:active{background:#1d4ed8;transform:scale(.95);transition:all .1s ease}.mobile .attachment-btn:active,.mobile .attachment-button:active{background:#d1d5db;transform:scale(.95);transition:all .1s ease}.mobile .dm-item,.mobile .mention-item,.mobile .room-item,.mobile .user-selection-item{-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mobile .messages-container{scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin}.mobile .messages-container::-webkit-scrollbar{width:4px}.mobile .messages-container::-webkit-scrollbar-track{background:transparent}.mobile .messages-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.mobile .messages-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mobile .pull-to-refresh{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;left:50%;opacity:0;position:absolute;top:-60px;transform:translateX(-50%);transition:all .3s ease;width:40px;z-index:1000}.mobile .pull-to-refresh.active{opacity:1;top:10px}.mobile .pull-to-refresh svg{animation:spin 1s linear infinite}.mobile .message-input-container.keyboard-open{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.1);left:0;position:fixed;right:0;z-index:1000}.mobile .message-input-container.keyboard-open .message-input-wrapper{background:#f9fafb;border:2px solid #e5e7eb;border-radius:24px;margin:8px 16px}@supports (padding:max(0px)){.mobile .message-input-container,.mobile-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.mobile .message-input-container{padding-bottom:max(16px,env(safe-area-inset-bottom))}.chat-container.mobile{padding-top:max(60px,calc(60px + env(safe-area-inset-top)))}}.mobile *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.mobile .messages-container{will-change:scroll-position}.mobile .message,.mobile .messages-container{transform:translateZ(0);-webkit-transform:translateZ(0)}.mobile .message{will-change:transform}.mobile .dm-item,.mobile .room-item{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform,background-color}.mobile .message-input-wrapper{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform,border-color,background-color}.mobile-chat-list-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;min-height:72px;padding:16px 24px}.mobile-chat-list-title h2{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 4px}.mobile-connection-indicator{align-items:center;color:#64748b;display:flex;font-size:14px;gap:6px}.mobile-connection-indicator.connected{color:#059669}.mobile-connection-indicator.disconnected{color:#dc2626}.indicator-dot{background:currentColor;border-radius:50%;height:8px;width:8px}.mobile-new-chat-btn{align-items:center;background:#3b82f6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.mobile-new-chat-btn:hover{background:#2563eb;transform:scale(1.05)}.mobile-new-chat-btn svg{height:20px;width:20px}.mobile-chat-tabs{background:#f1f5f9;border-radius:12px;display:flex;margin:0 16px 16px;padding:4px}.mobile-tab-button{align-items:center;background:transparent;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:11px;font-weight:500;justify-content:center;min-width:0;padding:12px 4px;text-align:center;transition:all .2s ease;white-space:nowrap}.mobile-tab-button.active{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#3b82f6}.mobile-tab-icon{height:18px;width:18px}.mobile-chat-search{padding:0 16px 16px}.mobile-search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.mobile-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.mobile .dms-list.mobile{padding:0}.mobile .dm-item.mobile{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;padding:16px 20px;transition:all .2s ease}.mobile .dm-item.mobile:hover{background:#f8fafc}.mobile .dm-item.mobile.active{background:#eff6ff;border-left:4px solid #3b82f6}.mobile .dm-avatar.mobile{align-items:center;background:#e2e8f0;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:16px;width:48px}.mobile .dm-avatar.mobile .dm-icon{color:#64748b;height:24px;width:24px}.mobile .dm-info.mobile{flex:1 1;min-width:0}.mobile .dm-name.mobile{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:4px}.mobile .unread-badge.mobile{background:#3b82f6;border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.mobile .dm-meta{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px}.mobile .dm-type{font-weight:500}.mobile .dm-message{color:#64748b;flex:1 1;font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-message .message-preview-own,.room-message .message-preview-own{color:#6b7280;font-style:italic}.dm-message .message-preview-attachment,.room-message .message-preview-attachment{color:#3b82f6;font-weight:500}.mobile .dm-message .message-preview-own{color:#6b7280;font-style:italic}.mobile .dm-message .message-preview-attachment{color:#3b82f6;font-weight:500}.mobile-chat-list-view{background:#f8fafc;display:flex;flex-direction:column;height:100%}.mobile-chat-list-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.mobile-dms-list,.mobile-rooms-list{list-style:none;margin:0;padding:0}.mobile-dm-item,.mobile-room-item{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;padding:16px 20px;transition:all .2s ease}.mobile-dm-item:hover,.mobile-room-item:hover{background:#f8fafc}.mobile-dm-avatar,.mobile-room-avatar{align-items:center;background:#e2e8f0;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:16px;width:48px}.mobile-dm-icon,.mobile-room-icon{color:#64748b;height:24px;width:24px}.mobile-dm-info,.mobile-room-info{flex:1 1;min-width:0}.mobile-dm-name,.mobile-room-name{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:4px}.mobile-unread-badge{background:#3b82f6;border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.mobile-dm-meta,.mobile-room-meta{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px}.mobile-dm-type,.mobile-room-type{font-weight:500}.mobile-dm-message,.mobile-room-message{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-no-dms,.mobile-no-rooms{color:#64748b;padding:40px 20px;text-align:center}.mobile-no-dms p,.mobile-no-rooms p{font-size:16px;margin:0 0 8px}.mobile-dm-help,.mobile-room-help{color:#94a3b8;font-size:14px}.mobile .chat-sidebar.mobile{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.mobile .mobile-sidebar-overlay{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:opacity}@media (prefers-reduced-motion:reduce){.mobile .chat-sidebar.mobile{transition:none}.mobile .swipe-left,.mobile .swipe-right{animation:none}.mobile .message-input-wrapper:focus-within{transition:none}.mobile .dm-item:hover,.mobile .room-item:hover{transform:none}}@media (prefers-contrast:high){.mobile .message-content{border:2px solid}.mobile .dm-item.active,.mobile .room-item.active{border-left-width:6px}.mobile .mobile-header{border-bottom-width:2px}}@media (prefers-color-scheme:dark){.mobile-header{background:#1f2937;border-bottom-color:#374151;color:#f9fafb}.mobile .chat-sidebar.mobile{background:#1f2937;border-right-color:#374151}.mobile .message-input-container{background:#1f2937;border-top-color:#374151}.mobile .message-input-wrapper{background:#374151;border-color:#4b5563;color:#f9fafb}.mobile .message-input-wrapper:focus-within{background:#4b5563;border-color:#3b82f6}.mobile .message.other .message-content{background:#374151;border-color:#4b5563;color:#f9fafb}.mobile .dm-item,.mobile .room-item{border-bottom-color:#374151}.mobile .dm-item:hover,.mobile .room-item:hover{background-color:#374151}.mobile .dm-item.active,.mobile .room-item.active{background-color:#1e40af}}.mobile .message-input-container{background:#fff;border-top:1px solid #e5e7eb;bottom:0;flex-shrink:0;padding:16px;position:sticky;z-index:100}.mobile .message-input-wrapper{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:24px;display:flex;gap:12px;min-height:48px;padding:12px 16px}.mobile .message-input-wrapper:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.mobile .message-input{font-size:16px;line-height:1.4;max-height:120px;min-height:24px;padding:0}.mobile .attachment-btn,.mobile .attachment-button{align-items:center;background:#f3f4f6;border-radius:50%;color:#6b7280;display:flex;font-size:20px;justify-content:center;min-height:44px;min-width:44px;padding:12px;transition:all .2s}.mobile .attachment-btn:hover,.mobile .attachment-button:hover{background:#e5e7eb;color:#3b82f6;transform:scale(1.05)}.mobile .send-button{align-items:center;background:#3b82f6;border:none;border-radius:20px;box-shadow:0 2px 4px rgba(59,130,246,.3);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-height:44px;min-width:44px;padding:12px 20px;transition:all .2s}.mobile .send-button:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 8px rgba(59,130,246,.4);transform:translateY(-1px)}.mobile .send-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.mobile .messages-container{background:#e3f2fd;background-image:radial-gradient(circle at 25% 40%,rgba(33,150,243,.1) 0,transparent 60%),radial-gradient(circle at 75% 30%,rgba(33,150,243,.1) 0,transparent 60%),radial-gradient(circle at 50% 70%,rgba(33,150,243,.1) 0,transparent 60%),repeating-linear-gradient(0deg,transparent,transparent 15px,rgba(33,150,243,.04) 0,rgba(33,150,243,.04) 16px),repeating-linear-gradient(90deg,transparent,transparent 15px,rgba(33,150,243,.04) 0,rgba(33,150,243,.04) 16px),repeating-linear-gradient(45deg,transparent,transparent 25px,rgba(33,150,243,.025) 0,rgba(33,150,243,.025) 26px)}.mobile .messages-container:before{content:"💼 📱 💻 📊 🌐 ⚙️ 📈 🔧 💡 🚀 ⭐ 📞 ✉️ 👥 📅 💾 🖥️ 💼 📱 💻 📊 🌐 ⚙️ 📈 🔧 💡 🚀 ⭐ 📞 ✉️ 👥 📅 💾 🖥️";font-size:18px;left:0;line-height:2.5;opacity:.04;right:0;top:0;transform:rotate(-12deg);word-spacing:30px}.mobile .messages-container:after,.mobile .messages-container:before{bottom:0;overflow:hidden;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:pre-wrap;z-index:0}.mobile .messages-container:after{content:"📞 💬 🌟 ⚡ ✨ 🎯 💡 🚀 💼 📊 📈 🔧 ⚙️ 📝 📅 💾 🌐 👥 ✉️ 🔔 📱 💻";font-size:16px;left:-50px;line-height:3;opacity:.035;right:-50px;top:30px;transform:rotate(10deg);word-spacing:40px}.mobile .message{margin-bottom:4px}.mobile .message-content{word-wrap:break-word;border-radius:12px;font-size:15px;line-height:1.3;max-width:75%;min-width:60px;padding:6px 12px}.mobile .message.own .message-content{background:#3b82f6;border-bottom-right-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.12);color:#fff}.mobile .message.other .message-content{background:#fff;border:1px solid rgba(0,0,0,.08);border-bottom-left-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.12);color:#1e293b}.mobile .message-sender{font-size:13px;font-weight:600;margin-bottom:4px;opacity:.8}.mobile .message-time{color:#999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;line-height:1;margin-top:4px;text-align:right}.mobile .messages-container{padding:16px 16px 20px}.mobile .dm-item,.mobile .room-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;min-height:60px;padding:16px 20px;position:relative;transition:all .2s}.mobile .dm-item:hover,.mobile .room-item:hover{background-color:#f8f9fa;transform:translateX(4px)}.mobile .dm-item.active,.mobile .room-item.active{background-color:#e3f2fd;border-left:4px solid #2196f3}.mobile .dm-avatar,.mobile .room-avatar{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:16px;width:48px}.mobile .dm-icon,.mobile .room-icon{color:#6b7280;height:28px;width:28px}.mobile .dm-info,.mobile .room-info{flex:1 1;min-width:0}.mobile .dm-name,.mobile .room-name{color:#333;font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile .dm-message,.mobile .room-last-message{color:#666;font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile .chat-search{background:#fff;border-bottom:1px solid #e0e0e0;padding:16px 20px}.mobile .search-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:24px;font-size:16px;outline:none;padding:12px 16px;transition:all .2s;width:100%}.mobile .search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.mobile .chat-tabs{background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;padding:0 20px}.mobile .tab-button{align-items:center;background:none;border:none;border-bottom:3px solid transparent;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:500;gap:8px;justify-content:center;min-height:56px;padding:16px 20px;transition:all .2s}.mobile .tab-button:hover{background-color:#e9ecef;color:#333}.mobile .tab-button.active{background-color:#fff;border-bottom-color:#2196f3;color:#2196f3}.mobile .tab-icon{height:20px;width:20px}.mobile .chat-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.mobile .chat-header-left h2{color:#111827;font-size:20px;font-weight:600;margin:0 0 4px}.mobile .chat-subtitle{color:#6b7280;font-size:14px;margin:0}.mobile .connection-status{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.mobile .connection-status.connected{background:#dcfce7;color:#166534}.mobile .connection-status.disconnected{background:#fef2f2;color:#991b1b}.mobile .create-new-btn{align-items:center;background:#3b82f6;border:none;border-radius:50%;box-shadow:0 2px 8px rgba(59,130,246,.3);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.mobile .create-new-btn:hover{background:#2563eb;box-shadow:0 4px 12px rgba(59,130,246,.4);transform:scale(1.05)}.mobile .plus-icon{height:20px;width:20px}.mobile .attachments-preview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.mobile .attachment-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;display:flex;font-size:14px;gap:8px;max-width:100%;padding:8px 12px;transition:all .2s ease}.mobile .attachment-preview-image{align-items:center;background:#f1f5f9;border-radius:6px;display:flex;height:40px;justify-content:center;min-width:40px;overflow:hidden}.mobile .attachment-thumbnail{border-radius:6px;height:40px;object-fit:cover;width:40px}.mobile .attachment-icon{align-items:center;background:#f1f5f9;border-radius:6px;display:flex;font-size:20px;height:40px;justify-content:center;min-width:40px}.mobile .attachment-name{color:#1e293b;font-weight:500;line-height:1.3;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile .attachment-size{color:#64748b;font-size:11px}.mobile .remove-attachment{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:20px;justify-content:center;transition:all .2s ease;width:20px}.mobile .remove-attachment:hover{background:#dc2626;transform:scale(1.1)}.mobile .file-attachment{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;gap:12px;max-width:100%;padding:12px;transition:all .2s ease}.mobile .file-attachment:hover{border-color:#007bff;box-shadow:0 2px 8px rgba(0,123,255,.15)}.mobile .file-attachment-icon{background:#e9ecef;color:#6c757d;font-size:28px}.mobile .file-attachment-icon,.mobile .file-attachment-image{align-items:center;border-radius:6px;display:flex;height:60px;justify-content:center;min-width:60px}.mobile .file-attachment-image{background:#f8f9fa;border:1px solid #e9ecef;overflow:hidden;position:relative}.mobile .attachment-preview-img{border-radius:6px;height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .2s ease;width:auto}.mobile .file-attachment-name{color:#495057;font-size:14px;font-weight:500;line-height:1.3;margin-bottom:4px;word-break:break-word}.mobile .file-attachment-size{color:#6c757d;font-size:12px}.mobile .file-attachment-download,.mobile .file-attachment-open{background:#007bff;border:none;border-radius:6px;box-shadow:0 1px 3px rgba(0,123,255,.3);color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.mobile .file-attachment-download:hover,.mobile .file-attachment-open:hover{background:#0056b3;box-shadow:0 2px 6px rgba(0,123,255,.4);color:#fff;text-decoration:none;transform:translateY(-1px)}.mobile .mentions-dropdown{animation:mentionsSlideIn .2s ease-out;background:#fff;border:2px solid #3b82f6;border-radius:12px;bottom:calc(100% + 8px);box-shadow:0 10px 30px rgba(0,0,0,.15);left:0;max-height:200px;max-width:400px;min-width:280px;overflow-y:auto;position:absolute;width:100%;z-index:1000}.mobile .mention-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;min-height:60px;padding:16px 18px;transition:all .2s ease}.mobile .mention-item:hover{background:#f8fafc;transform:translateX(2px)}.mobile .mention-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 2px 8px rgba(59,130,246,.3);color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;margin-right:16px;width:40px}.mobile .mention-name{color:#111827;font-size:16px;font-weight:500;margin-bottom:2px}.mobile .mention-email{color:#6b7280;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile .search-results-overlay{background:#fff;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:60px;z-index:1000}.mobile .search-results-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;min-height:60px;padding:16px 20px}.mobile .search-results-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.mobile .close-search{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;justify-content:center;min-height:44px;min-width:44px;padding:8px;transition:all .2s}.mobile .close-search:hover{background:#f3f4f6;color:#111827}.mobile .search-result-item{border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:60px;padding:16px 20px;transition:background-color .2s}.mobile .search-result-item:hover{background:#f9fafb}.mobile .search-result-sender{color:#111827;font-size:16px;font-weight:600;margin-bottom:4px}.mobile .search-result-content{color:#374151;font-size:14px;line-height:1.4;margin-bottom:4px}.mobile .search-result-time{color:#6b7280;font-size:12px}.mobile .chat-notification{align-items:center;animation:slideInDown .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;gap:12px;left:16px;padding:16px 20px;position:fixed;right:16px;top:80px;z-index:10000}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.mobile .no-room-selected{padding:20px 16px}.mobile .no-room-content{max-width:100%}.mobile .no-room-content h2{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 8px}.mobile .no-room-content p{color:#64748b;font-size:14px;margin:0 0 24px}.mobile .no-room-content .quick-actions{gap:8px}.mobile .no-room-content .action-button{border-radius:8px;font-size:14px;font-weight:600;max-width:280px;min-height:48px;min-width:100%;padding:14px 20px}.mobile .welcome-content{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:20px 16px;padding:24px 20px}.mobile .welcome-header h1{color:#1e293b;font-size:24px;font-weight:700;line-height:1.2;margin:0 0 12px}.mobile .welcome-subtitle{color:#64748b;font-size:16px;font-weight:500;margin:0 0 16px}.mobile .quick-actions{flex-direction:column;gap:12px;margin-bottom:32px}.mobile .action-button{align-items:center;border-radius:12px;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;max-width:none;min-height:56px;padding:16px 24px;width:100%}.mobile .action-icon{height:20px;width:20px}.mobile .recent-items{gap:8px}.mobile .recent-item{align-items:center;border-radius:12px;display:flex;gap:16px;min-height:60px;padding:16px}.mobile .recent-avatar{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.mobile .recent-avatar svg{height:24px;width:24px}.mobile .recent-name{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:4px}.mobile .recent-meta{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px}.mobile .recent-message{color:#94a3b8}.mobile .recent-unread{background:#ef4444;border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:24px;padding:4px 8px;text-align:center}.mobile .welcome-tips{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:16px}.mobile .welcome-tips h3{color:#0369a1;font-size:16px;font-weight:600;margin:0 0 12px}.mobile .welcome-tips li{color:#0c4a6e;font-size:14px;line-height:1.4;margin-bottom:8px}.mobile .announcement-item{background:#fefce8;border:1px solid #fde047;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .2s ease}.mobile .announcement-item:hover{background:#fef9c3;border-color:#facc15;transform:translateX(2px)}.mobile .announcement-title{color:#92400e;font-size:16px;font-weight:600;margin-bottom:6px}.mobile .announcement-text{color:#a16207;font-size:14px;line-height:1.4}@media (max-width:768px){.mobile-header{display:flex}.chat-container.mobile{height:100vh;padding-top:72px}.chat-container.mobile .chat-sidebar:not(.mobile){display:none}.chat-container.mobile .chat-main{height:calc(100vh - 72px)}.message-content{max-width:75%}.user-item{padding:12px 15px}.user-avatar{font-size:14px;height:35px;width:35px}}.search-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:18px;margin-right:8px;padding:8px;transition:all .2s}.search-btn:hover{background:#f3f4f6;color:#3b82f6}.search-input-container{background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 16px;position:relative}.search-input{border-radius:20px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.search-spinner{animation:spin 1s linear infinite;font-size:16px;position:absolute;right:28px;top:50%;transform:translateY(-50%)}.search-results-overlay{background:rgba(0,0,0,.8);bottom:0;display:flex;flex-direction:column;left:0;position:absolute;right:0;top:0;z-index:1000}.search-results-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.search-results-header h3{color:#111827;font-size:18px;margin:0}.close-search{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s}.close-search:hover{background:#f3f4f6;color:#111827}.search-results-list{background:#fff;flex:1 1;overflow-y:auto}.search-result-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px 16px;transition:background-color .2s}.search-result-item:hover{background:#f9fafb}.search-result-sender{color:#111827;font-size:14px;font-weight:600;margin-bottom:4px}.search-result-content{color:#374151;font-size:14px;line-height:1.4;margin-bottom:4px}.search-result-time{color:#6b7280;font-size:12px}.highlight-message{animation:highlightPulse .5s ease-in-out;background:rgba(59,130,246,.1);border-radius:8px}@keyframes highlightPulse{0%{background:rgba(59,130,246,.3)}to{background:rgba(59,130,246,.1)}}.mentions-dropdown{animation:mentionsSlideIn .2s ease-out;border-radius:12px;bottom:calc(100% + 12px);box-shadow:0 10px 30px rgba(0,0,0,.15);max-height:250px;min-width:280px;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin;width:320px}@keyframes mentionsSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mentions-dropdown::-webkit-scrollbar{width:6px}.mentions-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.mentions-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.mentions-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mentions-header{background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:1px solid hsla(0,0%,100%,.1);border-radius:12px 12px 0 0;color:#fff;font-size:14px;font-weight:600;padding:14px 18px;text-align:center}.mention-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;padding:14px 18px;transition:all .2s ease}.mention-item:hover{background:#f8fafc;transform:translateX(2px)}.mention-item:last-child{border-bottom:none}.mention-item:hover{background:#f9fafb}.mention-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 2px 8px rgba(59,130,246,.3);color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;margin-right:14px;width:36px}.mention-info{flex:1 1;min-width:0}.mention-name{color:#111827;font-size:14px;font-weight:500;margin-bottom:2px}.mention-email{color:#6b7280;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-input-container .mentions-container{position:relative;z-index:10}.mentions-dropdown{background:#fff;border:2px solid #3b82f6;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 8px 25px rgba(0,0,0,.2);left:0;max-height:200px;max-width:400px;min-width:250px;overflow-y:auto;position:absolute;width:300px;z-index:1000}.users-selection{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-height:300px;overflow-y:auto}.user-selection-item{align-items:center;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s ease}.user-selection-item:last-child{border-bottom:none}.user-selection-item:hover{background:#f3f4f6}.user-selection-item .user-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-selection-item .user-info{flex:1 1;min-width:0}.user-selection-item .user-name{color:#111827;font-size:14px;font-weight:500;margin-bottom:2px}.user-selection-item .user-role{color:#6b7280;font-size:12px;text-transform:capitalize}.mention-tag{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:16px;color:#6b7280;font-weight:500}.mention-tag,.mention-tag.clickable{display:inline-block;font-size:14px;line-height:1.2;margin:0 3px;padding:4px 8px}.mention-tag.clickable{animation:mentionPulse 2s ease-in-out infinite;background-color:#3b82f6;border:2px solid #2563eb;border-radius:16px;box-shadow:0 2px 4px rgba(59,130,246,.3);color:#fff;cursor:pointer;font-weight:600;position:relative;text-decoration:none;transition:all .2s ease}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}@keyframes mentionPulse{0%,to{box-shadow:0 2px 4px rgba(59,130,246,.3)}50%{box-shadow:0 2px 8px rgba(59,130,246,.5)}}.mention-tag.clickable:hover{background-color:#2563eb;border-color:#1d4ed8;box-shadow:0 4px 8px rgba(59,130,246,.4);transform:translateY(-2px)}.mention-tag.clickable:active{box-shadow:0 2px 4px rgba(59,130,246,.3);transform:translateY(0)}.message.own .mention-tag.clickable{background-color:#fff;border-color:#fff;color:#3b82f6}.message.own .mention-tag.clickable:hover{background-color:#f8fafc;border-color:#f8fafc;color:#2563eb}.chat-notification{align-items:center;animation:slideInRight .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;gap:12px;max-width:400px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10000}.chat-notification.success{border-left:4px solid #10b981}.chat-notification.info{border-left:4px solid #3b82f6}.chat-notification.warning{border-left:4px solid #f59e0b}.chat-notification.error{border-left:4px solid #ef4444}.notification-message{color:#374151;flex:1 1;font-size:14px;line-height:1.4}.notification-close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.notification-close:hover{background:#f3f4f6;color:#6b7280}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.chat-notification{left:10px;max-width:none;min-width:auto;right:10px}}.reply-context{background:#f8f9fa;border-left:3px solid #2196f3;border-radius:8px;margin-bottom:10px;padding:12px;position:relative}.reply-context-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.reply-label{color:#2196f3;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.reply-cancel{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:16px;padding:4px;transition:all .2s}.reply-cancel:hover{background:#e5e7eb;color:#374151}.reply-preview{display:flex;flex-direction:column;gap:4px}.reply-text{color:#4b5563;font-size:14px;font-style:italic;line-height:1.4}.reply-attachment{color:#6b7280;font-size:12px;font-style:italic}.message-actions{display:flex;gap:8px;margin-top:8px;opacity:0;transition:opacity .2s}.message:hover .message-actions{opacity:1}.reply-button{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;transition:all .2s;width:28px}.reply-icon{height:16px;width:16px}.reply-button:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.message-reply-context{background:#f8f9fa;border-left:3px solid #e5e7eb;border-radius:6px;margin-bottom:8px;padding:8px 12px;position:relative}.reply-line{background:#2196f3;border-radius:0 2px 2px 0;bottom:0;left:0;position:absolute;top:0;width:3px}.reply-info{display:flex;flex-direction:column;gap:2px}.reply-sender{color:#2196f3;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.reply-content{color:#6b7280;font-size:13px;font-style:italic;line-height:1.3}.clickable-reply-context{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.clickable-reply-context:hover{background:#e3f2fd;border-left-color:#1976d2;transform:translateX(2px)}.clickable-reply-context:hover .reply-line{background:#1976d2;width:4px}.clickable-reply-context:hover .reply-sender{color:#1976d2}.clickable-reply-context:active{background:#bbdefb;transform:translateX(1px)}.message-highlight{animation:messageHighlight 2s ease-in-out;border-radius:8px}@keyframes messageHighlight{0%{background-color:#fff3cd;box-shadow:0 0 0 0 rgba(255,193,7,.7)}50%{background-color:#fff3cd;box-shadow:0 0 0 10px rgba(255,193,7,.3)}to{background-color:transparent;box-shadow:0 0 0 0 rgba(255,193,7,0)}}.message-replies{margin-left:20px;margin-top:8px;position:relative}.message.reply{margin-left:0;margin-top:4px;position:relative}.message.reply:before{background:#e5e7eb;bottom:0;content:"";left:-20px;position:absolute;top:0;width:2px}.message.reply .message-content{background:#f8f9fa;border:1px solid #e5e7eb}.message.own.reply .message-content{background:#e3f2fd;border-color:#bbdefb}@media (max-width:768px){.message.reply{margin-left:16px}.message.reply:before{left:-16px}.reply-context{margin-bottom:8px;padding:10px}.message-actions{opacity:1}}.file-upload{width:100%}.upload-area{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:24px;position:relative;text-align:center;transition:all .2s ease}.close-upload-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:background-color .2s ease;width:24px}.close-upload-btn:hover{background:#dc2626}.upload-area:hover{background:#f0f9ff;border-color:#3b82f6}.upload-area.dragging{background:#dbeafe;border-color:#3b82f6;transform:scale(1.02)}.upload-content{pointer-events:none}.upload-icon{font-size:48px;margin-bottom:16px;opacity:.7}.upload-text{color:#374151;font-size:18px;font-weight:500;margin:0 0 8px}.upload-hint{color:#6b7280;font-size:14px;margin:0 0 8px}.upload-formats{color:#9ca3af;font-size:12px;margin:0}.upload-progress{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;margin-top:16px;padding:16px}.progress-bar{background:#e5e7eb;margin-bottom:8px}.progress-fill{border-radius:4px}.progress-text{color:#1e40af;font-size:14px}.file-preview{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:16px}.file-item{border-radius:6px;position:relative;text-align:center}.file-item img{border-radius:4px;height:80px;margin-bottom:8px;object-fit:cover;width:100%}.file-item .file-icon{font-size:32px;margin-bottom:8px;opacity:.7}.file-name{font-size:12px;line-height:1.3;word-break:break-word}.file-size{font-size:10px;margin-top:4px}.remove-file{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;transition:background-color .2s;width:20px}.remove-file:hover{background:#dc2626}@media (max-width:640px){.upload-area{padding:16px}.upload-icon{font-size:36px}.upload-text{font-size:16px}.file-preview{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.upload-area.dragging{animation:pulse .6s ease-in-out}.room-management-modal{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.room-management-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;width:90%}.room-management-content h3{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 20px}.room-management-content h4{color:#374151;font-size:18px;font-weight:500;margin:16px 0 12px}.room-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:16px}.room-info h4{color:#111827;font-size:20px;margin:0 0 8px}.room-description{color:#6b7280;line-height:1.5;margin:0 0 12px}.room-meta{display:flex;flex-wrap:wrap;gap:16px}.room-meta span{background:#e5e7eb;border-radius:4px;color:#374151;font-size:12px;font-weight:500;padding:4px 8px}.room-type{background:#dbeafe!important;color:#1e40af!important}.member-count{background:#dcfce7!important;color:#166534!important}.room-created{background:#fef3c7!important;color:#92400e!important}.form-group label{font-size:14px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:10px 12px;transition:border-color .2s}.form-group textarea{min-height:80px;resize:vertical}.form-group input[type=checkbox]{margin-right:8px;width:auto}.user-selection{border:1px solid #e5e7eb;border-radius:6px;max-height:200px;overflow-y:auto;padding:8px}.no-users-available{background:#f9fafb;border-radius:4px;color:#6b7280;font-style:italic;margin:10px 0;padding:20px;text-align:center}.user-selection .user-checkbox{align-items:center;border-bottom:1px solid #f1f5f9;border-radius:4px;cursor:pointer;display:flex;min-height:50px;padding:12px 8px;transition:background-color .2s}.user-selection .user-checkbox:hover{background-color:#f3f4f6}.user-selection .user-checkbox input[type=checkbox]{flex-shrink:0;margin-right:12px}.user-selection .user-checkbox .user-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.user-selection .user-checkbox .user-name{color:#111827;font-size:14px;font-weight:500;line-height:1.4;margin:0}.user-selection .user-checkbox .user-email{color:#6b7280;font-size:12px;line-height:1.3;margin:0}.selected-users-summary{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-top:16px;padding:12px}.selected-users-summary p{color:#166534;font-weight:500;margin:0 0 12px}.add-selected-btn{background:#10b981;border-radius:6px;font-size:14px;padding:8px 16px;transition:background-color .2s}.add-selected-btn:hover{background:#059669}.add-selected-btn:disabled{background:#9ca3af;cursor:not-allowed}.members-list{margin:12px 0 24px}.member-item{align-items:center;background:transparent;border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;margin:0;padding:12px 8px}.member-info{display:flex;flex-direction:column;gap:4px}.member-name{color:#111827;font-weight:600}.member-email{color:#6b7280;font-size:12px}.member-role{border-radius:3px;font-size:11px;font-weight:500;padding:2px 6px;text-transform:uppercase}.member-role.admin{background:#fef3c7;color:#92400e}.member-role.member{background:#e5e7eb;color:#374151}.member-role.creator{background:#10b981;color:#fff}.member-actions{position:relative}.member-actions .action-btn{background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:6px 10px}.member-actions .action-btn:hover{background:#f3f4f6}.member-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:200px;padding:6px;position:absolute;right:0;top:32px;z-index:10}.member-menu .menu-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px}.member-menu .menu-item:hover{background:#f9fafb}.menu-item .icon{color:#374151;height:18px;width:18px}.menu-item.danger,.menu-item.danger .icon{color:#dc2626}.action-rows{margin:12px 0 8px}.action-row{align-items:center;border-bottom:1px solid #eef2f7;cursor:pointer;display:flex;gap:12px;padding:12px 8px}.action-row .icon{color:#2563eb;height:22px;width:22px}.action-row .label{color:#111827;font-weight:500}.action-row.exit .icon,.action-row.exit .label{color:#ef4444}.add-members-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;margin:12px 0;max-height:500px;overflow:hidden}.panel-header{background:#f1f5f9}.panel-header h4{color:#1e293b;font-weight:600;margin:0}.close-btn{background:none;color:#64748b;font-size:24px;line-height:1;padding:4px}.close-btn:hover{color:#475569}.users-list{flex:1 1;overflow-y:auto;padding:0}.user-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;min-height:60px;padding:12px 20px}.user-item:hover{background:#f8fafc}.user-info{border-radius:6px;cursor:pointer;gap:2px;padding:4px 8px;transition:background-color .2s}.user-info:hover{background:#e2e8f0}.user-checkbox{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;height:18px;width:18px}.user-name{color:#1e293b;font-size:14px;line-height:1.4;margin:0}.user-email{color:#64748b;font-size:12px;line-height:1.3;margin:0}.loading,.no-users{color:#64748b;padding:20px;text-align:center}.panel-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 20px}.add-selected-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px;width:100%}.add-selected-btn:hover{background:#2563eb}.no-members{color:#6b7280;font-style:italic;padding:20px;text-align:center}.demote-btn,.edit-btn,.promote-btn,.remove-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.edit-btn{background:#3b82f6;color:#fff}.edit-btn:hover{background:#2563eb}.promote-btn{background:#10b981;color:#fff}.promote-btn:hover{background:#059669}.demote-btn{background:#f59e0b;color:#fff}.demote-btn:hover{background:#d97706}.remove-btn{background:#ef4444;color:#fff}.remove-btn:hover{background:#dc2626}.create-room-btn{background:#28a745!important;border:none!important;border-radius:8px;box-shadow:0 3px 6px rgba(40,167,69,.3);color:#fff!important;cursor:pointer;font-size:16px;font-weight:700;min-width:160px;padding:14px 28px;text-align:center;transition:all .2s ease;white-space:nowrap}.create-room-btn:hover{background:#218838!important;box-shadow:0 6px 12px rgba(40,167,69,.4);color:#fff!important;transform:translateY(-2px)}.room-management-content .close-button{background:#dc2626;border:none;border-radius:8px;box-shadow:0 3px 6px rgba(220,38,38,.3);color:#fff;cursor:pointer;font-size:16px;font-weight:400;min-width:100px;padding:14px 28px;text-align:center;transition:all .2s ease;white-space:nowrap}.room-management-content .close-button:hover{background:#b91c1c;box-shadow:0 6px 12px rgba(220,38,38,.4);transform:translateY(-2px)}.delete-button{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s}.delete-button:hover{background:#b91c1c}.delete-button:disabled{background:#9ca3af;cursor:not-allowed}.form-actions{margin-top:20px}.modal-actions{align-items:center;background:#fafafa;border-radius:0 0 12px 12px;gap:20px;margin:32px -24px -24px;padding:24px 20px}.add-member{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin:20px 0;padding:16px}.add-member-form{align-items:flex-end;display:flex;gap:12px}.add-member-form input{flex:1 1}.edit-room{background:#fefce8;border:1px solid #fde047;border-radius:8px}.clear-chats,.edit-room{margin:20px 0;padding:16px}.clear-chats{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px}.clear-chats p{color:#166534;font-size:14px;margin:0 0 16px}.clear-chats-button{background:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s}.clear-chats-button:hover{background:#047857}.clear-chats-button:disabled{background:#9ca3af;cursor:not-allowed}.delete-room{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:20px 0;padding:16px}.delete-room p{color:#991b1b;font-size:14px;margin:0 0 16px}@media (max-width:640px){.room-management-content{padding:16px;width:95%}.room-meta{flex-direction:column;gap:8px}.add-member-form{align-items:stretch;flex-direction:column}.form-actions,.modal-actions{flex-direction:column;gap:12px}.close-button,.create-room-btn{font-size:16px;min-width:auto;padding:16px 24px;width:100%}.modal-actions{margin-bottom:-16px;margin-left:-16px;margin-right:-16px;padding:20px 16px}.member-item{align-items:flex-start;flex-direction:column;gap:12px}.member-actions{justify-content:stretch;width:100%}.member-actions button{flex:1 1}}.delivery-status{align-items:center;display:inline-flex;font-size:12px;margin-left:8px;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:opacity .2s ease}.delivery-status:hover{opacity:1}.delivery-icon{font-size:14px;font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.delivery-count{font-size:10px;font-weight:500;margin-left:4px}.delivery-status.sending{opacity:.6}.delivery-status.sent{opacity:.7}.delivery-status.delivered{opacity:.8}.delivery-status.delivered-partial{opacity:.9}.delivery-status.read,.delivery-status.read-partial{opacity:1}.delivery-status{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:.8;transform:scale(1)}}@media (max-width:768px){.delivery-status{font-size:11px;margin-left:6px}.delivery-icon{font-size:12px}.delivery-count{font-size:9px}}.cost-cards-page{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px;width:100%}h1{color:#333;margin-bottom:24px;text-align:center}.cancel-btn,.create-btn,.submit-btn{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin:12px 0;padding:10px 16px;transition:background-color .2s ease}.cancel-btn{background-color:#999}.cancel-btn:hover,.create-btn:hover,.submit-btn:hover{background-color:#357ab8}.cost-cards-table{margin-top:16px}.cost-cards-table tbody tr:nth-child(2n){background:#fafafa}.error{color:#c00;margin-top:20px;text-align:center}.cost-card-form{background:#fff;border:1px solid #ddd;border-radius:6px;margin-top:16px;padding:24px}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-group label{color:#444;font-weight:600;margin-bottom:6px}.form-group input,.form-group select{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:8px 10px}.form-group input:focus,.form-group select:focus{border-color:#4a90e2;outline:none}.computed-field{margin-bottom:16px}.computed-input-container{align-items:center;display:flex}.wrench-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.2em;margin-left:8px}.formula-select{margin-top:8px;width:100%}.form-actions{margin-top:24px}.cost-cards-page .clickable-row{cursor:pointer}.cost-cards-page .clickable-row:hover{background-color:#f5f5f5}.formula-btn{background:transparent;border:none;cursor:pointer;font-size:1rem;margin-left:8px}.cc-narrow{max-width:560px;width:100%}.cc-subrow,.cc-subrows{margin-top:6px}.cc-subrow{align-items:center;display:flex;gap:12px}.cc-subrow label{color:#444;flex:0 0 320px;font-weight:600;margin:0}.cc-variance{font-weight:600;max-width:560px;width:100%}.cc-variance.positive{color:#b91c1c}.cc-variance.negative{color:#047857}.cc-variance.zero{color:#4b5563}.cc-excel-header{margin-top:12px}.cc-excel-row{grid-gap:0;align-items:stretch;border-bottom:1px solid #e5e7eb;display:grid;gap:0;grid-template-columns:repeat(4,1fr)}.cost-card-form .cc-excel-wrap{display:block;gap:0;padding:0}.cc-excel-row{border-left:1px solid #e5e7eb}.cc-excel-row>:last-child{border-right:1px solid #e5e7eb}.cc-excel-label{align-items:center;background:#fafafa;color:#444;display:flex;gap:8px}.cc-excel-head,.cc-excel-label{border-right:1px solid #e5e7eb;font-weight:600;padding:8px 10px}.cc-excel-head{background:#f3f4f6;border-bottom:1px solid #e5e7eb;color:#374151}.cc-excel-cell{align-items:center;border-right:1px solid #e5e7eb;display:flex}.cc-excel-input{background:#fff;border:none;font-size:1rem;padding:8px 10px;width:100%}.cc-excel-input[readonly]{background:#f8fafc;border:none;color:#2563eb}.cc-excel-variance{font-weight:600;padding:8px 10px}.cc-excel-variance.positive{color:#b91c1c}.cc-excel-variance.negative{color:#047857}.cc-excel-variance.zero{color:#4b5563}@media (max-width:768px){.cc-excel-header,.cc-excel-row{grid-template-columns:repeat(4,1fr)}}.cc-block{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:12px;overflow:hidden}.cc-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;justify-content:space-between;min-height:40px;padding:8px 12px}.cc-row:last-child{border-bottom:0}.cc-label-only{color:#444;font-weight:500}.cc-right{margin-left:auto;text-align:right}.cc-input-right{border:1px solid #cbd5e1;border-radius:4px;font-size:1rem}.cc-input-right,.cc-readonly{padding:8px 10px;text-align:right;width:100%}.cc-readonly{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#1f2937}.variance-cell{align-items:center;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;display:flex;justify-content:flex-end;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap;width:100%}.variance-cell.center{justify-content:center;text-align:center}.variance-cell.positive{color:#dc2626}.variance-cell.negative{color:#16a34a}.variance-cell.zero{color:#6b7280}.cc-select-value{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:4px;display:flex;gap:8px;justify-content:space-between;padding:8px 10px;width:100%}.cc-select-value select{background:transparent;border:none;flex:1 1 40%;min-width:40%;outline:none}.cc-select-number{flex:0 0 40%;min-width:40%;text-align:right;white-space:nowrap}.cc-variance-text{font-weight:600}.text-red-600{color:#dc2626}.text-green-600{color:#16a34a}.text-gray-600{color:#4b5563}.cc-line{grid-gap:12px;align-items:center;border-bottom:1px solid #e0e0e0;display:grid;gap:12px;grid-template-columns:30% 20% 25% 25%;padding:8px 12px}.cc-name{color:#444;font-weight:500}.cc-cell{align-items:center;display:flex}@media (max-width:768px){.cc-line{grid-auto-rows:minmax(40px,auto);grid-template-columns:1fr 1fr}}@media (max-width:480px){.cc-line{grid-template-columns:1fr}}.cc-two-col .cc-line{grid-template-columns:30% 70%!important}.cc-two-col .cc-line>.cc-cell:nth-child(3),.cc-two-col .cc-line>.cc-cell:nth-child(4){display:none!important}.cc-two-col .cc-input-right,.cc-two-col .cc-readonly,.cc-two-col .cc-select-number{text-align:left!important}.inline-formula-editor{background:#f9f9f9;border:1px solid #ccc;margin-top:4px;padding:8px}.inline-formula-editor textarea{font-family:monospace;height:4em;width:100%}.inline-formula-editor .fe-actions{margin-top:4px;text-align:right}.inline-formula-editor .fe-actions button{margin-left:4px}.cost-cards-outer{background:#f7f9fb;min-height:100vh;padding:32px 0}.cost-cards-card{background:#fff;border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,.07);margin:0 auto;max-width:1000px;padding:32px 28px 24px;position:relative}.cost-card-form .form-group{align-items:center;display:flex;flex-direction:row;gap:12px}.cost-card-form .form-group label{color:#444;flex:0 0 320px;font-weight:600;margin:0;max-width:100%}.cost-card-form .form-group .period-picker,.cost-card-form .form-group input,.cost-card-form .form-group select,.cost-card-form .form-group textarea{flex:1 1 auto;width:100%}.cost-card-form .form-group .period-picker{align-items:center;display:flex;gap:8px}.cost-card-form .form-group .formula-btn{flex:0 0 auto;margin-left:8px}@media (max-width:480px){.cost-card-form .form-group{gap:8px}.cost-card-form .form-group label{flex-basis:180px}}.cost-cards-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.prominent{background:#2563eb;box-shadow:0 2px 8px rgba(37,99,235,.08);font-size:1.1rem;font-weight:600;margin:0;padding:12px 22px}.cost-cards-controls{flex-wrap:wrap;justify-content:flex-start;margin-bottom:18px}.cost-cards-controls,.search-controls{align-items:center;display:flex;gap:20px}.item-count{color:#555;font-weight:500;white-space:nowrap}.sort-controls{align-items:center;display:flex;white-space:nowrap}.sort-controls label{color:#555;font-weight:500;margin-right:8px}.search-bar{background:#f9fafb;border:1px solid #cbd5e1;border-radius:6px;font-size:1rem;min-width:220px;padding:8px 14px;transition:border .2s}.search-bar:focus{border:1.5px solid #2563eb;outline:none}.cost-cards-meta{align-items:center;display:flex;font-size:1rem;gap:8px}.cost-cards-table-container{-webkit-overflow-scrolling:touch;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.03);overflow-x:auto;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.cost-cards-table-container::-webkit-scrollbar{height:8px}.cost-cards-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.cost-cards-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.cost-cards-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cost-cards-table{background:#fff;border-collapse:collapse;min-width:600px;width:100%}.cost-cards-table td,.cost-cards-table th{border-bottom:1px solid #e0e0e0;padding:12px 8px;white-space:nowrap}.cost-cards-table td:first-child{min-width:40px;white-space:normal}.cost-cards-table td:nth-child(2){word-wrap:break-word;max-width:300px;min-width:200px;white-space:normal}.cost-cards-table td:nth-child(3){min-width:120px}.cost-cards-table td:nth-child(4),.cost-cards-table td:nth-child(5),.cost-cards-table td:nth-child(6){min-width:100px;text-align:right}.cost-cards-table td:last-child{min-width:80px;text-align:center}.cost-cards-table th{background:#f5f5f5;color:#555;font-weight:600;position:sticky;text-align:left;top:0;z-index:1}.cost-cards-table th:nth-child(4),.cost-cards-table th:nth-child(5),.cost-cards-table th:nth-child(6){text-align:right}.cost-cards-table th:last-child{text-align:center}.cost-cards-table tbody tr:nth-child(2n){background:#f9f9f9}.icon-btn{background:none;border:none;border-radius:4px;cursor:pointer;margin:0 2px;padding:4px;transition:background-color .2s}.icon-btn:hover{background-color:rgba(0,0,0,.1)}.edit-btn{color:#007bff}.icon-edit:before{color:#007bff;content:"\270E";font-size:1.15em}.icon-delete:before{color:#ef4444;content:"\2716";font-size:1.15em}.info-tooltip{color:#888;cursor:help;font-size:1em;margin-left:4px}.cost-cards-loading{align-items:center;display:flex;justify-content:center;min-height:120px}.spinner{border:4px solid #e5e7eb;border-top-color:#2563eb;height:32px;width:32px}.toast{animation:fadeInOut 2.5s;background:#2563eb;border-radius:8px;box-shadow:0 2px 8px rgba(37,99,235,.13);color:#fff;font-size:1rem;left:50%;padding:12px 28px;position:fixed;top:24px;transform:translateX(-50%);z-index:9999}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.empty-state{color:#888;font-size:1.1rem;padding:40px 0 30px}.modal-overlay{background:rgba(0,0,0,.18);z-index:10000}.modal{background:#fff;border-radius:10px;box-shadow:0 4px 24px rgba(0,0,0,.13);max-width:90vw;min-width:320px;padding:32px 28px 24px;text-align:center}.modal-actions{gap:18px;justify-content:center;margin-top:24px}.cost-cards-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);box-sizing:border-box;margin:0 auto;max-width:1200px;padding:24px;width:100%}@media (max-width:768px){.cost-cards-page{padding:16px}.cost-cards-container{padding:20px}.cost-cards-table{min-width:500px}.cost-cards-table td:nth-child(2){max-width:150px}.cost-cards-controls{align-items:stretch}.cost-cards-controls,.search-controls{flex-direction:column;gap:12px}.sort-controls{justify-content:center}.modal{margin:20px;min-width:90vw}}@media (max-width:480px){.cost-cards-page{padding:12px}.cost-cards-container{border-radius:6px;padding:16px}.cost-cards-table{font-size:.9rem;min-width:400px}.cost-cards-table td,.cost-cards-table th{padding:8px 6px}.cost-cards-table td:nth-child(2){font-size:.85rem;max-width:120px}.cost-cards-table td:nth-child(4),.cost-cards-table td:nth-child(5),.cost-cards-table td:nth-child(6){font-size:.85rem;min-width:80px}.cost-cards-header-row{align-items:stretch;flex-direction:column;gap:12px}.create-btn{text-align:center;width:100%}h1{font-size:1.5rem;margin-bottom:16px}.item-count{text-align:center}.search-bar{min-width:auto;width:100%}.modal{margin:10px;min-width:95vw;padding:24px 20px 20px}}@media (max-width:320px){.cost-cards-table{font-size:.8rem;min-width:300px}.cost-cards-table td,.cost-cards-table th{padding:6px 4px}.cost-cards-table td:nth-child(2){font-size:.75rem;max-width:100px}.cost-cards-table td:nth-child(4),.cost-cards-table td:nth-child(5),.cost-cards-table td:nth-child(6){font-size:.75rem;min-width:70px}}.template-picker{padding:2rem}.template-picker__header{margin-bottom:2rem;text-align:center}.template-picker__title{font-size:2.25rem;margin-bottom:.5rem}.template-picker__subtitle{color:#555;margin-bottom:1rem}.template-picker__new-btn{background-color:#007bff;border:none;border-radius:.3rem;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background-color .2s ease}.template-picker__new-btn:hover{background-color:#0056b3}.template-picker__section-title{color:#333;font-size:1.5rem;margin:1.5rem 0 1rem}.template-picker__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.template-card{background:#fff;border:1px solid #ddd;border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;flex-direction:column;justify-content:space-between;padding:1rem;transition:box-shadow .2s,transform .1s}.template-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.template-card--custom{background-color:#f8fff8;border:2px dashed #28a745}.template-card__title{font-size:1.25rem;margin-bottom:.5rem}.template-card__description{color:#555;flex-grow:1;margin-bottom:1rem}.template-card__actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.template-card__action{background-color:#0069d9;border:none;border-radius:.3rem;color:#fff;cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:background-color .2s}.template-card__action:hover{background-color:#0056b3}.template-card__action--customize{background-color:#28a745}.template-card__action--customize:hover{background-color:#218838}.template-card__action--edit{background-color:#28a745}.template-card__action--edit:hover{background-color:#e0a800}.template-card__action--delete{background-color:#dc3545}.template-card__action--delete:hover{background-color:#c82333}.template-picker__loading{color:#777;font-size:1.1rem;text-align:center}.create-custom-template{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);font-family:sans-serif;margin:2rem auto;max-width:600px;padding:1.5rem}.create-custom-template h1{color:#333;font-size:1.75rem;margin-bottom:1.5rem;text-align:center}.form-row{align-items:center;display:flex;margin-bottom:1rem}.form-row label{color:#555;font-weight:700;width:150px}.form-row input,.form-row select{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:1rem;padding:.5rem}.form-row input:focus,.form-row select:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.2);outline:none}hr{border:none;border-top:1px solid #eee;margin:1.5rem 0}.fields-list{list-style:none;margin-bottom:1.5rem;padding:0}.fields-list li{background:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:.5rem;padding:1rem;transition:background .2s}.fields-list li:last-child{margin-bottom:0}.add-field-box{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.add-field-box h3{color:#333;font-size:1.25rem;margin-bottom:1rem;margin-top:0}.add-field-row{align-items:center;display:flex;gap:1rem;margin-bottom:.8rem}.small-input{width:30%}.large-input{flex:1 1}.btn-add{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1rem}.btn-add:hover{background:#0056b3}.btn-add-option{background:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:.5rem;padding:.4rem .8rem}.btn-add-option:hover{background:#138496}.option-table{border-collapse:collapse;margin-bottom:.5rem;width:100%}.option-table td,.option-table th{border:1px solid #ccc;padding:.4rem;text-align:left}.option-table th{background:#f1f1f1}.formula-preview{background:#eef;border-radius:4px;font-family:monospace;margin-top:.5rem;padding:.4rem}.form-actions{gap:.8rem;margin-top:1rem}.btn-cancel,.btn-save{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#5a6268}.btn-save{background:#28a745;color:#fff}.btn-save:hover{background:#218838}.contacts-page{background:#f8fafc;min-height:100vh;padding:1rem;width:100%}.contacts-header{margin-bottom:2rem}.contacts-header h1{color:#1a202c;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.contacts-header p{color:#718096;font-size:1.1rem;margin:0}.contacts-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:0}.tab-button{align-items:center;background:transparent;border:none;border-bottom:3px solid transparent;color:#718096;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem;position:relative;transition:all .2s ease}.tab-button:hover{background-color:#f7fafc;color:#4299e1}.tab-button.active{background-color:#f7fafc;border-bottom-color:#2b6cb0;color:#2b6cb0}.tab-icon{font-size:1.2rem}.tab-label{font-weight:600}.contacts-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);overflow:hidden;width:100%}@media (max-width:1024px){.contacts-page{padding:.75rem}.contacts-header h1{font-size:2.25rem}}@media (max-width:768px){.contacts-page{padding:.5rem}.contacts-header h1{font-size:1.75rem}.contacts-header p{font-size:1rem}.contacts-tabs{flex-direction:column;gap:0;margin-bottom:1rem}.tab-button{border-bottom:1px solid #e2e8f0;border-radius:0;justify-content:flex-start;padding:.75rem 1rem}.tab-button.active{border-bottom-color:#2b6cb0;border-left:3px solid #2b6cb0}}@media (max-width:480px){.contacts-page{padding:.25rem}.contacts-header{margin-bottom:1rem}.contacts-header h1{font-size:1.5rem}.contacts-header p,.tab-button{font-size:.9rem}.tab-button{padding:.5rem .75rem}.tab-icon{font-size:1rem}}.contacts-empty{color:#718096;padding:4rem 2rem;text-align:center}.contacts-empty h3{font-size:1.5rem;margin:0 0 1rem}.contacts-empty p{font-size:1rem;margin:0 0 2rem}.contacts-error,.contacts-success{margin:1rem 0}.supplier-form{padding:1.5rem}@media (max-width:480px){.modal-overlay{padding:.25rem}.modal-content{border-radius:8px;max-width:98vw}.modal-header{padding:1rem}.modal-header h2{font-size:1.25rem}.supplier-form{padding:1rem}.form-section{margin-bottom:1.5rem}.form-section h3{font-size:1rem}}.import-wizard{max-height:90vh;max-width:900px;width:95vw}.wizard-content{padding:1.5rem}.step-indicator{display:flex;justify-content:center;margin-bottom:2rem;position:relative}.step-indicator:before{background:#e2e8f0;content:"";height:2px;left:10%;position:absolute;right:10%;top:20px;z-index:1}.step{align-items:center;background:#fff;display:flex;flex-direction:column;padding:0 1rem;position:relative;z-index:2}.step-number{background:#e2e8f0;color:#718096;height:40px;margin-bottom:.5rem;transition:all .3s ease;width:40px}.step.active .step-number{background:#3182ce;color:#fff}.step-label{color:#718096;font-size:.875rem;font-weight:500}.step.active .step-label{color:#3182ce}.step-description{color:#718096;margin-bottom:2rem;text-align:center}.upload-step{text-align:center}.file-upload-area{margin-bottom:2rem}.file-upload-label{background:#f8fafc;border:2px dashed #cbd5e0;border-radius:12px;cursor:pointer;display:block;padding:3rem 2rem;transition:all .3s ease}.file-upload-label:hover{background:#f0f9ff;border-color:#3182ce}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-text{color:#4a5568;font-size:1.125rem;margin-bottom:.5rem}.upload-subtext{color:#718096;font-size:.875rem}.file-selected{align-items:center;background:#f0f9ff;border:1px solid #3182ce;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.file-icon{font-size:1.5rem}.file-name{color:#2d3748}.file-size{color:#718096;font-size:.875rem}.expected-format{background:#f8fafc;border-radius:8px;margin-top:2rem;padding:1.5rem;text-align:left}.expected-format h4{color:#2d3748;font-size:1rem;margin:0 0 1rem}.format-example{overflow-x:auto}.format-example table{border-collapse:collapse;font-size:.875rem;width:100%}.format-example td,.format-example th{border:1px solid #e2e8f0;padding:.5rem;text-align:left}.format-example th{background:#e2e8f0;color:#4a5568;font-weight:600}.format-example td{background:#fff}.preview-step{text-align:left}.import-stats{margin-bottom:2rem}.import-stats h4{color:#2d3748;margin:0 0 1rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;text-align:center}.stat-number{color:#3182ce;display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#718096;font-size:.875rem}.warnings{background:#fef5e7;border:1px solid #f6ad55;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.warnings h4{margin:0 0 .5rem}.warnings h4,.warnings ul{color:#c05621;font-size:.875rem}.warnings ul{margin:0;padding-left:1.25rem}.errors{background:#fed7d7;border:1px solid #fc8181;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.errors h4{margin:0 0 .5rem}.errors h4,.errors ul{color:#c53030;font-size:.875rem}.errors ul{margin:0;padding-left:1.25rem}.preview-sample{margin-bottom:1.5rem}.preview-sample h4{color:#2d3748;margin:0 0 1rem}.sample-table{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.sample-table table{border-collapse:collapse;font-size:.875rem;width:100%}.sample-table td,.sample-table th{border-bottom:1px solid #e2e8f0;padding:.75rem;text-align:left}.sample-table th{background:#f8fafc;color:#4a5568;font-weight:600}.action-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.action-badge.create{background:#c6f6d5;color:#22543d}.action-badge.update{background:#bee3f8;color:#2a4365}.action-badge.skip{background:#fbb6ce;color:#702459}.completion-step{padding:2rem 0;text-align:center}.success-icon{font-size:4rem;margin-bottom:1rem}.completion-step h3{color:#2d3748;font-size:1.5rem;margin:0 0 2rem}.final-stats{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.errors-note{background:#fef5e7;border:1px solid #f6ad55;border-radius:8px;color:#c05621;font-size:.875rem;padding:1rem}.wizard-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}@media (max-width:1024px){.import-wizard{max-width:95vw;width:95vw}}@media (max-width:768px){.import-wizard{margin:.25rem;max-width:98vw;width:98vw}.wizard-content{padding:1rem}.step-indicator{margin-bottom:1.5rem}.step{padding:0 .5rem}.step-number{font-size:.875rem;height:32px;width:32px}.step-label{font-size:.75rem}.file-upload-label{padding:2rem 1rem}.upload-icon{font-size:2rem}.upload-text{font-size:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.final-stats{flex-direction:column;gap:1rem}.wizard-actions{flex-direction:column;gap:.75rem}.btn{justify-content:center;width:100%}}@media (max-width:480px){.import-wizard{margin:.1rem;max-width:99vw;width:99vw}.wizard-content{padding:.75rem}.step-number{font-size:.8rem;height:28px;width:28px}.step-label{font-size:.7rem}.file-upload-label{padding:1.5rem .75rem}.upload-icon{font-size:1.5rem}.upload-text{font-size:.9rem}.stats-grid{gap:.5rem;grid-template-columns:1fr}.stat-item{padding:.75rem}.stat-number{font-size:1.5rem}}.suppliers-table{padding:0;width:100%}.header-filters{align-items:center;border-left:1px solid #e2e8f0;display:flex;gap:.5rem;margin-left:1rem;padding-left:1rem}.search-container{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;min-width:200px;position:relative;transition:border-color .2s ease}.search-container:focus-within{border-color:#3182ce;box-shadow:0 0 0 3px rgba(49,130,206,.1)}.search-container .search-input{background:transparent;border:none;font-size:.875rem;min-width:160px;outline:none;padding:.5rem .75rem;width:100%}.search-container .search-input:focus{box-shadow:none}.data-table tr.archived{opacity:.6}.supplier-name{font-weight:500}.status-badge.archived{background:#fed7d7;color:#742a2a}@media (max-width:1200px){.table-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{flex-wrap:wrap;justify-content:center}.header-filters{border-left:none;border-top:1px solid #e2e8f0;justify-content:center;margin-left:0;margin-top:.75rem;padding-left:0;padding-top:.75rem}.search-container{min-width:180px}}@media (max-width:768px){.table-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.header-actions{flex-wrap:wrap;gap:.5rem;justify-content:center}.header-filters{align-items:stretch;flex-direction:column;gap:.5rem}.search-container{min-width:auto;width:100%}.filter-group{align-items:stretch;flex-direction:column;gap:.75rem}.filter-select,.search-input{min-width:auto;width:100%}.data-table{font-size:.8rem}.data-table td,.data-table th{padding:.5rem}.data-table td:first-child,.data-table th:first-child{display:none}.pagination{flex-direction:column;gap:.75rem}.empty-actions{align-items:center;flex-direction:column}.btn{font-size:.8rem;padding:.4rem .8rem}}.modal-content{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-width:700px}.modal-header{border-bottom:1px solid #e2e8f0}.modal-header h2{color:#2d3748;font-size:1.5rem;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#718096;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.close-button:hover{background:#f7fafc;color:#4a5568}.customer-form{padding:1.5rem}.form-section{margin-bottom:2rem}.form-section h3{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:1.125rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.role-contacts{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.role-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.role-group h4{color:#4a5568;font-size:1rem;font-weight:600;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.section-header h3{border:none;margin:0;padding:0}.form-group{margin-bottom:1rem}.form-group label{color:#4a5568}.required{color:#e53e3e}.form-group input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus{border-color:#3182ce;box-shadow:0 0 0 3px rgba(49,130,206,.1);outline:none}.form-group input.error{border-color:#e53e3e}.form-group input.error:focus{box-shadow:0 0 0 3px rgba(229,62,62,.1)}.field-help{color:#718096}.field-error,.field-help{display:block;font-size:.75rem;margin-top:.25rem}.field-error{color:#e53e3e}.error-message{background:#fed7d7;border-left:4px solid #e53e3e;border-radius:6px;color:#c53030;margin-bottom:1rem;padding:1rem}.form-row{grid-template-columns:1fr 1fr 1fr}.other-contact{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;padding:1rem}.contact-header{align-items:center;color:#4a5568;display:flex;font-weight:500;justify-content:space-between;margin-bottom:1rem}.remove-button{background:#fed7d7;border:none;border-radius:4px;color:#c53030;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:background-color .2s ease}.remove-button:hover{background:#feb2b2}.empty-contacts{background:#f8fafc;border:2px dashed #cbd5e0;border-radius:8px;color:#718096;padding:2rem;text-align:center}.empty-contacts p{margin:0}.form-actions{gap:1rem}.btn{padding:.75rem 1.5rem}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary:hover:not(:disabled){background:#2c5282}.btn-secondary:hover:not(:disabled){background:#cbd5e0}.btn-sm{font-size:.8rem;padding:.5rem 1rem}@media (max-width:1024px){.modal-content{max-width:90vw}}@media (max-width:768px){.modal-overlay{padding:.5rem}.modal-content{max-height:95vh;max-width:95vw}.form-row{gap:.5rem;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{justify-content:center;width:100%}}@media (max-width:480px){.modal-overlay{padding:.25rem}.modal-content{border-radius:8px;max-width:98vw}.modal-header{padding:1rem}.modal-header h2{font-size:1.25rem}.customer-form{padding:1rem}.form-section{margin-bottom:1.5rem}.form-section h3{font-size:1rem}}.customers-table{padding:0;width:100%}.table-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem}.header-left h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.header-actions{align-items:center;gap:.75rem}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.btn-primary{background:#3182ce}.btn-primary:hover{background:#2c5282}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover{background:#cbd5e0}.btn-danger{background:#e53e3e;color:#fff}.btn-danger:hover{background:#c53030}.btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.25rem;transition:background-color .2s ease}.btn-icon:hover{background:#f7fafc}.btn-icon.delete-btn:hover{background:#fed7d7;color:#c53030}.table-filters{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.search-input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:.875rem;min-width:200px;padding:.5rem .75rem}.search-input:focus{border-color:#3182ce;box-shadow:0 0 0 3px rgba(49,130,206,.1);outline:none}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;min-width:120px;padding:.5rem .75rem}.filter-select:focus{border-color:#3182ce;box-shadow:0 0 0 3px rgba(49,130,206,.1);outline:none}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;font-size:.875rem;width:100%}.data-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#4a5568;font-weight:600;padding:.75rem;text-align:left;white-space:nowrap}.data-table td{border-bottom:1px solid #f1f5f9;padding:.75rem;vertical-align:top}.data-table tr:hover{background:#f8fafc}.checkbox-col{text-align:center;width:40px}.checkbox-col input[type=checkbox]{height:16px;width:16px}.name-cell{color:#2d3748}.customer-name,.name-cell{font-weight:500}.primary-contact{display:flex;flex-direction:column;gap:.25rem}.contact-name{color:#4a5568;font-weight:500}.contact-email,.contact-phone{color:#718096;font-size:.875rem}.email-link,.phone-link{color:#3182ce;text-decoration:none}.email-link:hover,.phone-link:hover{text-decoration:underline}.role-contact{font-size:.875rem}.role-contact .contact-name{color:#2d3748;font-weight:500;margin-bottom:2px}.role-contact .contact-phone{margin-bottom:2px}.role-contact .contact-phone a{align-items:center;color:#3182ce;display:inline-flex;gap:4px;text-decoration:none}.role-contact .contact-phone a:hover{text-decoration:underline}.role-contact .contact-email a{color:#3182ce;text-decoration:none}.role-contact .contact-email a:hover{text-decoration:underline}.status-badge{border-radius:12px}.status-badge.active{background:#c6f6d5;color:#22543d}.actions-col{text-align:center;width:100px}.action-buttons{display:flex;gap:.5rem;justify-content:center}.delete-btn,.edit-btn{background:none;border:none;border-radius:4px;color:#007bff;cursor:pointer;font-size:.875rem;margin:0 2px;padding:4px;transition:background-color .2s}.edit-btn:hover{background-color:rgba(0,123,255,.1)}.delete-btn{color:#ef4444}.delete-btn:hover{background-color:rgba(239,68,68,.1)}.empty-state{padding:3rem}.contacts-empty h3{color:#4a5568;font-size:1.25rem;margin:0 0 .5rem}.contacts-empty p{color:#718096;margin:0 0 1.5rem}.empty-actions,.pagination{display:flex;gap:1rem;justify-content:center}.pagination{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;padding:1.5rem}.pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#9ca3af}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#6b7280;font-size:.875rem;font-weight:500}@media (max-width:1200px){.table-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{flex-wrap:wrap;justify-content:center}}@media (max-width:768px){.table-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.header-actions{flex-wrap:wrap;gap:.5rem;justify-content:center}.filter-group{align-items:stretch;flex-direction:column;gap:.75rem}.filter-select,.search-input{min-width:auto;width:100%}.data-table{font-size:.8rem}.data-table td,.data-table th{padding:.5rem}.data-table td:first-child,.data-table th:first-child{display:none}.pagination{flex-direction:column;gap:.75rem}.empty-actions{align-items:center;flex-direction:column}.btn{font-size:.8rem;padding:.4rem .8rem}}@media (max-width:480px){.table-header{padding:.75rem}.header-left h2{font-size:1.25rem}.header-actions{flex-direction:column;width:100%}.btn{justify-content:center;width:100%}.filter-group{gap:.5rem}.data-table{font-size:.75rem}.data-table td,.data-table th{padding:.25rem}.data-table td:nth-child(3),.data-table td:nth-child(4),.data-table th:nth-child(3),.data-table th:nth-child(4){display:none}.action-buttons{flex-direction:column;gap:.25rem}}.contacts-loading{align-items:center;color:#718096;display:flex;justify-content:center;padding:4rem}.contacts-error{background:#fed7d7;border-left:4px solid #e53e3e;color:#c53030}.contacts-error,.contacts-success{border-radius:8px;margin:1rem 1.5rem;padding:1rem}.contacts-success{background:#c6f6d5;border-left:4px solid #38a169;color:#2f855a}.m3-create-okr-page{background:var(--m3-surface-variant);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:960px;min-height:100vh;padding:32px 24px 48px}.m3-create-okr-header{margin-bottom:32px}.m3-icon-button{font-size:18px}@media (max-width:768px){.m3-create-okr-page{padding:16px 12px 32px}.m3-form-card{padding:16px}.m3-form-grid,.m3-kr-meta-grid{gap:16px;grid-template-columns:1fr}.m3-kr-checkbox-field{align-items:flex-start}.m3-form-actions{flex-direction:column-reverse}.m3-form-actions .m3-button{justify-content:center;width:100%}}.m3-edit-okr-page{background:var(--m3-surface-variant);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:960px;min-height:100vh;padding:32px 24px 48px}.m3-edit-okr-header{margin-bottom:32px}.m3-page-title{color:#1a1a1a;font-size:var(--m3-title-large);font-weight:var(--m3-weight-semibold);margin:0}.m3-form-card{background:var(--m3-surface);border-radius:var(--m3-radius-card);box-shadow:var(--m3-elevation-1);margin-bottom:32px;padding:24px}.m3-card-title{color:#1a1a1a;font-size:var(--m3-title-medium);font-weight:var(--m3-weight-semibold);margin:0 0 24px}.m3-form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.m3-field-group{display:flex;flex-direction:column;gap:8px}.m3-field-full{grid-column:1/-1}.m3-field-label{color:#666;font-size:var(--m3-label-medium);font-weight:var(--m3-weight-medium)}.m3-text-field{background:var(--m3-surface);border:1px solid var(--m3-outline);border-radius:var(--m3-radius-field);box-sizing:border-box;font-size:var(--m3-body-medium);padding:12px 16px;transition:border-color var(--m3-transition-standard);width:100%}.m3-text-field:focus{border-color:var(--m3-primary);border-width:2px;outline:none}.m3-text-field:hover{border-color:var(--m3-outline-variant)}.m3-text-field:disabled{background:var(--m3-surface-variant);color:#999;cursor:not-allowed}.m3-date-input-wrapper{align-items:center;display:flex;position:relative}.m3-date-input-wrapper .m3-text-field{padding-right:40px}.m3-date-icon{font-size:16px;pointer-events:none;position:absolute;right:12px}.m3-owner-row{align-items:center;display:flex;gap:8px}.m3-owner-row .m3-text-field{flex:1 1}.m3-add-owner-btn{margin-top:8px}.m3-segmented-buttons{background:var(--m3-surface-variant);border-radius:var(--m3-radius-field);display:flex;gap:4px;padding:4px}.m3-segmented-button{background:transparent;border:none;border-radius:var(--m3-radius-field);color:#666;cursor:pointer;flex:1 1;font-size:var(--m3-label-medium);font-weight:var(--m3-weight-medium);padding:8px 16px;transition:all var(--m3-transition-standard)}.m3-segmented-button:hover{background:var(--m3-surface)}.m3-segmented-button.active{background:var(--m3-primary-container);color:var(--m3-primary);font-weight:var(--m3-weight-semibold)}.m3-period-inputs{display:flex;gap:8px}.m3-period-inputs .m3-text-field{flex:1 1}.m3-status-chip-readonly{align-items:center;border:1px solid;border-radius:var(--m3-radius-chip);display:inline-flex;font-size:var(--m3-label-medium);font-weight:var(--m3-weight-medium);gap:6px;padding:6px 12px;width:fit-content}.m3-progress-readonly{color:#1a1a1a;font-size:var(--m3-body-large);font-weight:var(--m3-weight-semibold);padding:8px 0}.m3-score-slider-container{display:flex;flex-direction:column;gap:8px}.m3-score-labels{color:#666;display:flex;font-size:var(--m3-label-small);justify-content:space-between;padding:0 4px}.m3-score-slider{appearance:none;background:var(--m3-surface-variant);border-radius:2px;height:4px;outline:none;width:100%}.m3-score-slider::-webkit-slider-thumb{appearance:none;background:var(--m3-primary);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:pointer;height:20px;-webkit-transition:all var(--m3-transition-standard);transition:all var(--m3-transition-standard);width:20px}.m3-score-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 8px rgba(0,0,0,.3);transform:scale(1.1)}.m3-score-slider::-moz-range-thumb{background:var(--m3-primary);border:none;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:pointer;height:20px;-moz-transition:all var(--m3-transition-standard);transition:all var(--m3-transition-standard);width:20px}.m3-score-slider::-moz-range-thumb:hover{box-shadow:0 4px 8px rgba(0,0,0,.3);transform:scale(1.1)}.m3-score-display{color:#1a1a1a;font-size:var(--m3-body-medium);font-weight:var(--m3-weight-medium);padding:4px 0}.m3-helper-text{color:#666;font-size:var(--m3-label-small);margin:4px 0 0}.m3-kr-form-row{border-bottom:1px solid var(--m3-outline-variant);display:flex;flex-direction:column;gap:16px;padding:24px 0}.m3-kr-form-row:last-of-type{border-bottom:none}.m3-kr-description-field{width:100%}.m3-kr-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.m3-kr-meta-grid{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:180px 200px 200px 80px}.m3-kr-meta-field{display:flex;flex-direction:column;gap:8px}.m3-kr-checkbox-field{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:8px}.m3-checkbox{accent-color:var(--m3-primary);cursor:pointer;height:20px;width:20px}.m3-add-kr-btn{margin-top:16px}.m3-icon-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;padding:8px;transition:all var(--m3-transition-standard);width:32px}.m3-icon-button:hover{background:var(--m3-surface-variant);color:var(--m3-primary)}.m3-icon-button-danger:hover{color:var(--m3-error)}.m3-button{align-items:center;border:none;border-radius:var(--m3-radius-field);cursor:pointer;display:inline-flex;font-size:var(--m3-label-medium);font-weight:var(--m3-weight-medium);gap:8px;min-height:40px;padding:10px 24px;transition:all var(--m3-transition-standard)}.m3-button-filled{background:var(--m3-primary);color:#fff}.m3-button-filled:hover{background:#0a4fb8;box-shadow:var(--m3-elevation-2)}.m3-button-text{background:transparent;color:var(--m3-primary)}.m3-button-text:hover{background:var(--m3-surface-variant)}.m3-form-actions{border-top:1px solid var(--m3-outline-variant);display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.m3-center-message{color:#666;font-size:var(--m3-body-large);padding:48px 24px;text-align:center}.m3-center-message.m3-error{color:var(--m3-error)}@media (max-width:768px){.m3-edit-okr-page{padding:16px 12px 32px}.m3-form-card{padding:16px}.m3-form-grid,.m3-kr-meta-grid{gap:16px;grid-template-columns:1fr}.m3-kr-checkbox-field{align-items:flex-start}.m3-form-actions{flex-direction:column-reverse}.m3-form-actions .m3-button{justify-content:center;width:100%}}.zoomable-image-container{display:inline-block;position:relative;text-align:center}.zoom-controls{left:10px;position:absolute;top:10px;z-index:2}.zoom-button{background-color:#004080;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;margin:5px;padding:5px 10px}.zoom-button:hover{background-color:#06c}.image-wrapper{display:inline-block;transition:transform .25s ease}.image-wrapper img{height:auto;max-width:100%}.workflow-automations{background-color:#f8fafc;box-sizing:border-box;margin:0 auto;max-width:100%;min-height:100vh;padding:24px;width:100%}.page-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:24px;padding:32px}.header-content{align-items:flex-start;display:flex;gap:24px;justify-content:space-between}.header-text{flex:1 1}.page-title{color:#1e293b;font-size:32px;font-weight:700;margin:0 0 8px}.page-subtitle{color:#64748b;font-size:16px;line-height:1.5;margin:0}.header-actions{display:flex;gap:12px}.health-check-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.health-check-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.health-check-btn:disabled{background:#94a3b8;cursor:not-allowed}.btn-icon{height:16px;width:16px}.breadcrumbs{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px;margin-bottom:24px}.breadcrumbs span{position:relative}.breadcrumbs span:not(:last-child):after{color:#cbd5e1;content:">";margin-left:8px}.breadcrumbs .current{color:#1e293b;font-weight:500}.tab-navigation{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;gap:4px;margin-bottom:24px;padding:4px}.tab-btn{background:transparent;border:none;border-radius:6px;color:#64748b;flex:1 1;padding:12px 16px;transition:all .2s}.tab-btn:hover{background:#f1f5f9;color:#475569}.tab-btn.active,.tab-content{box-shadow:0 1px 3px rgba(0,0,0,.1)}.tab-content{padding:32px}.intro-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:32px;padding:24px}.intro-card h2{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 12px}.markdown-content p{color:#475569;line-height:1.6;margin:0}.markdown-content strong{color:#1e293b;font-weight:600}.workflows-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.workflow-card{background:#f8fafc;border:1px solid #e2e8f0;padding:24px;transition:all .2s}.workflow-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.15)}.workflow-header{display:flex;gap:16px;margin-bottom:20px}.workflow-icon{align-items:center;background:#3b82f6;border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.workflow-icon svg{height:24px;width:24px}.workflow-info{flex:1 1}.workflow-name{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.workflow-description{color:#64748b;font-size:14px;line-height:1.5;margin:0}.workflow-actions{flex-wrap:wrap;gap:8px;margin-bottom:24px}.workflow-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.workflow-action-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.action-icon{height:14px;width:14px}.workflow-progress{display:flex;flex-direction:column;gap:16px}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.panel-header{align-items:center;background:#f8fafc;border:none;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s;width:100%}.panel-header:hover{background:#f1f5f9}.panel-title{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.panel-help{font-size:12px;font-weight:400}.panel-chevron,.panel-help{color:#64748b}.panel-chevron svg{height:16px;width:16px}.panel-content{display:flex;flex-direction:column;gap:16px;padding:20px}.progress-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.progress-header{margin-bottom:12px}.progress-title{color:#1e293b;font-size:14px;font-weight:600;margin:0}.progress-target{background:#e2e8f0;border-radius:4px;color:#64748b;font-size:12px;padding:4px 8px}.progress-bar-container{align-items:center;display:flex;gap:12px;margin-bottom:12px}.progress-bar{background:#e2e8f0;flex:1 1}.progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.progress-percentage{color:#475569;font-size:12px;font-weight:600;min-width:40px}.acceptance-list{list-style:none;margin:0;padding:0}.acceptance-item{align-items:flex-start;color:#475569;display:flex;font-size:12px;gap:8px;margin-bottom:4px}.acceptance-icon{color:#10b981;flex-shrink:0;height:12px;margin-top:2px;width:12px}.panel-list-item{align-items:flex-start;color:#475569;display:flex;font-size:14px;gap:8px;line-height:1.5}.list-icon{color:#10b981;flex-shrink:0;height:16px;margin-top:2px;width:16px}.attachments-tab{gap:32px}.attachments-tab,.documents-tab{display:flex;flex-direction:column}.documents-tab{gap:24px}.documents-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.documents-header h2{color:#0f172a;font-size:24px;margin:0 0 6px}.documents-header p{color:#475569;font-size:14px;margin:0}.documents-actions{align-items:center;display:flex;gap:12px}.new-document-btn,.refresh-document-btn{align-items:center;border:1px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.new-document-btn{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.new-document-btn:hover{background:#1e40af;border-color:#1e40af}.refresh-document-btn{background:#e2e8f0;color:#0f172a}.refresh-document-btn:hover{background:#cbd5f5}.documents-error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.documents-loading-state{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.spinner{animation:spinner-rotate .8s linear infinite;border:3px solid #cbd5f5;border-radius:50%;border-top-color:#1d4ed8;height:28px;width:28px}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.documents-empty-state{align-items:center;background:#f8fafc;border:1px dashed #cbd5f5;border-radius:12px;color:#475569;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 16px;text-align:center}.documents-empty-state .empty-icon{color:#94a3b8;height:40px;width:40px}.documents-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.documents-table{border-collapse:collapse;width:100%}.documents-table thead{background:#f1f5f9}.documents-table td,.documents-table th{border-bottom:1px solid #e2e8f0;color:#1f2937;font-size:14px;padding:12px 16px;text-align:left}.documents-table td:last-child,.documents-table th:last-child{text-align:right}.documents-type{align-items:center;display:flex;font-weight:600;gap:10px}.doc-type-icon{color:#1d4ed8}.documents-status-badge{align-items:center;background:#dbeafe;border-radius:999px;color:#1d4ed8;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.documents-status-badge.status-generated{background:#d1fae5;color:#047857}.documents-status-badge.status-draft{background:#ffedd5;color:#ea580c}.documents-status-badge.status-sent{background:#e0e7ff;color:#4338ca}.documents-actions-cell{display:flex;gap:8px;justify-content:flex-end}.documents-action-btn{align-items:center;background:#e2e8f0;border:none;border-radius:8px;color:#1f2937;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.documents-action-btn:hover{background:#cbd5f5;color:#1d4ed8}.document-modal-overlay{align-items:center;background:rgba(15,23,42,.55);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:999}.document-modal{background:#fff;border-radius:12px;box-shadow:0 20px 50px rgba(15,23,42,.3);max-height:95vh;overflow-y:auto;width:min(980px,95%)}.document-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.document-modal-header h3{color:#0f172a;font-size:20px;margin:0}.document-modal-close{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:22px;transition:color .2s ease}.document-modal-close:hover{color:#0f172a}.document-modal-body{display:flex;flex-direction:column;gap:24px;padding:24px}.document-form-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:16px 20px}.document-form-section h4{color:#0f172a;font-size:16px;margin:0}.section-help{color:#64748b;font-size:13px;margin:0}.document-select{background:#fff;border:1px solid #cbd5f5;border-radius:8px;font-size:14px;padding:10px 12px}.document-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.document-form-section label{color:#1f2937;display:flex;flex-direction:column;font-size:13px;gap:6px}.document-form-section input,.document-form-section select,.document-form-section textarea{background:#fff;border:1px solid #cbd5f5;border-radius:8px;font-size:14px;padding:8px 10px;resize:vertical}.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.line-items-list{gap:16px}.line-item-row,.line-items-list{display:flex;flex-direction:column}.line-item-row{background:#fff;border:1px solid #cbd5f5;border-radius:12px;gap:12px;padding:16px}.line-item-fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.line-item-fields textarea{min-height:60px}.add-line-item-btn,.remove-line-item-btn{align-items:center;align-self:flex-start;border:1px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease}.remove-line-item-btn{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.remove-line-item-btn:hover{background:#fecaca}.add-line-item-btn{background:#e0e7ff;border-color:#c7d2fe;color:#4338ca}.add-line-item-btn:hover{background:#c7d2fe}.totals-section{background:#fff}.totals-grid{grid-gap:10px;display:grid;gap:10px}.total-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.document-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.primary-btn,.secondary-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s ease}.primary-btn{background:#1d4ed8;color:#fff}.primary-btn:hover:enabled{background:#1e40af}.primary-btn:disabled{cursor:not-allowed;opacity:.6}.secondary-btn{background:#e2e8f0;color:#0f172a}.secondary-btn:hover:enabled{background:#cbd5f5}.documents-actions-cell .documents-action-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;opacity:.6}.metrics-tab{display:flex;flex-direction:column;gap:32px}.kpis-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;transition:all .2s}.metric-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px rgba(59,130,246,.1)}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.metric-label{color:#1e293b;font-size:14px;font-weight:600;margin:0}.metric-trend{font-size:16px;font-weight:700}.metric-trend.up{color:#ef4444}.metric-trend.down{color:#10b981}.metric-trend.stable{color:#64748b}.metric-value{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:4px}.metric-target{color:#64748b;font-size:12px}.charts-section h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.chart-placeholder{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;margin-bottom:16px;padding:40px;text-align:center}.chart-icon{color:#94a3b8;height:32px;margin-bottom:12px;width:32px}.chart-placeholder p{color:#64748b;font-size:14px;margin:0}.logs-section h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.logs-table{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}.table-controls{align-items:center;display:flex;gap:16px;justify-content:space-between}.search-box{flex:1 1;max-width:300px;position:relative}.search-icon{color:#94a3b8;height:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.search-box input{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;padding:8px 12px 8px 36px;width:100%}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.table-actions{gap:8px}.action-btn{background:#fff;border:1px solid #e2e8f0;color:#475569;font-size:12px;gap:6px;padding:8px 12px;transition:all .2s}.action-btn:hover{background:#eff6ff}.action-btn svg{height:14px;width:14px}.table-content{overflow-x:auto}.table-content table{border-collapse:collapse;width:100%}.table-content td,.table-content th{border-bottom:1px solid #f1f5f9;padding:12px 16px;text-align:left}.table-content th{background:#f8fafc;color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-content td{color:#374151;font-size:14px}.status-badge{text-transform:capitalize}.status-badge.succeeded{background:#dcfce7;color:#166534}.status-badge.running{background:#dbeafe;color:#1e40af}.status-badge.failed{background:#fef2f2;color:#dc2626}.status-badge.queued{background:#fef3c7;color:#d97706}@media (max-width:768px){.workflow-automations{padding:16px}.page-header{padding:20px}.header-content{flex-direction:column;gap:16px}.page-title{font-size:24px}.workflows-grid{grid-template-columns:1fr}.tab-navigation{flex-direction:column}.tab-btn{text-align:left}.kpis-grid{grid-template-columns:1fr}.table-controls{align-items:stretch;flex-direction:column}.search-box{max-width:none}.table-actions{justify-content:center}}@media (max-width:480px){.workflow-automations{padding:12px}.tab-content,.workflow-card{padding:16px}.workflow-actions{flex-direction:column}.workflow-action-btn{justify-content:center}.action-grid,.workflow-folders{grid-template-columns:1fr}}.system-health{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:32px;padding:24px}.health-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.health-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.health-status{border-radius:6px;font-size:14px;font-weight:600;padding:6px 12px}.health-status.healthy{background:#dcfce7;color:#166534}.health-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.health-metric{display:flex;flex-direction:column;gap:4px}.health-metric .metric-label{color:#64748b;font-size:12px;font-weight:500}.health-metric .metric-value{color:#1e293b;font-size:20px;font-weight:700}.workflow-title-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.workflow-status{flex-shrink:0}.status-badge{display:flex;gap:4px;padding:4px 8px}.status-badge.enabled{background:#dcfce7;color:#166534}.status-badge.disabled{background:#fef2f2;color:#dc2626}.status-icon{height:10px;width:10px}.workflow-stats{background:#f8fafc;border-radius:8px;flex-direction:column;margin-bottom:20px;padding:16px}.stat-item{align-items:center;display:flex;font-size:13px;gap:8px}.stat-icon{color:#64748b;height:12px;width:12px}.stat-label{color:#64748b;font-weight:500}.stat-value{color:#1e293b;font-weight:600}.workflow-action-btn{background:#3b82f6!important;border:none!important;color:#fff!important;font-size:13px!important;padding:10px 16px!important}.workflow-action-btn:hover{background:#2563eb!important;transform:translateY(-1px)}.workflow-action-btn:active{transform:translateY(0)}.run-history-table{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.trigger-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:500;padding:2px 6px;text-transform:capitalize}.trigger-badge.scheduled{background:#dbeafe;color:#1e40af}.trigger-badge.manual{background:#dcfce7;color:#166534}.trigger-badge.event{background:#fef3c7;color:#d97706}.run-id{color:#64748b;font-family:monospace;font-size:12px}.view-details-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#475569;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:4px 8px;transition:all .2s}.view-details-btn:hover{background:#e2e8f0;color:#1e293b}.view-details-btn svg{height:10px;width:10px}.task-summary{align-items:center;background:#f1f5f9;border-radius:6px;color:#475569;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.summary-icon{height:16px;width:16px}.task-count{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:600;height:20px;justify-content:center;margin-left:4px;width:20px}.tab-icon{height:16px;margin-right:8px;width:16px}.task-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:20px;transition:all .2s}.task-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.15);transform:translateY(-2px)}.task-header{display:flex;gap:16px;margin-bottom:16px}.task-icon{align-items:center;background:#f8fafc;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.task-icon svg{height:20px;width:20px}.task-info{flex:1 1}.task-title{align-items:center;color:#1e293b;display:flex;flex-wrap:wrap;font-size:16px;font-weight:600;gap:8px;margin:0 0 4px}.customer-name-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#3b82f6}.customer-name-badge,.items-requested-badge{display:inline-block;font-size:14px;font-weight:500;margin-left:4px;padding:4px 10px}.items-requested-badge{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;color:#059669;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-workflow{color:#64748b;font-size:12px;margin:0 0 4px}.task-identifier{background:#ecfdf5;border-radius:4px;color:#059669;display:inline-block;font-size:11px;font-weight:500;margin:2px 0;padding:2px 6px}.task-description{color:#64748b;font-size:14px;line-height:1.4;margin:0}.task-status{flex-shrink:0}.task-details{border-top:1px solid #f1f5f9;padding-top:16px}.task-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.task-meta-item{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px}.meta-icon{height:12px;width:12px}.task-actions{display:flex;gap:8px}.start-task-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.start-task-btn:hover{background:#2563eb;transform:translateY(-1px)}.delete-task-btn{align-items:center;background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.delete-task-btn:hover{background:#b91c1c;transform:translateY(-1px)}.btn-icon{height:14px;width:14px}.workflow-summary-view{margin:0 auto;max-width:1000px;min-height:100%;padding:24px}.summary-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:24px;padding:24px}.summary-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.summary-description{color:#64748b;font-size:16px;line-height:1.5;margin:0 0 16px}.summary-actions{display:flex;gap:12px}.edit-summary-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.edit-summary-btn:hover{background:#2563eb;transform:translateY(-1px)}.summary-content{display:flex;flex-direction:column;gap:24px}.summary-step{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:24px}.step-header{border-bottom:1px solid #e2e8f0;margin-bottom:20px;padding-bottom:16px}.step-header h3{color:#1e293b;font-size:20px;gap:12px;margin:0 0 8px}.step-header h3,.step-number{align-items:center;display:flex;font-weight:600}.step-number{background:#3b82f6;border-radius:50%;color:#fff;font-size:14px;height:32px;justify-content:center;width:32px}.step-description{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 12px}.step-status{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px}.status-icon.completed,.step-status{color:#059669}.summary-section{margin-bottom:24px}.summary-section:last-child{margin-bottom:0}.summary-section h4{border-bottom:2px solid #e5e7eb;color:#374151;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.form-data-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-field-summary{display:flex;flex-direction:column;gap:4px}.form-field-summary label{color:#374151;font-size:14px;font-weight:500}.field-value{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:14px;padding:8px 12px}.dynamic-list-summary{grid-column:1/-1;margin-bottom:16px}.field-label-list{color:#374151;display:block;font-size:15px;font-weight:600;margin-bottom:12px}.dynamic-list-items-summary{display:flex;flex-direction:column;gap:12px}.dynamic-list-item-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-left:0;padding:16px}.item-number{border-bottom:1px solid #e5e7eb;color:#3b82f6;font-size:14px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.item-fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.item-field{display:flex;flex-direction:column;gap:4px}.item-field-label{color:#6b7280;font-size:13px;font-weight:500}.item-field-value{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#1f2937;font-size:14px;padding:6px 10px;word-break:break-word}.activities-summary{grid-column:1/-1;margin-bottom:16px}.field-label-activities{color:#374151;display:block;font-size:15px;font-weight:600;margin-bottom:12px}.activities-list-summary{display:flex;flex-direction:column;gap:12px}.activity-item-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.activity-header-summary{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.activity-type-summary{align-items:center;color:#374151;display:flex;font-size:15px;font-weight:600;gap:8px}.activity-icon{color:#3b82f6;font-size:16px}.activity-status-summary{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.activity-status-summary.open{background:#dbeafe;color:#1e40af}.activity-status-summary.closed{background:#d1fae5;color:#065f46}.activity-detail{color:#374151;font-size:14px;line-height:1.5;margin-bottom:8px}.activity-detail strong{color:#6b7280;font-weight:500;margin-right:6px}.activity-detail:last-child{margin-bottom:0}.attachment-group{margin-bottom:20px}.attachment-group h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.file-list{display:flex;flex-direction:column;gap:8px}.file-item{background:#f9fafb;border-radius:8px;justify-content:space-between;padding:12px;transition:all .2s}.file-item:hover{background:#f3f4f6;border-color:#d1d5db}.file-info{align-items:center;display:flex;flex:1 1;gap:12px}.file-icon{font-size:16px}.file-details{display:flex;flex-direction:column;gap:2px}.file-actions{gap:8px}.download-file-btn,.view-file-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.view-file-btn{background:#3b82f6;color:#fff}.view-file-btn:hover{background:#2563eb}.download-file-btn{background:#059669;color:#fff}.download-file-btn:hover{background:#047857}.checklist-summary{display:flex;flex-direction:column;gap:8px}.checklist-item-summary{align-items:center;display:flex;gap:12px;padding:8px 0}.check-icon{font-size:16px}.check-icon.checked{color:#059669}.check-icon.unchecked{color:#d1d5db}.checklist-item-summary span.checked{color:#374151;text-decoration:line-through}.checklist-item-summary span.unchecked{color:#6b7280}.comments-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.comments-summary p{color:#374151;font-size:14px;line-height:1.6;margin:0}.empty-state{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:60px 20px;text-align:center}.empty-icon{color:#94a3b8;height:48px;width:48px}.empty-state h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{color:#64748b;font-size:14px;margin:0 0 24px}.start-workflow-btn{font-size:14px;gap:8px;transition:all .2s}.start-workflow-btn:hover{transform:translateY(-1px)}.workflow-start-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:24px;transition:all .2s}.workflow-start-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.15);transform:translateY(-2px)}.workflow-stats{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px;margin-top:8px}.modal-overlay{background:rgba(0,0,0,.5);padding:20px}.modal-content{box-shadow:0 20px 25px -5px rgba(0,0,0,.1);max-width:800px}.workflow-step-form{box-sizing:border-box;max-width:100%;padding:32px;width:100%}.form-header{margin-bottom:32px;padding-bottom:24px}.form-header h3{font-size:24px;margin:0 0 8px}.form-description{color:#64748b;font-size:16px;margin:0 0 16px}.form-meta{color:#64748b;display:flex;font-size:14px;gap:24px}.workflow-info{font-weight:500}.step-info{background:#f1f5f9;border-radius:4px;padding:4px 8px}.form-content{box-sizing:border-box;max-width:100%;width:100%}.form-content,.form-section{margin-bottom:32px}.form-section h4{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.form-field{box-sizing:border-box;margin-bottom:20px;width:100%}.form-field>.activities-calendar,.form-field>.activities-manager{max-width:100%!important;min-width:100%!important;width:100%!important}.field-label{font-size:14px;margin-bottom:6px}.required{margin-left:4px}.form-input,.form-select,.form-textarea{border-radius:6px;font-size:14px;padding:10px 12px}.form-textarea{min-height:80px}.checkbox-label{font-size:14px;gap:8px}.form-checkbox{height:16px;width:16px}.attachment-field{margin-bottom:20px}.form-file-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px;width:100%}.uploaded-files{border-radius:6px;margin-top:8px;padding:12px}.files-label{color:#374151;font-size:12px;font-weight:600;margin:0 0 8px}.file-item{background:#fff;border:1px solid #e5e7eb;gap:8px;margin-bottom:4px;padding:6px 8px}.file-icon,.file-name{font-size:14px}.file-name{color:#374151;font-weight:500}.file-size{color:#6b7280;font-size:12px;margin-left:auto}.file-help{color:#64748b;font-size:12px;margin:4px 0 0}.checklist-item{margin-bottom:12px}.form-actions{gap:12px;padding-top:24px}.cancel-btn{border-radius:6px}.cancel-btn,.previous-btn{font-size:14px;gap:8px;padding:10px 20px}.previous-btn{align-items:center;background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;transition:all .2s ease}.previous-btn:hover{background:#4b5563}.save-btn{border-radius:8px;font-size:16px;gap:8px;padding:12px 24px}.complete-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.complete-btn:hover{background:#059669;transform:translateY(-1px)}.view-workflow-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.view-workflow-btn:hover{background:#2563eb}.edit-workflow-btn{align-items:center;background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.edit-workflow-btn:hover{background:#d97706}.monitoring-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.workflow-instance-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:24px}.instance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.instance-header h4{color:#1e293b;font-size:18px;font-weight:600;margin:0}.progress-section{margin-bottom:20px}.progress-header{align-items:center;color:#64748b;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.progress-text{color:#64748b;font-size:12px;margin-top:8px;text-align:center}.instance-details{display:flex;flex-direction:column;gap:8px}.detail-item{color:#64748b;font-size:13px;gap:8px}.assignment-icon,.detail-icon{height:12px;width:12px}.assignment-icon{color:#64748b}.tasks-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.workflow-type-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:0}.workflow-tab-button{align-items:center;background:transparent;border:none;border-bottom:3px solid transparent;color:#718096;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem;position:relative;transition:all .2s ease}.workflow-tab-button:hover{background-color:#f7fafc;color:#4299e1}.workflow-tab-button.active{background-color:#f7fafc;border-bottom-color:#2b6cb0;color:#2b6cb0}.workflow-tab-button .tab-label{font-weight:600}.workflow-tasks-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);overflow:hidden;width:100%}.workflow-tasks-table-container{overflow-x:auto;width:100%}.workflow-tasks-table{background:#fff;border-collapse:collapse;width:100%}.workflow-tasks-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.workflow-tasks-table th{color:#475569;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.workflow-tasks-table th.status-header{text-align:center}.workflow-tasks-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.workflow-tasks-table tbody tr:hover{background-color:#f8fafc}.workflow-tasks-table tbody tr:last-child{border-bottom:none}.workflow-tasks-table td{color:#1e293b;font-size:.875rem;padding:1rem 1.5rem}.identifier-cell{font-weight:500}.identifier-text{color:#1e293b}.assigned-cell{align-items:center;display:flex;gap:.5rem}.assignment-icon-small{color:#64748b;height:14px;width:14px}.workflow-tasks-table .status-cell{min-width:140px;padding:1rem 1.5rem;text-align:center;vertical-align:middle;width:auto}.workflow-tasks-table .status-cell .status-badge{margin-left:0;margin-right:0}.status-cell,.workflow-tasks-table .status-header{text-align:center}.status-cell{vertical-align:middle}.status-header{text-align:center}.status-badge{align-items:center;display:inline-flex;font-size:12px;justify-content:center;padding:4px 12px}.status-badge--completed{background-color:#d1f2d7;color:#1e7e34}.status-badge--in-progress{background-color:#e0ebff;color:#1f5bd8}.status-badge-table{border-radius:.375rem;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.status-badge-table.completed{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-badge-table.in-progress{background-color:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.actions-cell{padding:1rem 1.5rem;text-align:right;white-space:nowrap;width:1%}.workflow-tasks-table .actions-cell{min-width:100px;text-align:right}.table-actions{align-items:center;display:flex;gap:.5rem}.delete-task-btn-table,.edit-workflow-btn-table,.start-task-btn-table,.view-workflow-btn-table{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .2s ease;white-space:nowrap}.view-workflow-btn-table{background:#3b82f6;color:#fff}.view-workflow-btn-table:hover{background:#2563eb}.edit-workflow-btn-table{background:#f59e0b;color:#fff}.edit-workflow-btn-table:hover{background:#d97706}.start-task-btn-table{background:#3b82f6;color:#fff}.start-task-btn-table:hover{background:#2563eb}.delete-task-btn-table{background:#dc2626;color:#fff}.delete-task-btn-table:hover{background:#b91c1c}.table-actions .btn-icon{height:14px;width:14px}.empty-tasks-table{background:#fff;border-radius:12px;color:#718096;padding:4rem 2rem;text-align:center}.empty-tasks-table .empty-icon{color:#cbd5e1;font-size:4rem;margin-bottom:1rem}.empty-tasks-table h3{color:#4a5568;font-size:1.5rem;margin:0 0 1rem}.empty-tasks-table p{font-size:1rem;margin:0}.clickable-company{color:#3b82f6;cursor:pointer;font-weight:500;text-decoration:none;transition:all .2s ease}.clickable-company:hover{color:#2563eb;text-decoration:underline}.company-row{cursor:default}.company-row:hover{background-color:#f8fafc}.view-company-btn-table{align-items:center;background:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .2s ease;white-space:nowrap}.view-company-btn-table:hover{background:#2563eb}.status-badge-table.open{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-badge-table.closed{background-color:#e5e7eb;border:1px solid #d1d5db;color:#374151}.company-drawer-overlay{background:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:9998}.company-drawer-overlay.open{opacity:1;visibility:visible}.company-drawer{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-sizing:border-box;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:1400px;opacity:0;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;visibility:hidden;width:95vw;z-index:9999}.company-drawer.open{opacity:1;transform:translate(-50%,-50%);visibility:visible}.company-drawer-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.company-drawer-header h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.company-drawer-close{align-items:center;background:none;border:none;border-radius:.375rem;color:#64748b;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:40px}.company-drawer-close:hover{background:#e2e8f0;color:#1e293b}.company-drawer-content{box-sizing:border-box;flex:1 1;max-height:calc(90vh - 80px);overflow-x:hidden;overflow-y:auto;padding:2rem;width:100%}.company-drawer-actions{margin-bottom:1.5rem}.start-new-workflow-btn{align-items:center;background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.start-new-workflow-btn:hover{background:#2563eb;box-shadow:0 4px 6px rgba(59,130,246,.3);transform:translateY(-1px)}.company-drawer-empty{color:#718096;padding:3rem 1rem;text-align:center}.company-drawer-empty .empty-icon{color:#cbd5e1;font-size:3rem;margin-bottom:1rem}.company-drawer-empty h4{color:#4a5568;font-size:1.25rem;margin:0 0 .5rem}.company-drawer-empty p{font-size:1rem;margin:0}.company-workflows-list{margin-top:1.5rem;max-width:100%;overflow-x:hidden}.company-workflows-list,.company-workflows-list>div{box-sizing:border-box;width:100%}.company-workflows-list h4{color:#475569;font-size:1rem;font-weight:600;margin:0 0 1rem}.company-workflow-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-sizing:border-box;margin-bottom:1rem;max-width:100%;overflow:hidden;padding:0;transition:all .2s ease;width:100%}.company-workflow-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px rgba(59,130,246,.1)}.workflow-card-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:.75rem .75rem 0 0;box-sizing:border-box;display:flex;gap:.75rem;justify-content:space-between;margin:0;max-width:100%;min-height:60px;overflow:hidden;padding:1rem 1.25rem;position:relative;width:100%}.workflow-card-header h5{flex:1 1;font-size:1rem;min-width:0;overflow:hidden;padding-right:.5rem;text-overflow:ellipsis}.workflow-card-header h5,.workflow-status-badge{color:#fff;font-weight:600;margin:0;white-space:nowrap}.workflow-status-badge{background-color:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:.375rem;box-sizing:border-box;display:inline-block;flex-shrink:0;font-size:.75rem;letter-spacing:.05em;max-width:100%;padding:.375rem .75rem;text-transform:uppercase}.workflow-status-badge.completed{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.workflow-status-badge.in-progress{background-color:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);color:#fff}.workflow-card-details{box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;max-width:100%;padding:1rem 1.25rem 1.25rem;width:100%}.workflow-detail-item{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem}.detail-icon{color:#94a3b8;height:14px;width:14px}.workflow-card-actions{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.5rem;max-width:100%;padding:0 1.25rem 1.25rem;width:100%}.workflow-card-actions .delete-workflow-btn,.workflow-card-actions .edit-workflow-btn,.workflow-card-actions .start-task-btn,.workflow-card-actions .view-workflow-btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .2s ease;white-space:nowrap}.workflow-card-actions .view-workflow-btn{background:#3b82f6;color:#fff}.workflow-card-actions .view-workflow-btn:hover{background:#2563eb}.workflow-card-actions .edit-workflow-btn{background:#f59e0b;color:#fff}.workflow-card-actions .edit-workflow-btn:hover{background:#d97706}.workflow-card-actions .start-task-btn{background:#3b82f6;color:#fff}.workflow-card-actions .start-task-btn:hover{background:#2563eb}.workflow-card-actions .delete-workflow-btn{background:#dc2626;color:#fff}.workflow-card-actions .delete-workflow-btn:hover{background:#b91c1c}.workflow-card-actions .btn-icon{height:14px;width:14px}@media (max-width:768px){.company-drawer{max-height:95vh;width:98vw}.company-drawer-header{padding:1rem 1.5rem}.company-drawer-content{max-height:calc(95vh - 80px);padding:1.5rem}.monitoring-grid,.tasks-grid{grid-template-columns:1fr}.workflow-step-form{padding:20px}.form-actions{flex-direction:column}.cancel-btn,.complete-btn,.previous-btn,.save-btn{justify-content:center;width:100%}.workflow-type-tabs{flex-direction:column;gap:0;margin-bottom:1rem}.workflow-tab-button{border-bottom:1px solid #e2e8f0;border-radius:0;justify-content:flex-start;padding:.75rem 1rem}.workflow-tab-button.active{border-bottom-color:#2b6cb0;border-left:3px solid #2b6cb0}.workflow-tasks-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.workflow-tasks-table{min-width:600px}.workflow-tasks-table td,.workflow-tasks-table th{font-size:.8125rem;padding:.75rem 1rem}.table-actions{flex-wrap:wrap;gap:.375rem}.delete-task-btn-table,.edit-workflow-btn-table,.start-task-btn-table,.view-workflow-btn-table{font-size:.6875rem;padding:.375rem .5rem}}.form-guidance{align-items:flex-start;background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:.375rem;display:flex;gap:.5rem;margin:.75rem 0;padding:.75rem}.form-guidance p{color:#0c4a6e;font-size:.875rem;line-height:1.4;margin:0}.workflow-execution-overlay{align-items:center;background-color:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.workflow-execution-window{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.workflow-execution-window.summary-view{overflow:visible}.workflow-execution-window.summary-view .execution-content{flex:1 1;max-height:calc(90vh - 80px);overflow-x:hidden;overflow-y:auto}.execution-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}.header-content h2{font-size:1.5rem;font-weight:600;margin:0}.progress-info{font-size:.875rem;opacity:.9}.close-btn{background:hsla(0,0%,100%,.2);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.25rem;padding:.5rem;transition:background-color .2s}.close-btn:hover{background:hsla(0,0%,100%,.3)}.execution-content{display:flex;flex:1 1;overflow:hidden}.steps-sidebar{background:#f9fafb;border-right:1px solid #e5e7eb;overflow-y:auto;padding:1.5rem;width:300px}.step-item{align-items:flex-start;border-radius:.5rem;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s}.step-item.active{background:#dbeafe;border:2px solid #3b82f6}.step-item.completed{background:#d1fae5;border:1px solid #10b981}.step-item.locked{background:#f3f4f6}.step-icon{align-items:center;border-radius:50%;display:flex;font-size:.75rem;height:1.5rem;justify-content:center;width:1.5rem}.step-icon svg{fill:currentColor;height:1rem;width:1rem}.step-item.active .step-icon{background:#3b82f6;color:#fff}.step-item.completed .step-icon{background:#10b981;color:#fff}.step-item.locked .step-icon{background:#9ca3af;color:#fff}.step-item .step-icon svg{display:block!important;opacity:1!important}.step-info{min-width:0}.step-info h4{color:#374151;font-size:.875rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.step-info p{color:#6b7280;font-size:.75rem;line-height:1.4;margin:0}.step-content{background:#fff;flex:1 1;overflow-y:auto;padding:2rem}.active-icon,.completed-icon,.locked-icon{color:#fff!important}.pending-icon{color:#6b7280}.step-icon .fa-check-circle,.step-icon .fa-circle,.step-icon .fa-lock{display:inline-block!important;visibility:visible!important}.workflow-step-form{margin:0 auto;max-width:800px}.form-header{border-bottom:1px solid #e2e8f0;margin-bottom:2rem;padding-bottom:1.5rem}.form-header h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.form-header p{color:#64748b;font-size:1rem;margin:0 0 1rem}.guidance{align-items:flex-start;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:.375rem;display:flex;gap:.5rem;margin-top:.75rem;padding:.75rem}.guidance-icon{color:#0ea5e9;flex-shrink:0;font-size:1rem;margin-top:.125rem}.guidance span{color:#0c4a6e;font-size:.875rem;line-height:1.4;margin:0}.form-content{margin-bottom:2rem}.form-field{margin-bottom:1.5rem}.field-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.required{color:#dc2626;margin-left:.25rem}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:.375rem;box-sizing:border-box;font-size:.875rem;padding:.625rem .75rem;transition:border-color .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.form-textarea{min-height:5rem;resize:vertical}.checkbox-label{gap:.5rem}.form-checkbox{height:1rem;width:1rem}.checkbox-text{-webkit-user-select:none;user-select:none}.file-upload{margin-bottom:1rem}.file-input-wrapper{display:inline-block;position:relative}.form-file{height:1px;left:-9999px;opacity:0;position:absolute;width:1px}.file-input-label{background:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.file-input-label:hover{background:#2563eb}.file-input-label:active{background:#1d4ed8}.uploaded-files{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;margin-top:.5rem;padding:.75rem}.uploaded-files h4{color:#374151;font-size:.75rem;font-weight:600;margin:0 0 .5rem}.uploaded-file{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.25rem;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.25rem;padding:.375rem .5rem}.file-icon{color:#6b7280;font-size:.875rem}.file-name.clickable{color:#2563eb;cursor:pointer;text-decoration:underline;transition:color .2s ease}.file-name.clickable:hover{color:#1d4ed8;text-decoration:none}.file-actions{gap:.25rem}.file-action-btn,.file-actions{align-items:center;display:flex}.file-action-btn{background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;height:1.5rem;justify-content:center;padding:.25rem;transition:all .2s ease;width:1.5rem}.file-action-btn:hover{background:#f3f4f6;color:#374151}.view-btn:hover{background:#eff6ff;color:#2563eb}.download-btn:hover{background:#ecfdf5;color:#059669}.remove-btn:hover{background:#fef2f2;color:#dc2626}.checklist{margin-bottom:1rem}.checklist-item{align-items:center;cursor:pointer;display:flex;gap:.5rem;margin-bottom:.75rem}.checklist-checkbox{height:1rem;width:1rem}.checklist-text{color:#374151;font-size:.875rem;-webkit-user-select:none;user-select:none}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;padding-top:1.5rem}.prev-btn{align-items:center;background:#6b7280;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.prev-btn:hover{background:#4b5563}.save-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;box-shadow:0 2px 4px rgba(16,185,129,.2);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.save-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px rgba(16,185,129,.3);transform:translateY(-1px)}.cancel-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.cancel-btn:hover{background:#f1f5f9;color:#475569}@media (max-width:768px){.workflow-execution-overlay{padding:1rem}.workflow-execution-window{max-height:95vh}.execution-header{padding:1rem}.execution-content{flex-direction:column}.steps-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;max-height:200px;width:100%}.step-content{padding:1rem}.form-actions{flex-direction:column}.cancel-btn,.prev-btn,.save-btn{justify-content:center;width:100%}}.history-tab{padding:24px}.history-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:24px}.history-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px;transition:all .2s ease}.history-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);transform:translateY(-2px)}.history-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;margin-bottom:16px;padding-bottom:16px}.history-icon{margin-right:12px}.completed-icon{color:#10b981;font-size:24px}.history-info{flex:1 1}.history-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 4px}.history-id{color:#6b7280;font-size:14px;margin:0}.history-status{margin-left:12px}.status-badge{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;line-height:1.2;padding:6px 14px;white-space:nowrap}.status-badge.completed{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-badge.in_progress{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.history-details{margin-bottom:20px}.detail-item{align-items:center;display:flex;margin-bottom:8px}.detail-icon{width:16px}.detail-icon,.detail-label{color:#6b7280;margin-right:8px}.detail-label{font-size:14px;min-width:80px}.detail-value{color:#111827;font-size:14px;font-weight:500}.history-actions{display:flex;gap:12px}.download-report-btn,.view-details-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.download-report-btn:hover,.view-details-btn:hover{background:#f9fafb;border-color:#9ca3af}.btn-icon{font-size:14px;margin-right:6px}.empty-history{grid-column:1/-1;padding:60px 20px;text-align:center}.empty-icon{color:#d1d5db;font-size:64px;margin-bottom:16px}.empty-history h3{color:#111827;font-size:24px;font-weight:600;margin:0 0 8px}.empty-history p{color:#6b7280;font-size:16px;margin:0 0 24px}.start-workflow-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.start-workflow-btn:hover{background:#2563eb}.user-select-container{width:100%}.loading-users{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;font-style:italic;padding:12px;text-align:center}.error-users{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;padding:12px}.error-users .retry-btn{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:12px;padding:4px 12px}.error-users .retry-btn:hover{background:#b91c1c}.dynamic-list-field{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;width:100%}.dynamic-list-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.dynamic-list-header h4{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.add-item-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease}.add-item-btn:hover{background:#2563eb;box-shadow:0 2px 4px rgba(59,130,246,.3);transform:translateY(-1px)}.empty-list-message{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;color:#64748b;padding:2rem;text-align:center}.dynamic-list-items{display:flex;flex-direction:column;gap:1rem}.dynamic-list-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;transition:all .2s ease}.dynamic-list-item.collapsed{padding:.75rem 1rem}.dynamic-list-item.expanded{padding:1rem}.dynamic-list-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px rgba(0,0,0,.05)}.list-item-header{align-items:center;border-bottom:none;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:0;padding-bottom:0;-webkit-user-select:none;user-select:none}.dynamic-list-item.expanded .list-item-header{border-bottom:1px solid #e2e8f0;margin-bottom:.75rem;padding-bottom:.75rem}.list-item-header-left{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.expand-toggle-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.875rem;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.expand-toggle-btn:hover{background:#e2e8f0;color:#3b82f6}.item-summary{color:#64748b;flex:1 1;font-size:.875rem;font-style:italic;margin-left:.5rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-header h5{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.remove-item-btn{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.remove-item-btn:hover{background:#dc2626;transform:translateY(-1px)}.list-item-fields{display:flex;flex-direction:column;gap:1rem}.list-item-field{margin-bottom:.75rem}.list-item-field .field-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.file-upload-section{margin-top:.5rem}.activity-form .file-upload-section{margin-top:.5rem;width:100%}.activity-form .file-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.activity-form .file-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;display:flex;gap:.5rem;padding:.5rem}.activity-form .file-item .file-icon{color:#64748b;flex-shrink:0}.activity-form .file-item .file-name{color:#1e293b;flex:1 1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-form .file-item .file-actions{align-items:center;display:flex;gap:.25rem}.activity-form .file-item .download-file-btn,.activity-form .file-item .remove-file-btn,.activity-form .file-item .view-file-btn{align-items:center;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:.25rem .5rem;transition:all .2s ease}.activity-form .file-item .view-file-btn{color:#3b82f6}.activity-form .file-item .view-file-btn:hover{background:#eff6ff;color:#2563eb}.activity-form .file-item .download-file-btn{color:#10b981}.activity-form .file-item .download-file-btn:hover{background:#dcfce7;color:#059669}.activity-form .file-item .remove-file-btn{color:#ef4444;padding:.25rem}.activity-form .file-item .remove-file-btn:hover{background:#fee2e2;color:#dc2626}.activity-attachments-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.activity-attachment-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;display:flex;gap:.5rem;padding:.5rem}.activity-attachment-item .attachment-icon{color:#64748b;flex-shrink:0}.activity-attachment-item .attachment-name{color:#1e293b;flex:1 1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-attachment-item .download-file-btn,.activity-attachment-item .view-file-btn{align-items:center;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:.25rem .5rem;transition:all .2s ease}.activity-attachment-item .view-file-btn{color:#3b82f6}.activity-attachment-item .view-file-btn:hover{background:#eff6ff;color:#2563eb}.activity-attachment-item .download-file-btn{color:#10b981}.activity-attachment-item .download-file-btn:hover{background:#dcfce7;color:#059669}.file-upload-prompt{background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:4px;color:#64748b;font-size:.875rem;padding:.75rem;text-align:center}.file-upload-section .uploaded-files{margin-bottom:.75rem}.file-upload-section .uploaded-file{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.file-upload-section .file-info{align-items:center;display:flex;flex:1 1;gap:.5rem}.file-upload-section .file-name{color:#374151;font-size:.875rem;font-weight:500}.file-upload-section .file-size{color:#64748b;font-size:.75rem}.file-actions-list{align-items:center;display:flex;gap:.5rem}.file-upload-section .file-action-btn{align-items:center;background:transparent;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.875rem;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.file-upload-section .file-action-btn.view-btn{color:#3b82f6}.file-upload-section .file-action-btn.view-btn:hover{background:#eff6ff;color:#2563eb}.file-upload-section .file-action-btn.download-btn{color:#10b981}.file-upload-section .file-action-btn.download-btn:hover{background:#dcfce7;color:#059669}.file-upload-section .file-action-btn.remove-btn{color:#ef4444}.file-upload-section .file-action-btn.remove-btn:hover{background:#fee2e2;color:#dc2626}.file-input-label-list{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease}.file-input-label-list:hover{background:#2563eb;transform:translateY(-1px)}.form-file-input-hidden{height:1px;left:-9999px;opacity:0;position:absolute;width:1px}.activities-manager{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;margin-bottom:1.5rem;max-width:100%!important;min-width:100%!important;overflow:hidden;padding:1.5rem;width:100%!important}.activities-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:.5rem;margin-bottom:1.5rem}.activity-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .2s ease}.activity-tab:hover{color:#3b82f6}.activity-tab svg{font-size:.875rem;margin-right:.5rem}.activity-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.closed-activities,.open-activities{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;overflow:hidden;width:100%}.activity-type-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.activity-type-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.activity-type-btn:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1px)}.activity-type-btn:disabled{cursor:not-allowed;opacity:.5}.activities-tables-container{box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;width:100%}.activities-tables-container .activity-table{max-width:100%;table-layout:fixed;width:100%}.activity-type-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;max-width:100%;overflow:hidden;padding:1rem;width:100%}.activity-type-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.activity-type-icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:1.25rem;height:1.25rem;justify-content:center;width:1.25rem}.activity-type-icon.task-icon{color:#1e40af}.activity-type-icon.meeting-icon{color:#166534}.activity-type-icon.call-icon{color:#9a3412}.activity-type-section h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.activity-table{background:#fff;border-collapse:collapse;border-radius:6px;box-sizing:border-box;max-width:100%;overflow:hidden;table-layout:auto;width:100%}.activity-table td:last-child,.activity-table th:last-child{box-sizing:border-box;max-width:120px;min-width:120px;overflow:hidden;width:120px}.activity-table thead{background:#f8fafc}.activity-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.75rem;text-align:left;text-transform:uppercase}.activity-table td{word-wrap:break-word;border-bottom:1px solid #e2e8f0;box-sizing:border-box;color:#1e293b;font-size:.875rem;overflow:hidden;overflow-wrap:break-word;padding:.75rem;text-overflow:ellipsis}.activity-table td:not(:last-child){overflow:hidden;padding:.75rem;text-overflow:ellipsis;white-space:nowrap}.activity-table td:not(:last-child):hover{overflow:visible;white-space:normal;word-break:break-word}.activity-table td.activity-subject{max-width:250px;min-width:150px}.activity-table td:not(.activity-subject):not(:last-child){max-width:200px;min-width:100px}.activity-table tbody tr:hover{background:#f8fafc}.task-table thead{background:#eff6ff}.task-table th{color:#1e40af}.meeting-table thead{background:#f0fdf4}.meeting-table th{color:#166534}.call-table thead{background:#fff7ed}.call-table th{color:#9a3412}.activity-table td.status-cell,.activity-table th:nth-child(5){text-align:center;vertical-align:middle}.activity-table td.status-cell{padding:.75rem}.activity-actions{align-items:center;display:flex;gap:.5rem}.activity-actions button{align-items:center;background:transparent;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.875rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.activity-actions-cell{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:column;gap:.25rem;justify-content:center;max-width:120px;min-width:120px;overflow:hidden;padding:.5rem .25rem;width:120px}.activity-actions-cell button{align-items:center;background:transparent;border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:500;gap:.25rem;justify-content:flex-start;max-width:100%;overflow:hidden;padding:.25rem .5rem;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:100%}.activity-actions-cell button svg{flex-shrink:0;font-size:.7rem;height:.7rem;width:.7rem}.activity-actions-cell button span{flex-shrink:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-activity-btn{color:#3b82f6}.view-activity-btn:hover{background:#eff6ff;color:#2563eb}.close-activity-btn{color:#f59e0b}.close-activity-btn:hover{background:#fef3c7;color:#d97706}.open-activity-btn{color:#10b981}.open-activity-btn:hover{background:#dcfce7;color:#059669}.delete-activity-btn{color:#ef4444}.delete-activity-btn:hover{background:#fee2e2;color:#dc2626}.activity-actions-cell .view-btn{color:#3b82f6}.activity-actions-cell .view-btn:hover{background:#eff6ff;color:#2563eb}.activity-actions-cell .close-btn{color:#f59e0b}.activity-actions-cell .close-btn:hover{background:#fef3c7;color:#d97706}.activity-actions-cell .open-btn{color:#10b981}.activity-actions-cell .open-btn:hover{background:#dcfce7;color:#059669}.activity-actions-cell .delete-btn{color:#ef4444;flex:0 0 auto;max-width:none;min-width:auto;padding:.375rem}.activity-actions-cell .delete-btn:hover{background:#fee2e2;color:#dc2626}.activity-actions-cell .delete-btn svg{margin:0}.activity-actions-cell button:disabled{cursor:not-allowed;opacity:.5}.activity-actions-cell button:disabled:hover{background:transparent}.priority-badge{border-radius:4px;display:inline-block;padding:.25rem .5rem}.priority-badge.high,.priority-badge.priority-high{background:#fee2e2;color:#dc2626}.priority-badge.normal,.priority-badge.priority-normal{background:#fef3c7;color:#d97706}.priority-badge.low,.priority-badge.priority-low{background:#dcfce7;color:#059669}.status-badge{border-radius:4px;display:inline-block;padding:.25rem .5rem}.status-badge.open{background:#dbeafe;color:#1e40af}.status-badge.closed{background:#e5e7eb;color:#374151}.call-type-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.call-type-badge.scheduled{background:#dbeafe;color:#1e40af}.call-type-badge.logged{background:#dcfce7;color:#059669}.activity-detail-view{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);margin-bottom:1.5rem;padding:2rem}.activity-detail-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.activity-detail-header h2{color:#1e293b;flex:1 1;font-size:1.75rem;font-weight:700;line-height:1.3;margin:0}.activity-detail-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.edit-activity-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;box-shadow:0 2px 4px rgba(59,130,246,.2);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.edit-activity-btn:hover{background:#2563eb;box-shadow:0 4px 8px rgba(59,130,246,.3);transform:translateY(-1px)}.close-detail-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.close-detail-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#1e293b}.activity-closed-banner{align-items:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.activity-closed-banner svg{color:#f59e0b;font-size:1.125rem}.activities-calendar{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);box-sizing:border-box!important;display:block!important;margin:0!important;max-width:100%!important;min-width:100%!important;overflow-x:hidden!important;overflow-y:visible!important;padding:1.5rem;width:100%!important}.calendar-header{border-bottom:1px solid #e2e8f0;box-sizing:border-box;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;width:100%}.calendar-header,.calendar-nav{align-items:center;display:flex}.calendar-nav{gap:.5rem}.calendar-nav-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:4px;color:#5f6368;cursor:pointer;display:flex;font-size:.875rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.calendar-nav-btn:hover{background:#f8f9fa;border-color:#dadce0}.calendar-today-btn{background:#fff;border:1px solid #dadce0;border-radius:4px;color:#5f6368;cursor:pointer;font-size:.875rem;font-weight:500;margin-left:.5rem;padding:.5rem 1rem;transition:all .2s ease}.calendar-today-btn:hover{background:#f8f9fa;border-color:#dadce0}.calendar-month-year{color:#3c4043;flex-shrink:0;font-size:1.375rem;font-weight:400;letter-spacing:0;margin:0;white-space:nowrap}.calendar-grid{box-sizing:border-box!important;display:block!important;margin:0!important;overflow-x:hidden!important;overflow-y:visible!important;padding:0!important}.calendar-grid,.calendar-weekdays{max-width:100%!important;min-width:100%!important;width:100%!important}.calendar-weekdays{background:#fff;border-bottom:1px solid #dadce0;box-sizing:border-box;display:grid!important;grid-template-columns:repeat(7,1fr)!important;margin-bottom:0}.calendar-weekday{border-right:1px solid #dadce0;box-sizing:border-box;color:#5f6368;flex:1 1 auto!important;font-size:.75rem!important;font-weight:500;letter-spacing:.3px;min-width:0!important;overflow:visible!important;padding:.75rem 1rem!important;text-align:center;text-transform:uppercase}.calendar-weekday:last-child{border-right:none}.calendar-days{grid-gap:0!important;background:#fff;border:1px solid #dadce0;border-radius:4px;display:grid!important;gap:0!important;grid-template-columns:repeat(7,1fr)!important;max-width:100%!important;min-width:100%!important}.calendar-day,.calendar-days{box-sizing:border-box!important;overflow:hidden!important;width:100%!important}.calendar-day{background:#f8f9fa;border-bottom:1px solid #dadce0;border-right:1px solid #dadce0;display:flex!important;flex:1 1!important;flex-direction:column!important;min-height:100px;min-width:0!important;padding:.5rem!important;position:relative;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.calendar-day:not(.empty){cursor:pointer!important}.calendar-day-number{cursor:pointer;pointer-events:auto}.calendar-day:nth-child(7n){border-right:none}.calendar-day.empty{background:#f8f9fa;border-bottom:1px solid #dadce0;border-right:1px solid #dadce0;cursor:default}.calendar-day.today{background:#fef7e0}.calendar-day.today .calendar-day-number{align-items:center;background:#1a73e8;border-radius:50%;color:#fff;display:flex;font-weight:500;height:1.75rem;justify-content:center;width:1.75rem}.calendar-day-number{align-self:flex-start!important;color:#3c4043!important;display:block!important;font-size:1rem!important;font-weight:500!important;line-height:1.4!important;margin-bottom:.5rem!important;min-width:2rem!important;opacity:1!important;padding:.5rem!important;visibility:visible!important}.calendar-day-number.empty-day{display:none}.calendar-day-activities{display:flex;flex:1 1;flex-direction:column;gap:.125rem;max-height:75px;overflow-y:auto;width:100%}.calendar-activity-item{align-items:center;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:.6875rem;font-weight:500;gap:.25rem;min-height:1.25rem;overflow:hidden;padding:.25rem .375rem;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.calendar-activity-item:hover{box-shadow:0 2px 4px rgba(0,0,0,.2);opacity:.9;transform:translateX(2px)}.calendar-activity-icon{align-items:center;display:flex;flex-shrink:0;font-size:.625rem}.calendar-activity-title{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-activity-time{flex-shrink:0;font-size:.625rem;margin-left:auto;opacity:.9}.calendar-activity-more{color:#5f6368;cursor:pointer;font-size:.6875rem;font-weight:500;margin-top:.125rem;padding:.125rem .375rem}.calendar-activity-more:hover{background:#f1f3f4;border-radius:3px}.calendar-legend{border-top:1px solid #e2e8f0;display:flex;gap:1.5rem;margin-top:1.5rem;padding-top:1rem}.legend-item{align-items:center;color:#5f6368;display:flex;font-size:.875rem;gap:.5rem}.legend-color{border-radius:2px;flex-shrink:0;height:12px;width:12px}.calendar-day.selected{background:#e3f2fd!important;border:2px solid #2196f3!important}.calendar-date-expanded{background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:1.5rem;overflow:hidden}.expanded-date-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dadce0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.expanded-date-header h3{color:#3c4043;font-size:1.125rem;font-weight:600;margin:0}.minimize-date-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:4px;color:#5f6368;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.minimize-date-btn:hover{background:#f1f3f4;border-color:#dadce0}.expanded-date-content{padding:1.5rem}.expanded-activities-list{display:flex;flex-direction:column;gap:.75rem}.expanded-activity-item{align-items:flex-start;background:#f8f9fa;border-radius:6px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.expanded-activity-item:hover{background:#f1f3f4;box-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateX(4px)}.expanded-activity-icon{color:#5f6368;flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.expanded-activity-details{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.expanded-activity-title{color:#3c4043;font-size:1rem;font-weight:600}.expanded-activity-description{color:#5f6368;font-size:.875rem;line-height:1.4}.expanded-activity-time{align-items:center;color:#5f6368;display:flex;font-size:.8125rem;gap:.5rem}.expanded-activity-time svg{font-size:.75rem}.expanded-activity-action{align-items:center;background:#e8eaed;border-radius:50%;color:#5f6368;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.expanded-activity-item:hover .expanded-activity-action{background:#dadce0;color:#3c4043}.expanded-date-empty{padding:2rem 1rem;text-align:center}.expanded-date-empty p{color:#5f6368;font-size:1rem;margin:0 0 1.5rem}.expanded-create-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.create-activity-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:6px;color:#3c4043;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.create-activity-btn:hover{background:#f8f9fa;border-color:#dadce0;box-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateY(-2px)}.create-activity-btn.task-btn{border-color:#4285f4;color:#4285f4}.create-activity-btn.task-btn:hover{background:#4285f4;color:#fff}.create-activity-btn.meeting-btn{border-color:#0b8043;color:#0b8043}.create-activity-btn.meeting-btn:hover{background:#0b8043;color:#fff}.create-activity-btn.call-btn{border-color:#ea4335;color:#ea4335}.create-activity-btn.call-btn:hover{background:#ea4335;color:#fff}.calendar-day-modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.calendar-day-modal{background:#fff;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:90%}.calendar-day-modal-header{align-items:center;background:#fff;border-bottom:1px solid #dadce0;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.calendar-day-modal-nav{align-items:center;display:flex;gap:.5rem}.calendar-day-nav-btn,.calendar-day-today-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:4px;color:#3c4043;cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:.5rem .75rem;transition:all .2s ease}.calendar-day-nav-btn:hover,.calendar-day-today-btn:hover{background:#f1f3f4;border-color:#dadce0}.calendar-day-today-btn{font-weight:500;margin-left:.5rem}.calendar-day-modal-title{color:#3c4043;flex:1 1;font-size:1.375rem;font-weight:400;margin:0 1.5rem;text-align:center}.calendar-day-modal-actions{align-items:center;display:flex;gap:.5rem}.calendar-day-new-activity-dropdown{position:relative}.calendar-day-new-activity-btn{align-items:center;background:#1a73e8;border:1px solid #dadce0;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.calendar-day-new-activity-btn:hover{background:#1557b0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.calendar-day-new-activity-dropdown:hover .calendar-day-activity-options{display:flex}.calendar-day-activity-options{background:#fff;border:1px solid #dadce0;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);display:none;flex-direction:column;min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + .25rem);z-index:10001}.calendar-day-activity-options button{align-items:center;background:#fff;border:none;color:#3c4043;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:background .2s ease}.calendar-day-activity-options button:hover{background:#f1f3f4}.calendar-day-modal-close{align-items:center;background:transparent;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.calendar-day-modal-close:hover{background:#f1f3f4;color:#3c4043}.calendar-day-timeline-container{display:flex;flex:1 1;min-height:500px;overflow-y:auto}.calendar-day-timeline-hours{background:#fff;border-right:1px solid #dadce0;flex-shrink:0;padding-top:.5rem;width:80px}.calendar-day-hour-row{align-items:flex-start;display:flex;height:60px;position:relative}.calendar-day-hour-label{color:#5f6368;flex-shrink:0;font-size:.75rem;padding:.25rem .5rem;text-align:right;width:60px}.calendar-day-hour-line{border-top:1px solid #e8eaed;flex:1 1;margin-top:.5rem}.calendar-day-activities-container{flex:1 1;padding-top:.5rem;position:relative}.calendar-day-hour-slot{border-bottom:1px solid #e8eaed;height:60px;padding-left:.5rem;padding-right:.5rem;position:relative}.calendar-day-activity-block{border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;left:.5rem;min-height:40px;overflow:hidden;padding:.5rem .75rem;position:absolute;right:.5rem;transition:all .2s ease}.calendar-day-activity-block:hover{box-shadow:0 2px 6px rgba(0,0,0,.3);transform:translateY(-1px)}.calendar-day-activity-time{font-size:.75rem;font-weight:500;opacity:.9}.calendar-day-activity-title{flex:1 1;font-size:.875rem;font-weight:600;line-height:1.3}.calendar-day-activity-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.75rem;line-height:1.3;opacity:.85;overflow:hidden;text-overflow:ellipsis}.calendar-day-activity-icon{font-size:.875rem;opacity:.8;position:absolute;right:.5rem;top:.5rem}.calendar-day-empty{color:#5f6368;left:50%;padding:2rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.calendar-day-empty p{font-size:1rem;margin:0 0 1.5rem}.calendar-day-create-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.calendar-hour-activity-menu{background:#fff;border:1px solid #dadce0;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:.25rem;min-width:160px;padding:.5rem}.calendar-hour-activity-menu button{align-items:center;background:#f8f9fa;border:none;border-radius:4px;color:#3c4043;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem;text-align:left;transition:background .2s ease}.calendar-hour-activity-menu button:hover{background:#e8eaed}@media (max-width:768px){.calendar-day{min-height:80px}.calendar-day-activities{max-height:50px}.calendar-activity-item{font-size:.625rem;padding:.125rem .25rem}.calendar-month-year{font-size:1.125rem}.calendar-nav{gap:.25rem}.calendar-nav-btn{height:32px;width:32px}.calendar-today-btn{font-size:.75rem;padding:.375rem .75rem}.expanded-create-buttons{align-items:stretch;flex-direction:column}.create-activity-btn{justify-content:center;width:100%}}.activity-detail-content{display:flex;flex-direction:column;gap:1.5rem}.detail-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.detail-section h3{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1.25rem;padding-bottom:.75rem}.detail-field{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.detail-field:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-field label{color:#475569;flex-shrink:0;font-size:.875rem;font-weight:600;margin-top:.125rem;min-width:140px}.detail-field span{color:#1e293b;flex:1 1;font-size:.875rem;line-height:1.6;word-break:break-word}.detail-field span svg{color:#64748b;margin-right:.375rem;vertical-align:middle}.participants-detail{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.participant-detail{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:.875rem;padding:.5rem .75rem}@media (max-width:768px){.activity-detail-view{padding:1.5rem}.activity-detail-header{flex-direction:column;gap:1rem}.activity-detail-header h2{font-size:1.5rem}.activity-detail-actions{justify-content:flex-end;width:100%}.detail-field{flex-direction:column;gap:.5rem}.detail-field label{min-width:auto}}.trials-manager{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);max-width:100%!important;min-width:100%!important;padding:24px;width:100%!important}.trials-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.trials-header h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.add-trial-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s}.add-trial-btn:hover{background:#2563eb}.no-trials{color:#64748b;padding:48px 24px;text-align:center}.trials-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.trial-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:20px;transition:box-shadow .2s}.trial-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}.trial-card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.trial-card-header h4{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.trial-card-actions{display:flex;gap:8px}.trial-card-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px;transition:background .2s}.trial-card-actions .edit-btn{background:#f0f9ff;color:#0284c7}.trial-card-actions .edit-btn:hover{background:#e0f2fe}.trial-card-actions .delete-btn{background:#fef2f2;color:#dc2626}.trial-card-actions .delete-btn:hover{background:#fee2e2}.trial-card-content{display:flex;flex-direction:column;gap:16px}.trial-card-section{background:#f8fafc;border-radius:8px;padding:12px}.trial-card-section h5{color:#475569;font-size:1rem;font-weight:600;margin:0 0 8px}.trial-card-section p{color:#64748b;font-size:.875rem;line-height:1.5;margin:4px 0}.trial-card-section strong{color:#1e293b;font-weight:600}.trial-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:24px}.trial-form-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.trial-form-header h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.close-form-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background .2s}.close-form-btn:hover{background:#e2e8f0}.trial-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:32px;padding:24px}.trial-section h4{border-bottom:2px solid #cbd5e1;color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 20px;padding-bottom:12px}.trial-section .form-field{margin-bottom:20px}.trial-section .form-field:last-child{margin-bottom:0}.trial-section label{color:#475569;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.trial-section input[type=date],.trial-section input[type=text],.trial-section select,.trial-section textarea{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.trial-section input[type=date]:focus,.trial-section input[type=text]:focus,.trial-section select:focus,.trial-section textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.trial-section textarea{min-height:100px;resize:vertical}.trial-section input[type=checkbox],.trial-section input[type=radio]{cursor:pointer;margin-right:8px}.trial-section .radio-group{display:flex;flex-wrap:wrap;gap:24px}.trial-section .radio-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;margin-bottom:0}.trial-section .file-list{display:flex;flex-direction:column;gap:.75rem;margin-top:12px}.trial-section .file-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px}.trial-section .file-item .file-icon{color:#64748b;flex-shrink:0;font-size:18px}.trial-section .file-item .file-name{color:#1e293b;flex:1 1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trial-section .file-item .file-actions{display:flex;gap:8px}.trial-section .file-item .file-actions button{background:#f1f5f9;border:none;border-radius:6px;color:#475569;cursor:pointer;font-size:14px;padding:6px 10px;transition:background .2s}.trial-section .file-item .file-actions button:hover{background:#e2e8f0}.trial-form .form-actions{border-top:2px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.trial-form .form-actions .save-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s}.trial-form .form-actions .save-btn:hover:not(:disabled){background:#2563eb}.trial-form .form-actions .save-btn:disabled{cursor:not-allowed;opacity:.5}.trial-form .form-actions .cancel-btn{background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.trial-form .form-actions .cancel-btn:hover{background:#e2e8f0}.form-field>.trials-manager{max-width:100%!important;min-width:100%!important;width:100%!important}.trial-plan-steps{display:flex;flex-direction:column;gap:16px;margin-top:12px}.trial-plan-step{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:border-color .2s,box-shadow .2s}.trial-plan-step:hover{border-color:#cbd5e1;box-shadow:0 1px 3px rgba(0,0,0,.05)}.trial-plan-step-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.trial-plan-step-header .step-number{color:#1e293b;font-size:16px;font-weight:400}.remove-step-btn{align-items:center;background:#fef2f2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 10px;transition:background .2s}.remove-step-btn:hover{background:#fee2e2}.trial-plan-step-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:14px;min-height:80px;padding:10px 12px;resize:vertical;transition:border-color .2s;width:100%}.trial-plan-step-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.trial-plan-step-input:disabled{background:#f8fafc;color:#64748b;cursor:not-allowed}.no-plan-steps{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;font-size:14px;padding:32px 16px;text-align:center}.add-plan-step-btn{align-items:center;background:#f0f9ff;border:1px dashed #0284c7;border-radius:8px;color:#0284c7;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:8px;padding:12px 20px;transition:all .2s;width:100%}.add-plan-step-btn:hover{background:#e0f2fe;border-color:#0369a1;color:#0369a1}.trial-plan-summary{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.trial-plan-summary p{color:#64748b;font-size:.875rem;margin:4px 0}.trial-plan-summary ul{margin:8px 0 0;padding-left:20px}.trial-plan-summary li{line-height:1.5;margin:4px 0}.links-section{gap:12px}.links-list,.links-section{display:flex;flex-direction:column}.links-list{gap:8px}.link-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.link-item:hover{border-color:#cbd5e1;box-shadow:0 1px 3px rgba(0,0,0,.05)}.link-url{color:#3b82f6;flex:1 1;font-size:14px;text-decoration:none;transition:color .2s;word-break:break-all}.link-url:hover{color:#2563eb;text-decoration:underline}.remove-link-btn{align-items:center;background:#fef2f2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;gap:4px;padding:6px 10px;transition:background .2s}.remove-link-btn:hover{background:#fee2e2}.add-link-section{align-items:center;display:flex;gap:8px}.link-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#1e293b;flex:1 1;font-size:14px;padding:10px 12px;transition:border-color .2s}.link-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.link-input:disabled{background:#f8fafc;color:#64748b;cursor:not-allowed}.add-link-btn{align-items:center;background:#f0f9ff;border:1px solid #0284c7;border-radius:8px;color:#0284c7;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.add-link-btn:hover:not(:disabled){background:#e0f2fe;border-color:#0369a1;color:#0369a1}.add-link-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.trials-grid{grid-template-columns:1fr}.trial-form-header{align-items:flex-start;flex-direction:column;gap:16px}.trial-section{padding:16px}.trial-section .radio-group{flex-direction:column;gap:12px}.trial-form .form-actions{flex-direction:column}.trial-form .form-actions button{width:100%}}.user-assignment-list{display:flex;flex-direction:column;gap:12px;margin:16px 0;max-height:400px;overflow-y:auto;padding:16px 0}.user-assignment-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.user-assignment-item:hover{background:#f0f9ff;border-color:#3b82f6}.user-assignment-item.selected{background:#eff6ff;border-color:#3b82f6}.user-assignment-item.creator{background:#fef3c7;border-color:#f59e0b}.user-assignment-item input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.user-assignment-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.user-info{align-items:center;flex:1 1;gap:8px}.user-info strong{color:#1e293b;font-weight:600}.user-department{color:#64748b;font-size:14px}.user-badge{background:#fef3c7;border-radius:4px;color:#f59e0b;font-size:12px;font-weight:600;padding:2px 8px}.store-management-workflow{margin:0 auto;max-width:1400px;padding:2rem}.workflow-header{margin-bottom:2rem}.workflow-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:2rem}.workflow-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease}.workflow-card:hover{box-shadow:0 10px 25px -3px rgba(0,0,0,.1);transform:translateY(-2px)}.workflow-card-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;padding:1.5rem}.workflow-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.workflow-meta{align-items:center;display:flex;gap:.5rem}.status-badge{border-radius:9999px;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.status-draft{background-color:#f3f4f6;color:#374151}.status-active{background-color:#dbeafe;color:#1e40af}.status-completed{background-color:#d1fae5;color:#065f46}.status-cancelled{background-color:#fee2e2;color:#991b1b}.priority-badge{border-radius:9999px;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.priority-low{background-color:#f3f4f6;color:#374151}.priority-medium{background-color:#fef3c7;color:#92400e}.priority-high{background-color:#fed7aa;color:#c2410c}.priority-urgent{background-color:#fecaca;color:#dc2626}.workflow-progress{background-color:#f9fafb;padding:1rem 1.5rem}.progress-bar{background-color:#e5e7eb;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);height:100%;transition:width .3s ease}.progress-text{color:#6b7280;font-size:.875rem;font-weight:500}.workflow-steps{max-height:400px;overflow-y:auto;padding:1.5rem}.step-item{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;margin-bottom:.75rem;padding:1rem;transition:all .2s ease}.step-item:hover:not(.locked){background-color:#f8fafc;border-color:#3b82f6}.step-item.completed{background-color:#f0fdf4;border-color:#10b981}.step-item.in_progress{background-color:#eff6ff;border-color:#3b82f6}.step-item.locked{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.step-header{align-items:flex-start;display:flex;gap:1rem}.step-icon{flex-shrink:0;margin-top:.25rem}.step-info{flex:1 1}.step-title{color:#111827;font-size:1rem;font-weight:600;margin-bottom:.25rem}.step-description{color:#6b7280;font-size:.875rem;line-height:1.4}.step-role{flex-shrink:0}.role-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.step-locked{align-items:center;color:#9ca3af;font-size:.75rem;margin-top:.5rem;padding-top:.5rem}.step-locked,.workflow-actions{border-top:1px solid #e5e7eb;display:flex}.workflow-actions{background-color:#f9fafb;gap:.75rem;padding:1rem 1.5rem}.action-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.action-btn:hover{border-color:#3b82f6;color:#3b82f6}.view-btn:hover{background-color:#eff6ff}.history-btn:hover{background-color:#f3f4f6}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-content.large{max-width:700px}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#111827;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s ease}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.checkbox-group,.checkbox-label{align-items:center;display:flex}.checkbox-label{color:#374151;cursor:pointer;font-size:.875rem}.checkbox-label input[type=checkbox]{margin-bottom:0;margin-right:.75rem;width:auto}.checkbox-text{font-weight:500}.file-upload-area{border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:2rem;text-align:center;transition:all .2s ease}.file-upload-area:hover{background-color:#f8fafc;border-color:#3b82f6}.file-input{display:none}.file-upload-text{align-items:center;color:#6b7280;display:flex;font-size:.875rem;justify-content:center}.uploaded-files{margin-top:1rem}.file-item{align-items:center;background-color:#f3f4f6;border-radius:4px;color:#374151;display:flex;font-size:.875rem;margin-bottom:.5rem;padding:.5rem}.step-info{background-color:#f8fafc;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.step-info .step-description{color:#4b5563;font-size:.875rem;margin-bottom:1rem}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background-color:#e5e7eb}@media (max-width:768px){.store-management-workflow{padding:1rem}.form-row,.workflow-grid{grid-template-columns:1fr}.modal-content{margin:1rem;max-width:calc(100vw - 2rem)}.workflow-actions{flex-direction:column}.action-btn{justify-content:center}}@keyframes stepComplete{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.step-item.completed{animation:stepComplete .3s ease}.loading{opacity:.6;pointer-events:none}.spinner{animation:spin 1s linear infinite}.hr-page{background-color:#fff;color:#333;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;margin:0 auto;max-width:800px;padding:40px 20px}.hr-page h1{border-bottom:2px solid #004080;color:#004080;font-size:2.5em;margin-bottom:20px;padding-bottom:10px;text-align:center}.hr-page h2{border-bottom:1px solid #ccc;color:#004080;font-size:1.8em;margin-bottom:10px;margin-top:30px;padding-bottom:5px}.hr-page h3{color:#004080;font-size:1.4em;margin:20px 0 10px}.hr-page p{font-size:1em;margin:10px 0;text-align:justify}.hr-page ul{list-style:none;margin:1em 0;padding:0;width:100%}.hr-page ul li{margin-bottom:.5em;padding-left:1.2em;position:relative;text-align:left}.hr-page ul li:before{color:#004080;content:"\2022";font-size:1em;left:0;line-height:1.6;position:absolute;top:0}.hr-page ul ul{list-style:none;margin:.5em 0 .5em 1em;padding-left:0}.hr-page ul ul li{padding-left:1.2em}.hr-page ul ul li:before{color:#004080;content:"\2022";font-size:.9em;left:0;line-height:1.6;position:absolute;top:0}.hr-page li strong{color:#004080}.subcard{background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.05);margin:20px 0;padding:15px}.hr-page a{color:#06c;text-decoration:none}.hr-page a:hover{text-decoration:underline}.company-strategy-page{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.company-strategy-page h1{color:#004080;margin-bottom:20px;text-align:center}.document-section{margin-bottom:60px}.document-section h2{color:#004080;margin-bottom:20px;text-align:center}.document-section iframe{border:none;height:800px;width:100%}.strategy-nav{display:none}body,html{background-color:#f8fafc;font-family:Poppins,sans-serif;height:100%;margin:0;padding:0}.topbar-container{display:none}@media (min-width:768px){.topbar-container{display:block}}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.content-area{background-color:#f8fafc;flex:1 1;margin-left:250px;margin-top:70px;min-height:calc(100vh - 70px);padding:32px}@media (max-width:768px){.content-area{margin-left:0!important;margin-top:0!important;min-height:100vh!important;padding:16px!important}.App{display:block!important}body{background-color:#f8fafc!important}.navbar{height:auto!important;position:relative!important;width:100%!important}.content-area{display:block!important;opacity:1!important;visibility:visible!important}}.page-container{max-width:1200px}.page-container,.page-container-wide{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);margin:0 auto;min-height:calc(100vh - 134px);padding:32px}.page-container-wide{max-width:1400px}.page-container-narrow{max-width:800px}.page-container-narrow,.page-content{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);margin:0 auto;min-height:calc(100vh - 134px);padding:32px}.page-content{max-width:1200px}@media (max-width:1400px){.page-container-wide{max-width:1200px}}@media (max-width:1200px){.page-container,.page-container-narrow,.page-container-wide,.page-content{margin:0 16px;max-width:100%}}@media (max-width:768px){.content-area{margin-left:0;margin-top:0;padding:16px}.page-container,.page-container-narrow,.page-container-wide,.page-content{border-radius:12px;margin:0;padding:24px}}@media (max-width:480px){.page-container,.page-container-narrow,.page-container-wide,.page-content{border-radius:8px;padding:20px}}.page-header{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:24px}.page-header h1{color:#1e293b;font-size:28px;font-weight:700;line-height:1.2;margin:0 0 8px}.page-header p{color:#64748b;font-size:16px;line-height:1.5;margin:0}.page-section{margin-bottom:32px}.page-section h2{color:#1e293b;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 16px}.page-section p{color:#475569;font-size:15px;line-height:1.6;margin:0 0 16px}.content-padding{padding:32px}.content-padding-large{padding:48px}.content-padding-small{padding:24px}.content-margin{margin:32px}.content-margin-large{margin:48px}.content-margin-small{margin:24px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.nesim-heatmap{--empty:#e6e6e6;--c1:#dbeafe;--c2:#93c5fd;--c3:#60a5fa;--c4:#2563eb;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);box-sizing:border-box;color:#111;margin:20px 0;padding:20px;width:100%}.nesim-heatmap .hm-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.nesim-heatmap .hm-header h3{color:#333;font-size:1.5rem;margin:0}.nesim-heatmap .hm-meta{display:flex;flex:1 1;flex-wrap:wrap;font-size:.9rem;gap:16px;justify-content:center}.nesim-heatmap .hm-meta span{background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;padding:6px 12px}.nesim-heatmap .hm-controls{align-items:center;display:flex;gap:8px}.nesim-heatmap .hm-controls label{font-size:.9rem;font-weight:500}.nesim-heatmap .hm-controls select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:4px 8px}.nesim-heatmap .react-calendar-heatmap{margin:20px 0;max-width:100%;width:100%}.nesim-heatmap .react-calendar-heatmap .color-empty{fill:var(--empty);stroke:#f0f0f0;stroke-width:1}.nesim-heatmap .react-calendar-heatmap .color-scale-1{fill:var(--c1);stroke:#f0f0f0;stroke-width:1}.nesim-heatmap .react-calendar-heatmap .color-scale-2{fill:var(--c2);stroke:#f0f0f0;stroke-width:1}.nesim-heatmap .react-calendar-heatmap .color-scale-3{fill:var(--c3);stroke:#f0f0f0;stroke-width:1}.nesim-heatmap .react-calendar-heatmap .color-scale-4{fill:var(--c4);stroke:#f0f0f0;stroke-width:1}.nesim-heatmap .react-calendar-heatmap .color-scale-1:hover,.nesim-heatmap .react-calendar-heatmap .color-scale-2:hover,.nesim-heatmap .react-calendar-heatmap .color-scale-3:hover,.nesim-heatmap .react-calendar-heatmap .color-scale-4:hover{stroke:#333;stroke-width:2;cursor:pointer}.nesim-heatmap .hm-legend{align-items:center;display:flex;font-size:.85rem;gap:6px;justify-content:center;margin-top:16px}.nesim-heatmap .legend-box{border:1px solid #f0f0f0;border-radius:3px;display:inline-block;height:16px;width:16px}.nesim-heatmap .legend-box.color-scale-1{background:var(--c1)}.nesim-heatmap .legend-box.color-scale-2{background:var(--c2)}.nesim-heatmap .legend-box.color-scale-3{background:var(--c3)}.nesim-heatmap .legend-box.color-scale-4{background:var(--c4)}.nesim-heatmap.error,.nesim-heatmap.loading{padding:40px;text-align:center}.nesim-heatmap .loading-spinner{color:#666;font-size:1.1rem}.nesim-heatmap .error-message{color:#dc3545;font-size:1.1rem}.nesim-heatmap.blue,.nesim-heatmap.ocean{--c1:#dbeafe;--c2:#93c5fd;--c3:#60a5fa;--c4:#2563eb}.nesim-heatmap.sunset{--c1:#fde68a;--c2:#fbbf24;--c3:#f59e0b;--c4:#b45309}.nesim-heatmap.mono{--c1:#e5e7eb;--c2:#cbd5e1;--c3:#94a3b8;--c4:#475569}@media (max-width:768px){.nesim-heatmap .hm-header{align-items:stretch;flex-direction:column;gap:12px}.nesim-heatmap .hm-meta{gap:8px;justify-content:flex-start}.nesim-heatmap .hm-controls{align-self:flex-end}.nesim-heatmap{margin:16px 0;padding:16px}}@media (max-width:480px){.nesim-heatmap .hm-meta{flex-direction:column;gap:8px}.nesim-heatmap .hm-meta span{text-align:center}}.leaderboard-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);box-sizing:border-box;margin:20px 0;min-width:1000px;overflow:hidden;padding:20px;width:100%}.leaderboard-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:-20px -20px 20px;padding:20px}.leaderboard-header h3{font-size:1.5rem;font-weight:600;margin:0}.range-selector{display:flex;gap:8px}.range-btn{-webkit-tap-highlight-color:transparent;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;touch-action:manipulation;transition:all .2s ease}.range-btn:hover{background:hsla(0,0%,100%,.3);transform:translateY(-1px)}.range-btn.active{background:#fff;color:#667eea;font-weight:500}.error-state,.loading-state,.no-data{padding:40px 20px;text-align:center}.loading-spinner{color:#666;font-size:1.1rem}.error-message{color:#dc3545;font-size:1.1rem}.no-data p{color:#666;font-size:1rem}.leaderboard-table{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0;width:100%}.table-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#495057;font-weight:600}.table-header,.table-row{display:grid;grid-template-columns:120px 1fr 150px;min-width:400px;padding:16px 20px}.table-row{-webkit-tap-highlight-color:transparent;border-bottom:1px solid #f1f3f4;touch-action:manipulation;transition:background-color .2s ease}.table-row:hover{background-color:#f8f9fa}.table-row:last-child{border-bottom:none}.cell-rank{align-items:center;display:flex}.rank-icon{font-size:1.2rem;font-weight:600}.cell-user{align-items:center;display:flex}.user-info{display:flex;flex-direction:column;gap:4px}.user-name{color:#333;font-weight:500}.cell-score{align-items:center;display:flex;justify-content:flex-end}.score-value{border-radius:16px;font-size:.9rem;font-weight:600;padding:4px 12px}.score-excellent{background:#d4edda;color:#155724}.score-good{background:#d1ecf1;color:#0c5460}.score-average{background:#fff3cd;color:#856404}.score-low{background:#f8d7da;color:#721c24}.access-denied{color:#666;padding:40px 20px}.access-denied h3{color:#dc3545;margin-bottom:12px}@media (max-width:1024px){.leaderboard-container{min-width:auto}}@media (max-width:768px){.leaderboard-container{margin:16px 8px;min-width:auto;padding:16px}.leaderboard-header{align-items:stretch;flex-direction:column;margin:-16px -16px 16px;padding:16px;text-align:center}.leaderboard-header h3{font-size:1.4rem;margin-bottom:12px}.range-selector{flex-wrap:wrap;gap:8px;justify-content:center}.range-btn{font-size:.9rem;min-width:80px;padding:8px 16px}.table-header,.table-row{grid-template-columns:80px 1fr 100px;min-width:350px;padding:12px 16px}.user-name{font-size:.9rem;word-break:break-word}.score-value{font-size:.85rem;padding:3px 8px}}@media (max-width:480px){.leaderboard-container{margin:12px 4px;padding:12px}.leaderboard-header{margin:-12px -12px 12px;padding:12px}.leaderboard-header h3{font-size:1.2rem;margin-bottom:8px}.range-selector{gap:6px}.range-btn{font-size:.8rem;min-width:70px;padding:6px 12px}.table-header,.table-row{font-size:.85rem;grid-template-columns:60px 1fr 80px;min-width:300px;padding:10px 12px}.user-name{font-size:.8rem;line-height:1.3}.score-value{font-size:.75rem;padding:2px 6px}.rank-icon{font-size:1rem}}@media (max-width:360px){.leaderboard-container{margin:8px 2px;padding:8px}.leaderboard-header{margin:-8px -8px 8px;padding:8px}.leaderboard-header h3{font-size:1.1rem}.range-btn{font-size:.75rem;min-width:60px;padding:4px 8px}.table-header,.table-row{font-size:.8rem;grid-template-columns:50px 1fr 70px;min-width:280px;padding:8px}}.activity-dashboard{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.dashboard-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;margin-bottom:32px;padding:32px 20px;text-align:center}.dashboard-header h1{font-size:2.5rem;font-weight:700;margin:0 0 12px}.dashboard-header p{font-size:1.1rem;margin:0;opacity:.9}.dashboard-tabs{display:flex;gap:16px;justify-content:center;margin-bottom:32px}.tab-btn{background:#fff;border:2px solid #e9ecef;border-radius:25px;box-shadow:0 2px 4px rgba(0,0,0,.05);color:#495057;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.tab-btn:hover{border-color:#3b82f6;box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.tab-btn.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.4);color:#fff}.dashboard-content{margin-bottom:32px}.tab-content{background:#fff;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1);max-width:100%;min-width:0;overflow:hidden;width:100%}.tab-content .leaderboard-container,.tab-content .nesim-heatmap{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.content-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:24px}.content-header h2{color:#333;font-size:1.8rem;margin:0 0 8px}.content-header p{color:#666;font-size:1rem;margin:0}.dashboard-info{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:32px}.info-card{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:24px}.info-card h3{align-items:center;color:#333;display:flex;font-size:1.3rem;gap:8px;margin:0 0 16px}.info-card p{color:#666;line-height:1.6;margin:0 0 16px}.info-card ul{color:#555;margin:0;padding-left:20px}.info-card li{line-height:1.5;margin-bottom:8px}.info-card strong{color:#333}.access-denied{background:#fff;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:80px 20px;text-align:center}.access-denied h2{color:#dc3545;font-size:1.8rem;margin-bottom:16px}.access-denied p{color:#666;font-size:1.1rem}@media (max-width:768px){.activity-dashboard{padding:16px}.dashboard-header{margin-bottom:24px;padding:24px 16px}.dashboard-header h1{font-size:2rem}.dashboard-header p{font-size:1rem}.dashboard-tabs{align-items:center;flex-direction:column;gap:12px;margin-bottom:24px}.tab-btn{max-width:300px;text-align:center;width:100%}.dashboard-info{gap:16px;grid-template-columns:1fr}.info-card{padding:20px}}@media (max-width:480px){.dashboard-header h1{font-size:1.8rem}.dashboard-header p{font-size:.9rem}.content-header{padding:20px 16px}.content-header h2{font-size:1.5rem}.info-card{padding:16px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.792b7e40.css.map*/