:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-sidebar,.asset-user-sidebar,.assistant-sidebar,.lab-tech-sidebar{background:linear-gradient(180deg,#003049,#003049);box-shadow:2px 0 8px #00000026;color:#fff;display:flex;flex-direction:column;flex-shrink:0;min-height:100vh;position:relative;transition:width .3s ease;width:280px;z-index:30}.admin-sidebar.collapsed,.asset-user-sidebar.collapsed,.assistant-sidebar.collapsed,.lab-tech-sidebar.collapsed{width:80px}.sidebar-toggle-btn{border:none;font-size:12px;height:24px;top:20px;transition:all .2s ease;width:24px}.sidebar-toggle-btn:hover{box-shadow:0 4px 12px #0003}.admin-sidebar.collapsed .sidebar-header h2,.asset-user-sidebar.collapsed .sidebar-header h2,.assistant-sidebar.collapsed .sidebar-header h2,.lab-tech-sidebar.collapsed .sidebar-header h2{font-size:17px}.admin-sidebar.collapsed .profile-info,.asset-user-sidebar.collapsed .profile-info,.assistant-sidebar.collapsed .profile-info,.lab-tech-sidebar.collapsed .profile-info{display:none}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:12px 8px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.nav-btn{background:#0000;border-radius:8px;color:#ffffffb3;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.nav-btn:hover{background:#ffffff1a}.nav-btn.active{background:#fbbf241a;border-left:4px solid #fbbf24;border-radius:0 8px 8px 0;box-shadow:none;margin-bottom:0;padding-bottom:12px}.nav-icon{align-items:center;display:flex;height:18px;justify-content:center;width:18px}.nav-btn span{font-size:large;overflow:hidden;text-overflow:ellipsis}.admin-sidebar.collapsed .nav-btn,.asset-user-sidebar.collapsed .nav-btn,.assistant-sidebar.collapsed .nav-btn,.lab-tech-sidebar.collapsed .nav-btn{gap:0;justify-content:center;padding:12px}.admin-sidebar.collapsed .nav-btn span,.asset-user-sidebar.collapsed .nav-btn span,.assistant-sidebar.collapsed .nav-btn span,.lab-tech-sidebar.collapsed .nav-btn span{display:none}@media (max-width:768px){.admin-sidebar,.admin-sidebar.collapsed,.asset-user-sidebar,.asset-user-sidebar.collapsed,.assistant-sidebar,.assistant-sidebar.collapsed,.lab-tech-sidebar,.lab-tech-sidebar.collapsed{width:70px}.sidebar-header h2{font-size:12px}.sidebar-profile{padding:12px}.profile-avatar{font-size:14px;height:36px;width:36px}.profile-info{display:none}.nav-btn{gap:0;justify-content:center;padding:12px}.nav-btn span,.sidebar-toggle-btn{display:none}}@media (max-width:480px){.admin-sidebar,.asset-user-sidebar,.assistant-sidebar,.lab-tech-sidebar{border-right:1px solid #e0e0e0;height:100vh;left:-280px;position:fixed;width:280px;z-index:1001}.admin-sidebar.open,.asset-user-sidebar.open,.assistant-sidebar.open,.lab-tech-sidebar.open{box-shadow:2px 0 12px #0003;left:0}.sidebar-toggle-btn{display:flex}}.dashboard-page{display:flex;height:100vh;width:100%}.dashboard-page .page-container{background-color:#fff;flex:1 1;flex-direction:column;overflow-y:auto;padding:2rem}.dashboard-container{margin:0 auto;max-width:1200px}.dashboard-container h1{color:var(--text-color);margin-bottom:2rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.stat-card{border:1px solid #e5e7eb;border-left:4px solid #d1d5db;border-radius:8px;box-shadow:0 1px 3px #00000014;gap:1.5rem;padding:1.5rem;transition:all .2s ease}.stat-card:hover{border-left-color:#6b7280}.stat-icon{border-radius:50%;font-size:2.5rem;height:70px;width:70px}.stat-icon.available,.stat-icon.in-use,.stat-icon.low-stock,.stat-icon.maintenance,.stat-icon.maintenance-cost,.stat-icon.maintenance-pending,.stat-icon.total,.stat-icon.warranty{background-color:#f3f4f6;color:#374151;font-size:2rem}.stat-content h3{color:var(--gray);font-size:1rem;font-weight:500;margin:0 0 .5rem}.stat-number{color:var(--text-color);font-size:2rem}.stat-label{color:var(--gray)}.stat-label,.stat-percentage{font-size:.85rem;margin:.25rem 0 0}.stat-percentage{color:var(--text-color);font-weight:600}.stat-card:first-child{border-left-color:#3b82f6}.stat-card:nth-child(2){border-left-color:#10b981}.stat-card:nth-child(3){border-left-color:#8b5cf6}.stat-card:nth-child(4),.stat-card:nth-child(5){border-left-color:#ef4444}.stat-card:nth-child(6){border-left-color:#f59e0b}.stat-card:nth-child(7){border-left-color:#6366f1}.stat-card:nth-child(8){border-left-color:#ec4899}.department-management-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-top:2rem;padding:24px}.department-management-section h2{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 16px}.dept-add-row{display:flex;gap:10px;margin-bottom:18px}.dept-input{border:2px solid #e2e8f0;border-radius:10px;flex:1 1;font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .2s}.dept-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.dept-add-btn{align-items:center;background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:background .2s;white-space:nowrap}.dept-add-btn:hover:not(:disabled){background:#1e40af}.dept-add-btn:disabled{cursor:not-allowed;opacity:.5}.dept-list{display:flex;flex-wrap:wrap;gap:10px}.dept-chip{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:24px;color:#1e40af;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 14px}.dept-delete-btn{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:12px;padding:2px;transition:color .2s}.dept-delete-btn:hover{color:#ef4444}.alerts-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:2rem}.alert-box{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.alert-box h3{color:var(--text-color);font-size:1.1rem;margin-bottom:1rem;margin-top:0}.alert-subtitle{color:var(--gray);font-size:.9rem;font-weight:500;margin:-.75rem 0 1rem}.no-alerts{color:var(--gray);padding:2rem;text-align:center}.alert-list{display:flex;flex-direction:column;gap:1rem}.alert-item{align-items:center;border-left:4px solid;border-radius:var(--radius);display:flex;gap:1rem;justify-content:space-between;padding:1rem}.low-stock-item{background-color:#fef2f2;border-color:#ef4444}.warranty-item{background-color:#fffbeb;border-color:#f59e0b}.calibration-item{background-color:#f5f3ff;border-color:#8b5cf6}.overdue-item{background-color:#fef3c7;border-color:#f59e0b}.maintenance-cycle-item{background-color:#ecfdf5;border-color:#10b981}.overdue-cycle-item{background-color:#fef2f2;border-color:#ef4444}.overdue-badge{color:#b85c0d;font-weight:700}.critical-badge{background-color:#fca5a5;border-radius:4px;color:#991b1b;font-weight:700;padding:.5rem 1rem}.alert-item-content strong{color:var(--text-color);display:block;margin-bottom:.25rem}.alert-item-content p{color:var(--gray);font-size:.85rem;margin:.25rem 0}.lab-location{background-color:#0000001a;border-radius:4px;color:var(--dark-gray);display:inline-block;font-size:.75rem;margin-top:.25rem;padding:.25rem .5rem}@media (max-width:1024px){.dashboard-page .page-container{padding:1.5rem}.stats-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.dashboard-page{flex-direction:column}.dashboard-page .page-container{flex:1 1;overflow-y:auto;padding:1rem;width:100%}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{flex-direction:column;text-align:center}.stat-icon{font-size:1.5rem;height:60px;width:60px}.alerts-section{grid-template-columns:1fr}}@media (max-width:480px){.dashboard-page .page-container{padding:1rem}.stats-grid{grid-template-columns:1fr}.alert-box{padding:1rem}.alert-item{align-items:flex-start}.alert-item,.dept-add-row{flex-direction:column}.dept-add-btn{width:100%}}.dashboard-wrapper{background-color:#fff;min-height:100vh}.dashboard-main{background-color:#fff;flex:1 1;overflow-y:auto;padding:30px;transition:margin-left .3s ease}.dashboard-header h1{color:#1a1f3a}.dashboard-header p{color:#666}.loading-spinner{color:#666;font-size:16px;height:100vh}.sidebar-footer{border-top:1px solid #ffffff1a;padding:16px 12px}@media (max-width:768px){.dashboard-wrapper{flex-direction:column}.dashboard-main{margin-left:80px;padding:20px}.dashboard-header h1{font-size:20px}.dashboard-header p{font-size:12px}}@media (max-width:480px){.dashboard-main{margin-left:0;padding:15px}.dashboard-header h1{font-size:18px}}.add-asset-page{background-color:#f8fafc;display:flex;min-height:100vh}.add-asset-container{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);flex:1 1;margin:0 auto;overflow-y:auto;padding:2rem}.add-asset-container h2{color:var(--text-color);margin-bottom:2rem}.asset-form{display:flex;flex-direction:column;gap:2rem}.form-section{background-color:var(--light-gray);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem}.form-section h3{color:var(--primary-color);font-size:1.2rem;margin-bottom:1.5rem;margin-top:0}.section-hint{color:var(--text-color-light);font-size:.9rem;font-style:italic;margin:-1rem 0 1rem}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--text-color);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border-radius:var(--radius);font-size:1rem;padding:.75rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color)}.form-group textarea{min-height:120px}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%}.form-actions{gap:1rem;margin-top:1rem}.form-actions .btn{flex:1 1;font-size:1rem;max-width:200px;padding:.75rem 1.5rem}.help-text{color:var(--text-color-light);display:block;font-size:.85rem;margin-top:.25rem}.image-preview-container{background-color:#f8f9ff;border:2px dashed var(--primary-color);border-radius:var(--radius);margin:2rem 0;padding:1.5rem}.image-preview-container h4{color:var(--primary-color);margin-bottom:1rem;margin-top:0}.image-preview{background:#fff;border-radius:var(--radius);margin-bottom:1rem}.image-preview img{margin:0 auto;max-height:400px;max-width:100%}.btn-sm{font-size:.9rem;padding:.5rem 1rem}.btn-danger{background-color:#dc3545}.btn-danger:hover{background-color:#c82333}@media (max-width:768px){.add-asset-page{flex-direction:column}.admin-sidebar{border-bottom:1px solid #e2e8f0;height:auto;max-height:200px;overflow-y:auto;position:relative;width:100%}.sidebar-header{padding:20px}.sidebar-title{font-size:18px}.profile-section{padding:15px 20px}.sidebar-nav{display:grid;grid-template-columns:repeat(2,1fr);padding:10px 0}.nav-btn{font-size:13px;padding:10px 15px}.add-asset-container,.form-section{padding:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{max-width:100%}}@media (max-width:480px){.admin-sidebar{max-height:150px}.sidebar-nav{grid-template-columns:1fr}.profile-avatar{font-size:24px;height:50px;width:50px}.profile-section h3{font-size:16px}.add-asset-container,.form-section{padding:.5rem}}.frequency-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.frequency-chip{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;color:#475569;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.frequency-chip input[type=radio]{display:none}.frequency-chip:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.frequency-chip.selected{background:#2563eb;border-color:#2563eb;box-shadow:0 2px 8px #2563eb40;color:#fff}.specifications-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.specifications-grid .form-group{margin-bottom:0}.specifications-grid .form-group label{color:var(--text-color);display:block;font-weight:500;margin-bottom:.5rem}.specifications-grid .form-group input{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:6px;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}.specifications-grid .form-group input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.specifications-grid .form-group input::placeholder{color:#9ca3af}.plan-limit-popup-overlay{background:#0f172a94;padding:16px}.plan-limit-popup-card{border-radius:14px;box-shadow:0 22px 56px #02061759;padding:22px;width:min(92vw,520px)}.plan-limit-popup-card h3{font-size:1.2rem;margin:0 0 10px}.plan-limit-popup-actions{margin-top:18px}.plan-limit-btn{padding:10px 14px}.checklist-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #38bdf8;border-radius:10px;margin-top:1rem;padding:1.5rem}.checklist-section label{color:#0369a1;font-size:1rem;font-weight:600}.section-hint{color:#0c4a6e;font-size:.85rem;margin:.5rem 0 1rem}.checklist-input-group{gap:8px;margin-bottom:1rem;margin-top:.5rem}.checklist-input{background:#fff;border:2px solid #cbd5e1;border-radius:8px;flex:1 1;font-size:.95rem;padding:10px 14px;transition:all .3s ease}.checklist-input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a;outline:none}.btn-secondary{background:#0369a1;font-size:.9rem;font-weight:500;padding:10px 16px;white-space:nowrap}.btn-secondary:hover{background:#0284c7;box-shadow:0 4px 8px #0369a133;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-small{font-size:.85rem;padding:8px 12px}.checklist-items{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;padding:.5rem}.checklist-item{border-left:4px solid #38bdf8;box-shadow:0 2px 4px #0000000d;padding:12px 14px;transition:all .3s ease}.checklist-item:hover{background:#f0f9ff;box-shadow:0 4px 8px #0000001a}.checklist-item span{flex:1 1;font-size:.95rem;word-break:break-word}.btn-remove{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:28px;justify-content:center;margin-left:8px;transition:all .3s ease;width:28px}.btn-remove:hover{background:#dc2626;transform:scale(1.1)}.btn-remove:active{transform:scale(.95)}.tabs-container-row{margin-bottom:2rem;padding:0}.tabs-header{grid-gap:12px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem;padding:20px}.tab-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.tab-button:before{background:linear-gradient(90deg,#0000,#ffffff80,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tab-button:hover{background:#f0f9ff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb26;color:#2563eb;transform:translateY(-2px)}.tab-button:hover:before{left:100%}.tab-button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;box-shadow:0 6px 20px #2563eb4d;color:#fff}.tab-button.active .tab-icon{transform:scale(1.3)}.tab-icon{font-size:1.5rem;transition:transform .3s ease}.tab-label{font-size:.85rem;font-weight:600;letter-spacing:.5px}.tab-content{animation:fadeIn .3s ease-in-out;background:linear-gradient(135deg,#fff,#f8fafc 50%)}.form-actions-tabs{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000f;display:flex;gap:1rem;justify-content:space-between;margin-top:3rem;padding:2rem 1.5rem}.form-actions-tabs .btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:140px;padding:12px 24px;transition:all .3s ease}.form-actions-tabs .btn-secondary{background:#e2e8f0;color:#1f2937}.form-actions-tabs .btn-secondary:hover:not(:disabled){background:#cbd5e1;transform:translateY(-2px)}.form-actions-tabs .btn-secondary:disabled{background:#f1f5f9;color:#cbd5e1;cursor:not-allowed}.form-actions-tabs .btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb33;color:#fff}.form-actions-tabs .btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #2563eb4d;transform:translateY(-2px)}.form-actions-tabs .btn-primary:disabled{cursor:not-allowed;opacity:.6}.asset-image-upload{background-color:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;cursor:pointer;padding:40px;text-align:center;transition:all .3s ease}.asset-image-upload:hover{background-color:#eff6ff;border-color:#2563eb}.unit-image-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:6px;padding:10px;text-align:center;transition:all .3s ease}.unit-image-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.frequency-options-compact{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-top:8px}.frequency-options-compact .frequency-chip{border-radius:20px;font-size:.85rem;padding:8px 12px}@media (max-width:1024px){.tabs-header{gap:10px;grid-template-columns:repeat(2,1fr);padding:16px}.form-actions-tabs{flex-direction:column}.form-actions-tabs .btn{width:100%}}@media (max-width:768px){.tabs-header{gap:8px;grid-template-columns:1fr;padding:12px}.tab-button{font-size:.9rem;padding:12px 16px}.tab-icon{font-size:1.2rem}.tab-label{font-size:.8rem}.form-actions-tabs{gap:.75rem;padding:1.5rem 1rem}.form-actions-tabs>div{order:2;text-align:center;width:100%}.form-actions-tabs .btn{flex:1 1;min-width:100px}}@media (max-width:480px){.tabs-header{grid-template-columns:1fr;padding:10px}.tab-button{flex-direction:row;padding:10px 12px}.tab-icon{font-size:1rem}.tab-label{display:none}.form-actions-tabs{flex-direction:column-reverse;gap:.5rem;padding:1rem}.form-actions-tabs .btn{font-size:.9rem;padding:10px 16px;width:100%}}.maintenance-form-wrapper{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.maintenance-form{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:700px;overflow-y:auto;padding:30px;width:100%}.maintenance-form h2{border-bottom:2px solid #007bff;color:#333;font-size:24px;margin-bottom:25px;margin-top:0;padding-bottom:15px}.maintenance-form.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.maintenance-form.error{color:#d32f2f;padding:40px;text-align:center}.form-section{margin-bottom:30px}.form-section h3{color:#555;font-size:16px;font-weight:600;margin-bottom:8px}.section-note{color:#999;font-size:12px;font-style:italic;margin-bottom:15px}.form-grid{grid-gap:15px;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.form-group label{font-weight:500}.form-group input,.form-group select,.form-group textarea{border-radius:4px;padding:10px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input:disabled{color:#666}.maintenance-info{background:#f9f9f9;border-radius:4px;display:flex;flex-direction:column;gap:12px;padding:15px}.info-item{align-items:center;border-bottom:1px solid #eee;justify-content:space-between;padding:10px 0}.info-item:last-child{border-bottom:none}.info-item label{color:#333;font-weight:600;min-width:150px}.info-value{color:#666;flex:1 1}.info-value.priority{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px}.status-info{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;margin-top:15px;padding:15px}.status-info p{color:#1565c0;font-size:14px;margin:5px 0}.required{color:#d32f2f;font-weight:700}.calibration-section{background:#f9f9f9;border-left:4px solid #ff9800;border-radius:4px;margin-top:15px;padding:15px}.calibration-section h4{color:#ff9800;font-size:14px;margin-bottom:15px;margin-top:0}.error-message{background-color:#ffebee;border-left:4px solid #d32f2f;border-radius:4px;color:#d32f2f}.form-actions{border-top:1px solid #eee;gap:10px;margin-top:25px}.btn{border-radius:4px;flex:1 1;transition:all .2s}.btn-primary{background-color:#007bff}.btn-primary:hover:not(:disabled){background-color:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.btn-secondary{background-color:#f0f0f0;border:1px solid #ddd}.btn-secondary:hover:not(:disabled){background-color:#e0e0e0}.status-display{margin-bottom:20px}.current-status{align-items:center;background-color:#f5f5f5;border-radius:6px;display:flex;gap:12px;padding:15px}.current-status label{color:#333;font-weight:600;margin:0}.status-badge{font-size:13px;padding:8px 16px}.status-pending{background-color:#fff3cd}.status-in_progress{background-color:#d1ecf1;color:#0c5460}.status-completed{background-color:#d4edda;color:#155724}.status-rejected{background-color:#f8d7da}.status-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:20px 0}.btn-status{background-color:#fff;border:2px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;text-align:center;transition:all .2s ease}.btn-status:hover:not(:disabled){background-color:#f0f7ff;border-color:#007bff;transform:translateY(-2px)}.btn-status:disabled{cursor:not-allowed;opacity:.5}.btn-status.active{background-color:#d4edda;border-color:#28a745;color:#155724}.btn-status.btn-danger{border-color:#dc3545}.btn-status.btn-danger:hover:not(:disabled){background-color:#ffe5e5;border-color:#dc3545}.status-info{margin-top:20px}.info-box{background-color:#f9f9f9;border-left:4px solid;padding:15px}.info-box p{font-size:14px;margin:8px 0}.info-box p:first-child{margin-top:0}.info-box p:last-child{margin-bottom:0}.info-pending{background-color:#fffbf0;border-color:#ffc107;color:#856404}.info-in-progress{background-color:#ecf4f7;border-color:#17a2b8;color:#0c5460}.info-completed{background-color:#f0f7f3;border-color:#28a745;color:#155724}.info-rejected{background-color:#fef5f5;border-color:#dc3545;color:#721c24}@media (max-width:600px){.maintenance-form{padding:20px}.form-grid{grid-template-columns:1fr}.maintenance-form h2{font-size:20px}}.checklist-container{background-color:#fafafa;border:1px solid #ddd;border-radius:4px;padding:12px}.add-checklist-item{display:flex;gap:8px;margin-bottom:12px}.add-checklist-item input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-family:inherit;font-size:14px;padding:10px;transition:border-color .2s}.add-checklist-item input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.btn-add-item{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s;white-space:nowrap}.btn-add-item:hover{background-color:#218838}.btn-add-item:active{transform:scale(.98)}.checklist-items{background-color:#fff;border-radius:4px;overflow:hidden}.checklist-items ul{list-style:none;margin:0;padding:0}.checklist-items li{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px;transition:background-color .2s}.checklist-items li:last-child{border-bottom:none}.checklist-items li:hover{background-color:#f9f9f9}.checklist-items li span{color:#333;flex:1 1;font-size:14px}.btn-remove-item{background-color:initial;border:1px solid #d32f2f;border-radius:3px;color:#d32f2f;cursor:pointer;font-size:16px;font-weight:700;margin-left:8px;padding:4px 8px;transition:all .2s}.btn-remove-item:hover{background-color:#ffebee;border-color:#b71c1c;color:#b71c1c}.checklist-count{background-color:#f5f5f5;border-radius:0 0 4px 4px;color:#666;font-size:12px;font-style:italic;margin:0;padding:8px 12px;text-align:right}.checklist-display li{color:#666;font-size:14px;padding:6px 0}.checklist-display li:before{color:#28a745;content:"✓ ";font-weight:700;margin-right:8px}.maintenance-history{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:20px}.maintenance-history h3{border-bottom:2px solid #007bff;color:#333;font-size:18px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.maintenance-history.error,.maintenance-history.loading{color:#666;padding:40px 20px;text-align:center}.maintenance-history.error{background-color:#ffebee;color:#d32f2f}.maintenance-history.empty{color:#999;padding:40px 20px;text-align:center}.timeline{padding:20px 0}.timeline:before{background:#e0e0e0;bottom:0;content:"";left:20px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:25px;padding-left:60px}.timeline-marker{background:#007bff;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #e8f4ff;height:20px;left:10px;position:absolute;top:5px;width:20px}.timeline-item:last-child .timeline-marker{background:#4caf50}.timeline-content{background:#f9f9f9;border-left:4px solid #007bff;border-radius:6px;padding:15px}.record-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.header-left{flex-wrap:wrap;gap:8px}.header-left,.header-right{align-items:center;display:flex}.badge{border-radius:12px}.type-badge{font-weight:600;text-transform:capitalize}.type-repair{background:#ffebee;color:#c62828}.type-preventive{background:#e3f2fd;color:#01579b}.type-calibration{background:#f3e5f5;color:#7b1fa2}.type-default{background:#f0f0f0;color:#333}.badge-warning{background:#fff3e0;color:#e65100}.badge-info{background:#e1f5fe;color:#01579b}.badge-success{background:#e8f5e9;color:#1b5e20}.badge-danger{background:#ffebee;color:#c62828}.badge-secondary{background:#f0f0f0;color:#666}.priority{border-radius:3px;font-size:11px;padding:3px 8px}.priority-low{background:#e8f5e9;color:#2e7d32}.priority-medium{background:#fff3e0;color:#e65100}.priority-high{background:#ffebee;color:#c62828}.date{color:#666;font-size:13px;font-weight:500}.record-body{margin-top:10px}.record-body p{color:#555;font-size:14px;line-height:1.5;margin:8px 0}.issue-description,.remarks,.work-performed{background:#fff;border-radius:4px;margin:8px 0;padding:10px}.sent-to{font-size:13px;margin:8px 0}.record-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:12px 0;padding:10px 0}.detail-item{background:#fff;border-radius:4px;padding:8px}.detail-item.full-width{grid-column:1/-1}.detail-label{color:#666;margin-bottom:4px}.calibration-passed{background:#e8f5e9;color:#2e7d32}.calibration-failed,.calibration-passed{border-radius:3px;display:inline-block;padding:2px 6px}.calibration-failed{background:#ffebee;color:#c62828}.calibration-partial{background:#fff3e0;border-radius:3px;color:#e65100;display:inline-block;padding:2px 6px}.record-actions{border-top:1px solid #eee;display:flex;gap:10px;margin-top:15px;padding-top:12px}.btn-track-status{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-track-status:hover{background-color:#0056b3;box-shadow:0 2px 4px #007bff4d;transform:translateY(-1px)}@media (max-width:600px){.timeline:before{left:12px}.timeline-marker{height:16px;left:2px;width:16px}.timeline-item{padding-left:40px}.record-header{flex-direction:column}.record-details-grid{grid-template-columns:1fr}.header-left,.header-right{width:100%}}.view-assets-page{background-color:#f8fafc;display:flex;min-height:100vh}.view-assets-page.embedded{background:#0000;min-height:auto}.view-assets-page.embedded .view-assets-container{padding:0}.view-assets-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:2rem}.view-assets-container h2{color:var(--text-color)}.filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;flex-wrap:nowrap;gap:1rem;padding:1rem 1.5rem}.filters-grid{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.filters-section .btn,.filters-section .btn-secondary{border:none;border-radius:6px;cursor:pointer;flex:0 0 auto;font-size:.9rem;font-weight:500;min-width:auto;padding:.65rem 1.5rem;transition:all .2s ease;white-space:nowrap}.filters-section .btn-secondary{background-color:#e5e7eb;color:#374151}.filters-section .btn-secondary:hover{background-color:#d1d5db}.filter-group{flex:0 1 auto;flex-direction:column;gap:.35rem;min-width:140px}.filter-group label{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.filter-group input,.filter-group select{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.85rem;padding:.5rem .75rem;transition:all .2s ease}.filter-group input:focus,.filter-group select:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.assets-table-responsive{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto;padding:1.5rem}.assets-table{font-size:13px}.assets-table thead{color:#fff;z-index:10}.assets-table th{border-bottom:2px solid #1e3a8a;color:#fff;font-size:11px;font-weight:600;padding:12px 15px}.assets-table td{border-bottom:1px solid #e5e7eb;padding:10px 12px;vertical-align:middle}.assets-table tbody tr:hover{background-color:#f9fafb}.assets-table tbody tr.low-stock{background-color:#fffbeb}.asset-image-cell{align-items:center;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:0;width:40px}.asset-thumbnail{border-radius:4px;height:auto;max-height:100%;max-width:100%;object-fit:cover;width:auto}.asset-icon-placeholder{align-items:center;background:linear-gradient(135deg,#e0e7ff,#f3e8ff);border-radius:4px;color:#6366f1;display:flex;font-size:18px;height:100%;justify-content:center;width:100%}.assets-table .btn-sm{border-radius:4px;font-size:11px!important;font-weight:500;line-height:1;min-width:auto;padding:6px 10px!important;white-space:nowrap}.assets-table .btn-sm:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-2px)}.status-select{appearance:auto;-webkit-appearance:auto;background-color:#fff;border:2px solid var(--border-color);border-radius:var(--radius);cursor:pointer;font-size:.9rem;font-weight:500;min-width:120px;padding:.5rem .75rem;position:relative;transition:all .2s ease;z-index:10}.status-select:hover{border-width:2px;box-shadow:0 2px 8px #0000001a}.status-select:focus{border-width:2px;box-shadow:0 0 0 3px #3b82f61a,0 2px 8px #00000026;outline:none}.status-select option{background-color:#fff;color:#374151;padding:.5rem}.status-select.status-available{background-color:#f0fdf4;border-color:#10b981;color:#10b981}.status-select.status-available:hover{background-color:#dcfce7}.status-select.status-in_use{background-color:#fffbeb;border-color:#f59e0b;color:#f59e0b}.status-select.status-in_use:hover{background-color:#fef3c7}.status-select.status-under_maintenance{background-color:#fef2f2;border-color:#ef4444;color:#ef4444}.status-select.status-under_maintenance:hover{background-color:#fee2e2}.status-select.status-disposed{background-color:#f3f4f6;border-color:#6b7280;color:#6b7280}.status-select.status-disposed:hover{background-color:#e5e7eb}.status-badge-static{border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.3px;padding:.45rem 1rem;text-align:center}.status-badge-static.status-available{background-color:#10b981;color:#fff}.status-badge-static.status-in_use{background-color:#f59e0b;color:#fff}.status-badge-static.status-under_maintenance{background-color:#ef4444;color:#fff}.status-badge-static.status-disposed{background-color:#6b7280;color:#fff}.details-row td{background-color:var(--light-gray);padding:0!important}.asset-details{background:#fff;border-radius:var(--radius);padding:2rem}.details-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.details-header h3{color:var(--text-color);margin:0}.details-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.detail-group{display:flex;flex-direction:column}.detail-group.full-width{grid-column:1/-1}.detail-group label{color:var(--primary-color);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.detail-group span{color:var(--text-color);font-size:.95rem}.detail-group input,.detail-group textarea{border:1px solid var(--border-color);border-radius:var(--radius);padding:.75rem}.invoice-image-display{background-color:#f8f9ff;border:1px solid var(--border-color);border-radius:var(--radius);display:inline-block;max-width:100%;padding:.5rem}.invoice-image-display img{border-radius:4px;cursor:pointer;display:block;max-height:400px;max-width:300px;transition:transform .2s ease}.invoice-image-display img:hover{transform:scale(1.05)}.detail-actions{display:flex;gap:1rem;justify-content:flex-end}.detail-actions .btn{min-width:120px}.detail-group span.overdue{color:#dc3545;font-weight:600}.asset-modal-overlay{align-items:flex-start;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:30px 20px;position:fixed;right:0;top:0;z-index:1000}.asset-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.asset-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#5567d8);border-bottom:2px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 28px}.asset-modal-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.modal-close-btn{font-size:1.3rem}.asset-modal-body{flex:1 1;overflow-y:auto;padding:24px 28px}.modal-section{background-color:#fafbfc;border-bottom:1px solid #e5e7eb;border-left:4px solid #667eea;border-radius:8px;padding:16px}.modal-section:last-child{border-bottom:none;margin-bottom:0}.modal-section-title{color:#667eea;font-size:1rem;font-weight:700;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.modal-fields-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.modal-field{gap:6px}.modal-field.full-width{grid-column:1/-1}.modal-field label{color:#6b7280;font-size:.82rem;font-weight:600;letter-spacing:.3px}.modal-field span{color:#1f2937;font-size:.95rem;padding:8px 0}.modal-field span.capitalize{text-transform:capitalize}.modal-field input,.modal-field select,.modal-field textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.modal-field input:focus,.modal-field select:focus,.modal-field textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.status-badge-modal{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.status-badge-modal.status-available{background:#d1fae5;color:#065f46}.status-badge-modal.status-in_use{background:#fef3c7;color:#92400e}.status-badge-modal.status-under_maintenance{background:#fee2e2;color:#991b1b}.status-badge-modal.status-disposed{background:#e5e7eb;color:#374151}.invoice-edit-area{display:flex;flex-direction:column;gap:8px}.invoice-preview-edit{align-items:flex-start;display:flex;gap:12px;margin-top:8px}.invoice-preview-edit img{border:1px solid #d1d5db;border-radius:6px;max-height:150px;max-width:200px;object-fit:cover}.asset-modal-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:2px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;padding:18px 28px}.asset-modal-footer .btn{border-radius:6px;font-weight:600;padding:10px 20px}@media (max-width:768px){.view-assets-page{flex-direction:column}.admin-sidebar{border-bottom:1px solid #e2e8f0;height:auto;max-height:200px;overflow-y:auto;position:relative;width:100%}.sidebar-header{padding:20px}.sidebar-title{font-size:18px}.profile-section{padding:15px 20px}.sidebar-nav{display:grid;grid-template-columns:repeat(2,1fr);padding:10px 0}.nav-btn{font-size:13px;padding:10px 15px}.modal-fields-grid{grid-template-columns:1fr}.asset-modal-content{max-height:95vh}.asset-modal-overlay{padding:10px}.asset-modal-footer{flex-direction:column}.asset-modal-footer .btn{width:100%}}@media (min-width:769px) and (max-width:1024px){.modal-fields-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.admin-sidebar{max-height:150px}.sidebar-nav{grid-template-columns:1fr}.profile-avatar{font-size:24px;height:50px;width:50px}.profile-section h3{font-size:16px}.view-assets-container{padding:1rem}}@media (max-width:1200px){.filters-grid,.filters-section{flex-wrap:wrap}}@media (max-width:768px){.filters-section{align-items:stretch}.filters-grid,.filters-section{flex-direction:column}.filter-group,.filters-section .btn,.filters-section .btn-secondary{width:100%}.assets-table{font-size:12px}.assets-table td,.assets-table th{padding:8px 10px}.assets-table .btn-sm{font-size:10px!important;padding:5px 8px!important}.asset-image-cell{height:35px;width:35px}.details-grid{grid-template-columns:1fr}.detail-actions{flex-direction:column}.detail-actions .btn{width:100%}}.units-display{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.units-count{background:#f0f0f0;border-radius:4px;color:#667eea;font-size:12px;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;padding:4px 8px}.units-list{gap:6px}.unit-badge{border:1px solid #ddd;border-radius:12px;font-size:11px;padding:4px 8px;white-space:nowrap}.unit-status-available{background-color:#d1ecf1;border-color:#0c5460;color:#0c5460}.unit-status-in_use{background-color:#cfe2ff;border-color:#084298;color:#084298}.unit-status-under_maintenance{background-color:#fff3cd;border-color:#664d03;color:#664d03}.unit-status-disposed{background-color:#f8d7da;border-color:#721c24;color:#721c24}.unit-more{background-color:#e9ecef;border-color:#495057;color:#495057;font-style:italic}.allocation-modal{display:flex;flex-direction:column;max-height:85vh;max-width:1000px}.allocation-subtitle{color:#6b7280;font-size:1rem;font-weight:500;margin:.5rem 0 0}.allocation-section{margin-bottom:2rem}.section-title{border-bottom:2px solid #3b82f6;display:inline-block;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.8rem}.allocation-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.allocation-table{border-collapse:collapse;font-size:.95rem;width:100%}.allocation-table thead{background:#f3f4f6;border-bottom:2px solid #d1d5db}.allocation-table thead th{color:#374151;font-size:.9rem;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.allocation-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.allocation-table tbody tr:hover{background-color:#f9fafb}.allocation-table tbody tr:last-child{border-bottom:none}.allocation-table tbody td{color:#6b7280;padding:1rem}.allocation-table strong{color:#1f2937;font-weight:600}.no-data{color:#9ca3af;font-style:italic;padding:2rem}.active-badge{background-color:#d1fae5;border-radius:12px;color:#065f46;display:inline-block;font-size:.85rem;font-weight:500;padding:.35rem .75rem}.allocation-till-info{display:flex;flex-direction:column;gap:.5rem}.allocation-till-info .till-date{color:#1f2937;font-size:.95rem;font-weight:500}.allocation-till-info .remaining-days{background-color:#dbeafe;color:#1e40af;width:-webkit-fit-content;width:fit-content}.allocation-till-info .remaining-days,.status-badge-active{border-radius:6px;display:inline-block;font-size:.85rem;font-weight:600;padding:.35rem .75rem}.status-badge-active{background-color:#10b981;color:#fff}.loading-text{color:#6b7280;padding:2rem;text-align:center}.modal-section .checklist-container{background-color:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-top:8px;padding:12px}.checklist-existing-header{color:#2d3748;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:10px;text-transform:uppercase}.checklist-items-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.checklist-item{background-color:#fff}.checklist-item:hover{background-color:#f8f9fa;border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d}.checklist-item input[type=checkbox]{accent-color:#667eea;border-radius:3px;flex-shrink:0;min-width:18px}.checklist-item input[type=checkbox]:hover{accent-color:#5567d8}.checklist-item-text{color:#2d3748;flex:1 1;font-size:14px;line-height:1.4;word-break:break-word}.checklist-item input[type=checkbox]:checked~.checklist-item-text{color:#a0aec0;text-decoration:line-through}.checklist-item-delete{background-color:#fee2e2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;min-width:30px;padding:4px 8px;text-align:center;transition:all .2s ease}.checklist-item-delete:hover{background-color:#fca5a5;border-color:#f87171;color:#991b1b;transform:scale(1.05)}.checklist-item-delete:active{transform:scale(.95)}.checklist-add-form{background-color:#edf2f7;border-radius:6px;display:flex;gap:8px;margin-top:12px;padding:12px}.checklist-add-form input{background-color:#fff;border:1px solid #cbd5e0;border-radius:4px;color:#2d3748;flex:1 1;font-size:13px;padding:8px 12px;transition:all .2s ease}.checklist-add-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.checklist-add-form input::placeholder{color:#a0aec0}.checklist-add-button{background-color:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.checklist-add-button:hover{background-color:#5567d8;box-shadow:0 2px 8px #667eea4d;transform:translateY(-1px)}.checklist-add-button:active{transform:translateY(0)}.checklist-empty-state{background-color:#f7fafc;border:1px dashed #cbd5e0;border-radius:6px;color:#718096;font-size:13px;padding:15px;text-align:center}.checklist-empty-state p{margin:0}.checklist-item-completion-info{color:#a0aec0;font-size:11px;font-weight:500}.checklist-item.read-only input[type=checkbox]{cursor:default;pointer-events:none}@media (max-width:576px){.checklist-add-form{flex-direction:column}.checklist-add-button,.checklist-add-form input{width:100%}.checklist-item{gap:8px;padding:8px 10px}.checklist-item-delete{font-size:11px;min-width:28px;padding:3px 6px}.checklist-item-text{font-size:13px}}.sm-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.sm-modal{animation:smSlideUp .25s ease-out;background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:560px;overflow-y:auto;width:95%}@keyframes smSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sm-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:18px 24px}.sm-header,.sm-header-left{align-items:center;display:flex}.sm-header-left{color:#2563eb;gap:10px}.sm-header-left h3{color:#1e293b;font-size:1.15rem;margin:0}.sm-close{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:1.1rem;padding:4px;transition:.2s}.sm-close:hover{background:#f1f5f9;color:#475569}.sm-asset-info{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;padding:12px 24px}.sm-asset-name{color:#1e293b;font-size:.95rem;font-weight:700}.sm-asset-freq,.sm-asset-lab,.sm-asset-serial{align-items:center;background:#eff6ff;border-radius:10px;color:#2563eb;display:inline-flex;font-size:.8rem;font-weight:500;gap:4px;padding:2px 10px}.sm-asset-freq{background:#f0fdf4;color:#16a34a}.sm-form{display:flex;flex-direction:column;gap:16px;padding:20px 24px 24px}.sm-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.sm-form-group{display:flex;flex-direction:column;gap:4px}.sm-form-group label{color:#475569;font-size:.82rem;font-weight:600}.sm-form-group input,.sm-form-group select{border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:.9rem;padding:9px 12px;transition:border-color .2s}.sm-form-group input:focus,.sm-form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14;outline:none}.sm-tech-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px}.sm-tech-section h4{align-items:center;color:#2563eb;display:flex;font-size:.92rem;gap:6px;margin:0 0 12px}.sm-loading-techs{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:8px;padding:8px 0}.sm-no-techs{color:#94a3b8;font-size:.8rem;margin-top:4px}.sm-checklist{flex-direction:column}.sm-checklist,.sm-checklist-item{display:flex;gap:8px}.sm-checklist-item input{border:1.5px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:.88rem;padding:8px 12px}.sm-checklist-item input:focus{border-color:#2563eb;outline:none}.sm-remove-item{background:none;border:none;border-radius:6px;color:#dc2626;cursor:pointer;padding:6px;transition:.2s}.sm-remove-item:hover{background:#fef2f2}.sm-add-item{background:none;border:2px dashed #cbd5e1;border-radius:8px;color:#2563eb;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px;transition:.2s}.sm-add-item:hover{background:#eff6ff;border-color:#2563eb}.sm-actions{border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.sm-btn-cancel{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:.2s}.sm-btn-cancel:hover{background:#f1f5f9}.sm-btn-submit{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 24px;transition:.2s}.sm-btn-submit:hover{background:#1d4ed8}.sm-btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.sm-modal{border-radius:10px;max-height:95vh;width:98%}.sm-form-row{grid-template-columns:1fr}}.stock-control-container{margin:0 auto;max-width:1200px}.stock-control-container h2{color:var(--text-color);margin-bottom:1.5rem}.search-box{margin-bottom:1.5rem}.search-box input{border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);font-size:1rem;max-width:400px;padding:.75rem}.search-box input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.stock-table-responsive{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:2rem;overflow-x:auto;padding:1.5rem}.stock-table{border-collapse:collapse;width:100%}.stock-table thead{background-color:var(--light-gray)}.stock-table th{border-bottom:2px solid var(--border-color);color:var(--text-color);font-weight:600;padding:1rem;text-align:left}.stock-table td{border-bottom:1px solid var(--border-color);padding:1rem}.stock-table tbody tr{transition:all .3s ease}.stock-table tbody tr:hover{background-color:var(--light-gray)}.stock-table tbody tr.low-stock-row{background-color:#fef3c7;border-left:4px solid #f59e0b}.quantity-cell{font-size:1.1rem;font-weight:600}.quantity{background-color:#dcfce7;border-radius:20px;color:#065f46;padding:.25rem .75rem}.quantity.critical{background-color:#fee2e2;color:#7f1d1d}.action-cell{text-align:center}.quantity-controls{align-items:center;display:flex;gap:.5rem;justify-content:center}.quantity-display{font-size:1rem;font-weight:600;min-width:30px;text-align:center}.updating{color:var(--primary-color);display:block;font-size:.75rem;font-weight:600;margin-top:.25rem}.stock-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:#fff;border-radius:var(--radius);border-top:4px solid var(--primary-color);box-shadow:var(--shadow);padding:1.5rem;text-align:center}.stat-item:nth-child(2),.stat-item:nth-child(3){border-top-color:#000039}.stat-item h4{color:var(--gray);font-size:.95rem;font-weight:500;margin:0 0 .75rem}.stat-item p{color:var(--text-color);font-size:2rem;font-weight:700;margin:0}.stat-item p.stat-critical{color:var(--danger-color)}@media (max-width:768px){.stock-table{font-size:.9rem}.stock-table td,.stock-table th{padding:.75rem .5rem}.quantity-controls{gap:.25rem}.btn-sm{font-size:.75rem;padding:.25rem .5rem}.stock-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{padding:1rem}.stat-item p{font-size:1.5rem}}.sc-tab-bar{border-bottom:2px solid #e2e8f0;display:flex;gap:8px;margin-bottom:20px;padding-bottom:0}.sc-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:6px;margin-bottom:-2px;padding:10px 20px;transition:all .2s}.sc-tab:hover{color:#2563eb}.sc-tab.active{border-bottom-color:#2563eb;color:#2563eb}.search-box .search-icon{color:#94a3b8;font-size:.9rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{padding-left:36px}.sc-summary-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:20px}.sc-summary-card{background:#fff;border-left:4px solid #2563eb;border-radius:10px;box-shadow:0 1px 4px #0000000f;padding:16px;text-align:center}.sc-summary-card.overdue{border-left-color:#dc2626}.sc-summary-card.due-soon{border-left-color:#f59e0b}.sc-summary-card.on-track{border-left-color:#16a34a}.sc-summary-val{color:#1e293b;display:block;font-size:1.6rem;font-weight:700}.sc-summary-label{color:#64748b;font-size:.82rem;font-weight:500}.sc-schedule-table tbody tr.overdue-row{background:#fef2f2;border-left:4px solid #dc2626}.sc-schedule-table tbody tr.due-soon-row{background:#fffbeb;border-left:4px solid #f59e0b}.sc-serial{color:#94a3b8;font-size:.78rem;margin-top:2px}.sc-freq-badge{background:#eff6ff;border-radius:12px;color:#2563eb;display:inline-block;font-size:.82rem;font-weight:600;padding:3px 10px}.sc-freq-badge.none{background:#f1f5f9;color:#94a3b8}.sc-days{font-size:.9rem;font-weight:700}.sc-days.overdue{color:#dc2626}.sc-days.soon{color:#f59e0b}.sc-days.ok{color:#16a34a}.sc-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.78rem;font-weight:600;gap:4px;padding:4px 10px}.sc-badge-danger{background:#fef2f2;color:#dc2626}.sc-badge-warning{background:#fffbeb;color:#d97706}.sc-badge-success{background:#f0fdf4;color:#16a34a}.sc-badge-info{background:#eff6ff;color:#2563eb}.sc-badge-muted{background:#f1f5f9;color:#94a3b8}.sc-schedule-btn{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:5px;padding:6px 14px;transition:.2s;white-space:nowrap}.sc-schedule-btn:hover{background:#1d4ed8;box-shadow:0 2px 8px #2563eb40}.sc-schedule-btn:disabled{background:#94a3b8;cursor:not-allowed;opacity:.7}.scheduled-row{background:#eff6ff!important}.scheduled-row:hover{background:#dbeafe!important}.sc-tech-badge{background:#eff6ff;border-radius:6px;color:#1d4ed8;display:inline-block;font-size:.8rem;font-weight:600;padding:3px 10px}.maint-dashboard{font-family:Inter,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;padding:24px 32px}.maint-dash-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:16px;gap:16px;justify-content:center;min-height:400px}.maint-dash-loading .spin{animation:spin 1s linear infinite;color:#3b82f6;font-size:32px}.maint-dash-error{align-items:center;color:#e74c3c;display:flex;flex-direction:column;font-size:16px;gap:12px;justify-content:center;min-height:300px}.maint-dash-error button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:8px;padding:10px 24px}.maint-dash-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.maint-dash-title{align-items:center;display:flex;gap:16px}.maint-dash-title .header-icon{border-radius:14px;font-size:36px;padding:12px}.breakdown-icon{background:#e74c3c1a;color:#e74c3c}.preventive-icon{background:#2ecc711a;color:#2ecc71}.maint-dash-title h1{color:#1e293b;font-size:26px;font-weight:700;margin:0}.maint-dash-title p{color:#64748b;font-size:13px;margin:2px 0 0}.btn-refresh{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#475569;display:flex;gap:8px;padding:10px 20px;transition:all .2s}.btn-refresh:hover{background:#e2e8f0;color:#1e293b}.btn-create-issue{align-items:center;background:#2563eb;border-radius:10px;display:inline-flex;gap:8px;padding:10px 18px}.btn-create-issue:hover{opacity:.95}.maint-dash-tabs{background:#f1f5f9;border-radius:12px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.maint-dash-tabs button{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.maint-dash-tabs button:hover{background:#ffffff80;color:#1e293b}.maint-dash-tabs button.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1e293b}.breakdown-theme .maint-dash-tabs button.active{color:#e74c3c}.preventive-theme .maint-dash-tabs button.active{color:#2ecc71}.kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.kpi-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s}.kpi-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.kpi-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.kpi-content{display:flex;flex-direction:column}.kpi-value{color:#1e293b;font-size:24px;font-weight:700;line-height:1.2}.kpi-label{color:#64748b;font-size:12px;font-weight:500;margin-top:2px}.kpi-card.danger .kpi-icon{background:#e74c3c1a;color:#e74c3c}.kpi-card.warning .kpi-icon{background:#f39c121a;color:#f39c12}.kpi-card.success .kpi-icon{background:#2ecc711a;color:#2ecc71}.kpi-card.info .kpi-icon{background:#3498db1a;color:#3498db}.kpi-card.purple .kpi-icon{background:#9b59b61a;color:#9b59b6}.kpi-card.dark .kpi-icon{background:#1e293b1a;color:#1e293b}.kpi-card.teal .kpi-icon{background:#1abc9c1a;color:#1abc9c}.log-summary-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding:16px 24px}.log-summary-item{align-items:center;color:#475569;display:flex;font-size:13px;gap:8px}.log-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.log-dot.pending{background:#f39c12}.log-dot.in-progress{background:#9b59b6}.log-dot.completed{background:#2ecc71}.log-dot.total{background:#3498db}.log-dot.warning-dot{background:#f39c12}.log-dot.upcoming{background:#3498db}.log-dot.overdue{background:#e74c3c}.charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:24px}.chart-card{border:1px solid #e2e8f0}.chart-card h3{color:#1e293b}.chart-card.full-width,.table-card{margin-bottom:24px}.table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px}.table-card h3{align-items:center;color:#1e293b;display:flex;font-size:17px;font-weight:600;margin:0 0 16px}.table-scroll{overflow-x:auto}.maint-table{border-collapse:collapse;font-size:13px;width:100%}.maint-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;padding:12px 14px;text-align:left;white-space:nowrap}.maint-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:12px 14px}.maint-table tr:hover{background:#f8fafc}.td-asset{color:#1e293b;font-weight:600}.td-desc{color:#64748b;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-overdue{background:#e74c3c0a!important}.row-overdue:hover{background:#e74c3c14!important}.row-due-soon{background:#f39c120a!important}.row-due-soon:hover{background:#f39c1214!important}.overdue-bell{animation:pulse 1.5s infinite;color:#e74c3c;margin-left:6px}.due-soon-icon{color:#f39c12;margin-left:6px}.badge{padding:4px 10px;text-transform:capitalize;white-space:nowrap}.severity-high{background:#e74c3c1a;color:#e74c3c}.severity-medium{background:#f39c121a;color:#f39c12}.severity-low{background:#2ecc711a;color:#2ecc71}.status-pending{background:#f39c121a;color:#f39c12}.status-accepted{background:#3498db1a;color:#3498db}.status-in_progress{background:#9b59b61a;color:#9b59b6}.status-resolved{background:#2ecc711a;color:#2ecc71}.status-closed{background:#1abc9c1a;color:#1abc9c}.status-rejected{background:#e74c3c1a;color:#e74c3c}.status-overdue{background:#e74c3c1f;color:#c0392b}.status-due-soon{background:#f39c121f;color:#e67e22}.status-on-track{background:#2ecc711f;color:#27ae60}.status-scheduled{background:#2563eb1f;color:#2563eb;font-weight:600}.row-scheduled{background:#eff6ff!important}.row-scheduled:hover{background:#dbeafe!important}.scheduled-tech{background:#eff6ff;border-radius:6px;color:#1d4ed8;display:inline-block;font-size:.82rem;font-weight:600;padding:2px 10px}.schedule-subtitle{color:#64748b;font-size:13px;margin:-8px 0 16px}.schedule-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sched-chip{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;padding:5px 14px}.sched-chip.total{background:#eff6ff;color:#2563eb}.sched-chip.overdue{background:#e74c3c1a;color:#c0392b}.sched-chip.due-soon{background:#f39c121a;color:#e67e22}.sched-chip.scheduled{background:#2563eb1a;color:#2563eb}.sched-chip.on-track{background:#2ecc711a;color:#27ae60}.sched-chip.pending-chip{background:#f39c121a;color:#f39c12}.sched-chip.progress-chip{background:#9b59b61a;color:#9b59b6}.sched-chip.completed-chip{background:#2ecc711a;color:#2ecc71}.sched-chip.rejected-chip{background:#e74c3c1a;color:#e74c3c}.freq-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;text-transform:capitalize;white-space:nowrap}.freq-weekly{background:#fef3c7;color:#92400e}.freq-biweekly{background:#fce7f3;color:#9d174d}.freq-monthly{background:#dbeafe;color:#1e40af}.freq-quarterly{background:#d1fae5;color:#065f46}.freq-semi{background:#ede9fe;color:#5b21b6}.freq-yearly{background:#fce4ec;color:#b71c1c}.category-tag,.freq-custom{background:#f1f5f9;color:#475569}.category-tag{font-size:11px;font-weight:500;padding:2px 8px}.date-cell{display:flex;flex-direction:column;gap:2px}.date-ago{color:#94a3b8;font-size:10px;font-weight:500}.date-ago.text-danger{color:#e74c3c}.date-ago.text-warning{color:#f39c12}.never-done{color:#94a3b8;font-size:12px;font-style:italic}.condition-excellent{background:#2ecc711f;color:#27ae60}.condition-good{background:#3498db1f;color:#2980b9}.condition-fair{background:#f39c121f;color:#e67e22}.condition-damaged{background:#e74c3c1f;color:#c0392b}.td-serial{color:#64748b;font-family:Fira Code,Consolas,monospace;font-size:12px}.td-cycle{color:#475569;font-size:12px;font-weight:600;white-space:nowrap}.row-completed{background:#2ecc7108!important}.row-completed:hover{background:#2ecc710f!important}.row-pending-log{background:#f39c1208!important}.row-pending-log:hover{background:#f39c120f!important}.text-success{color:#27ae60;font-weight:600}.schedule-table{min-width:1100px}.assets-grid{grid-gap:14px;gap:14px}.affected-asset-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:14px;padding:16px;transition:border-color .2s}.affected-asset-card:hover{border-color:#cbd5e1}.asset-rank{align-items:center;background:#1e293b;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.breakdown-theme .asset-rank{background:#e74c3c}.preventive-theme .asset-rank{background:#2ecc71}.asset-info{min-width:0}.asset-info h4{color:#1e293b;font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-info p{color:#64748b;font-size:12px;margin:2px 0 0}.asset-count{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.count-value{color:#e74c3c;font-size:22px;font-weight:700}.preventive-theme .count-value{color:#2ecc71}.count-label{color:#94a3b8;font-size:10px;font-weight:600;text-transform:uppercase}@media (max-width:768px){.maint-dashboard{padding:16px}.maint-dash-header{align-items:flex-start;flex-direction:column;gap:12px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}.log-summary-bar{flex-direction:column;gap:10px}.maint-dash-tabs{overflow-x:auto}.assets-grid{grid-template-columns:1fr}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr}.maint-dash-title h1{font-size:20px}}.mh-page{background-color:#f8fafc;display:flex;min-height:100vh}.mh-container{flex:1 1;min-height:100vh;overflow-y:auto;padding:20px}.mh-nav-bar{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:14px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.mh-nav-bar,.mh-nav-left{align-items:center;display:flex}.mh-nav-left{gap:10px}.mh-nav-icon{color:#3b82f6;font-size:20px}.mh-nav-left h2{color:#1e293b;font-size:18px;font-weight:700;margin:0}.mh-view-selector{background:#f1f5f9;border-radius:10px;display:flex;gap:4px;padding:4px}.mh-view-btn{align-items:center;background:#0000;border:none;border-radius:7px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;padding:9px 18px;transition:all .2s;white-space:nowrap}.mh-view-btn:hover{background:#ffffff80;color:#1e293b}.mh-view-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1e293b}.mh-view-btn.active svg{color:#3b82f6}@media (max-width:768px){.mh-nav-bar{flex-direction:column;gap:12px;padding:12px 16px}.mh-view-selector{overflow-x:auto;width:100%}.mh-view-btn{font-size:12px;padding:8px 14px}.mh-page{flex-direction:column}.admin-sidebar{border-bottom:1px solid #e2e8f0;height:auto;max-height:200px;overflow-y:auto;position:relative;width:100%}.sidebar-header{padding:20px}.sidebar-title{font-size:18px}.profile-section{padding:15px 20px}.sidebar-nav{display:grid;grid-template-columns:repeat(2,1fr);padding:10px 0}.nav-btn{font-size:13px;padding:10px 15px}.mh-container{padding:18px}}@media (max-width:480px){.admin-sidebar{max-height:150px}.sidebar-nav{grid-template-columns:1fr}.profile-avatar{font-size:24px;height:50px;width:50px}.profile-section h3{font-size:16px}.mh-view-btn{font-size:12px;padding:80px 12px}}.lab-technician-page{background:#f0f1f3;display:flex;min-height:100vh;width:100%}.lab-technician-page .page-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;scrollbar-color:#64748b #1e293b;scrollbar-width:thin}.lab-technician-page .page-container::-webkit-scrollbar{width:8px}.lab-technician-page .page-container::-webkit-scrollbar-track{background:#1e293b}.lab-technician-page .page-container::-webkit-scrollbar-thumb{background:#64748b;border-radius:4px}.lab-technician-page .page-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.lab-technician-dashboard{margin:0 auto;max-width:1600px;padding:2rem;width:100%}.tech-dashboard-header{align-items:center;border-bottom:2px solid #94a3b84d;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.5rem}.tech-dashboard-header h2{color:#000;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.profile-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 12px #3b82f64d;color:#090909;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.profile-btn:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.profile-btn:active{transform:translateY(0)}.stats-container-technician{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(210px,4fr));margin-bottom:2.5rem}.stat-card{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-left:5px solid;border-radius:14px;box-shadow:0 4px 16px #00000014;cursor:pointer;padding:1.75rem}.stat-card:before{height:3px;opacity:0;transition:opacity .3s ease}.stat-card:hover{box-shadow:0 12px 28px #0000001f}.stat-card h3{color:#64748b;font-size:12px;font-weight:700;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,currentColor,currentColor);-webkit-background-clip:text;background-clip:text;font-size:48px;margin:0}.stat-pending{border-left-color:#001356}.stat-pending .stat-number{color:#001356}.stat-in-progress{border-left-color:#3b82f6}.stat-in-progress .stat-number{color:#3b82f6}.stat-resolved{border-left-color:#001356}.stat-resolved .stat-number{color:#001356}.stat-rejected{border-left-color:#001356}.stat-rejected .stat-number{color:#001356}.stat-unassigned{border-left-color:#001356}.stat-unassigned .stat-number{color:#001356}.tech-tab-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a80;border:1px solid #94a3b833;border-radius:12px;display:flex;gap:8px;margin-bottom:2rem;padding:6px;width:-webkit-fit-content;width:fit-content}.tech-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#cbd5e1;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;position:relative;transition:all .3s ease}.tech-tab:hover{background:#ffffff14;color:#fff}.tech-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#010101}.tech-tab-badge{align-items:center;background:#ef4444;border-radius:12px;color:#fff;display:inline-flex;font-size:11px;font-weight:800;height:24px;justify-content:center;margin-left:4px;min-width:24px;padding:0 8px}.tech-tab.active .tech-tab-badge{background:#ffffff4d}.compliance-subtab{background:#ffffff0d;color:#cbd5e1}.filters-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #94a3b826;border-radius:12px;display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.compliance-filter-group,.filter-group{align-items:center;display:flex;gap:12px}.compliance-filter-group label,.filter-group label{color:#000;font-size:14px;font-weight:600;white-space:nowrap}.compliance-filter-group select,.filter-group select{background-color:#1e293b80;border:2px solid #94a3b84d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;min-width:180px;padding:10px 16px;transition:all .2s ease}.compliance-filter-group select:hover,.filter-group select:hover{background-color:#1e293bb3;border-color:#3b82f6}.compliance-filter-group select:focus,.filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.issues-container{background:#fffffff2;border-radius:14px;box-shadow:0 8px 24px #0000001f;margin-bottom:2rem;padding:2rem}.issues-container h3{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:700;gap:10px;margin-bottom:1.5rem;margin-top:0}.no-issues{color:#94a3b8;font-size:15px;padding:3rem;text-align:center}.compliance-table-wrapper,.issues-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.compliance-table,.issues-table{background:#fff;border-collapse:collapse;width:100%}.compliance-table thead,.issues-table thead{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-bottom:2px solid #d1d5db}.compliance-table th,.issues-table th{color:#374151;font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.compliance-table td,.issues-table td{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;padding:14px 16px}.compliance-table tbody tr,.issues-table tbody tr{transition:all .2s ease}.compliance-table tbody tr:hover,.issues-table tbody tr:hover{background-color:#f9fafb}.compliance-badge,.severity-badge,.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-pending{background-color:#fef3c7;color:#92400e}.status-accepted{background-color:#d1fae5;color:#065f46}.status-in-progress{background-color:#bfdbfe;color:#1e40af}.status-resolved{background-color:#d1fae5;color:#065f46}.status-rejected{background-color:#fee2e2;color:#7f1d1d}.severity-low{background-color:#d1fae5;color:#065f46}.severity-medium{background-color:#fef3c7;color:#92400e}.severity-high{background-color:#fee2e2;color:#7f1d1d}.compliance-badge.critical{color:#7f1d1d}.compliance-days{font-size:13px;padding:4px 8px}.compliance-days.critical{background-color:#dc26261a;color:#dc2626}.compliance-days.warning{background-color:#f59e0b1a;color:#f59e0b}.compliance-days.upcoming{background-color:#3b82f61a;color:#3b82f6}.btn-edit-compliance,.btn-view{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-edit-compliance:hover,.btn-view:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.btn-edit-compliance:active,.btn-view:active{transform:translateY(0)}.modal-content{max-width:640px}.compliance-edit-modal{max-width:480px}.compliance-empty-state-title{color:#374151;font-size:18px;margin-bottom:.5rem}.compliance-empty-state-message{font-size:14px}@media (max-width:1024px){.lab-technician-dashboard{padding:1.5rem}.stats-container{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.tech-tab-bar{flex-wrap:wrap}}@media (max-width:768px){.lab-technician-page{flex-direction:column}.lab-technician-dashboard{padding:1rem}.stats-container{grid-template-columns:1fr}.tech-dashboard-header{flex-direction:column;gap:1rem;text-align:center}.tech-dashboard-header h2{font-size:24px}.compliance-filter-section,.filters-container{flex-direction:column}.compliance-table,.issues-table{font-size:12px}.compliance-table th,.issues-table th{font-size:11px;padding:10px 12px}.compliance-table td,.issues-table td{padding:10px 12px}.modal-content{max-height:95vh;max-width:95vw}.compliance-subtab,.tech-tab{font-size:13px;padding:10px 16px}}@media (max-width:480px){.lab-technician-dashboard{padding:.75rem}.stats-container{gap:1rem}.stat-card{padding:1.25rem}.stat-number{font-size:36px}.issues-container{padding:1rem}.modal-body,.modal-footer,.modal-header{padding:16px}}.analytics-section{margin-bottom:2rem}.analytics-title{align-items:center;color:#000;display:flex;font-size:18px;font-weight:700;gap:10px;margin-bottom:1.5rem}.charts-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.chart-card{background:#fffffff2;border-radius:14px;box-shadow:0 8px 24px #00000014;padding:2rem}.chart-card h4{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 1.5rem}.compliance-stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.compliance-stat-card{background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 2px 8px #00000014;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.compliance-stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.compliance-stat-icon{align-items:center;background:#0000000d;border-radius:8px;display:flex;font-size:32px;height:50px;justify-content:center;width:50px}.compliance-stat-card.critical .compliance-stat-icon{background:#dc26261a;color:#dc2626}.compliance-stat-card.warning .compliance-stat-icon{background:#f59e0b1a;color:#f59e0b}.compliance-stat-card.upcoming .compliance-stat-icon{background:#3b82f61a;color:#3b82f6}.compliance-stat-card.total .compliance-stat-icon{background:#8b5cf61a;color:#8b5cf6}.compliance-stat-content{flex:1 1}.compliance-stat-label{color:#6b7280;display:block;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.compliance-stat-value{color:#1f2937;display:block;font-size:1.75rem;font-weight:700}.compliance-stat-detail{color:#9ca3af;font-size:.75rem;margin-top:.25rem}.compliance-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.compliance-table{font-size:.9rem}.compliance-table thead{background:linear-gradient(135deg,#003d82,#001f4d);color:#fff}.compliance-table thead th{border-bottom:2px solid #1e3a8a;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.25rem;text-align:left;text-transform:uppercase}.compliance-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.compliance-table tbody td{padding:1rem 1.25rem}.compliance-asset-name{color:#1f2937;font-weight:600;margin-bottom:.25rem}.compliance-asset-serial{color:#6b7280;font-family:Monaco,monospace;font-size:.75rem}.compliance-holder{display:flex;flex-direction:column;gap:.25rem}.compliance-holder-name{color:#1f2937;font-weight:500}.compliance-holder-email{color:#6b7280;font-size:.8rem}.compliance-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:.35rem .75rem;text-transform:uppercase}.compliance-badge.critical{background-color:#fee2e2;color:#991b1b}.compliance-badge.warning{background-color:#fef3c7;color:#92400e}.compliance-badge.upcoming{background-color:#dbeafe;color:#1e40af}.compliance-days{background-color:#f3f4f6;border-radius:6px;color:#374151;display:inline-block;font-size:.85rem;font-weight:600;min-width:60px;padding:.5rem .75rem;text-align:center}.compliance-days.critical{background-color:#fee2e2;color:#991b1b}.compliance-days.warning{background-color:#fef3c7;color:#92400e}.compliance-days.upcoming{background-color:#dbeafe;color:#1e40af}.compliance-chart-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;padding:1.5rem}.compliance-chart-title{align-items:center;color:#1f2937;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin:0 0 1rem}.compliance-chart-container{height:300px;width:100%}.compliance-empty-state{color:#9ca3af;padding:3rem 2rem;text-align:center}.compliance-empty-state-icon{font-size:48px;margin-bottom:1rem;opacity:.5}.compliance-empty-state-title{color:#6b7280;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.compliance-empty-state-message{color:#9ca3af;font-size:.9rem}.compliance-filter-section{align-items:center;background:#fff;box-shadow:0 2px 8px #00000014;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.compliance-filter-group{gap:.5rem}.compliance-filter-group label{font-size:.9rem;font-weight:500}.compliance-filter-group select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.9rem;padding:.5rem .75rem}.compliance-modal-body{max-height:500px}.compliance-detail-group{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1.5rem}.compliance-detail-group:last-child{border-bottom:none}.compliance-detail-label{color:#6b7280;display:block;font-size:.85rem;font-weight:600;letter-spacing:.3px;margin-bottom:.5rem;text-transform:uppercase}.compliance-detail-value{color:#1f2937;display:block;font-size:.95rem}.compliance-request-btn{align-items:center;background:linear-gradient(135deg,#003d82,#001f4d);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.compliance-request-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.compliance-request-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.compliance-stats-container{grid-template-columns:1fr}.compliance-table{font-size:.8rem}.compliance-table tbody td,.compliance-table thead th{padding:.75rem .5rem}.compliance-filter-section{flex-direction:column}.compliance-filter-group{flex-direction:column;width:100%}.compliance-filter-group select{width:100%}}.compliance-alert-section{background:#fff;border:1px solid #fca5a5;border-radius:12px;box-shadow:0 4px 12px #dc26261a;margin-bottom:2rem;overflow:hidden}.compliance-alert-header{align-items:center;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.compliance-alert-title{align-items:center;display:flex;font-size:1.1rem;font-weight:600}.compliance-alert-summary{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.alert-count{background-color:#fff3;border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:.35rem .75rem;text-transform:uppercase}.alert-count.critical{background-color:#ef44444d}.alert-count.warning{background-color:#f59e0b4d}.alert-count.total{background-color:#ffffff26}.compliance-alerts-list{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.compliance-alert-item{background-color:#fef2f2;border-left:4px solid;border-radius:8px;padding:1rem}.compliance-alert-item.critical{background-color:#fef2f2;border-left-color:#dc2626}.compliance-alert-item.warning{background-color:#fffbeb;border-left-color:#f59e0b}.compliance-alert-item.info{background-color:#eff6ff;border-left-color:#3b82f6}.alert-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.alert-item-title{align-items:center;display:flex;flex:1 1;gap:.5rem}.alert-item-title strong{color:#1f2937;font-size:1rem}.alert-item-serial{color:#9ca3af;font-size:.85rem;font-weight:400}.alert-item-details{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.detail-span{align-items:center;color:#6b7280;display:flex;font-size:.9rem}.days-remaining{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.days-remaining.critical{background-color:#fee2e2;color:#991b1b}.days-remaining.warning{background-color:#fef3c7;color:#92400e}.days-remaining.info{background-color:#dbeafe;color:#1e40af}.alert-item-action{margin-top:.75rem}.btn.btn-proceed{align-items:center;background:linear-gradient(135deg,#dc2626,#991b1b);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn.btn-proceed:hover{box-shadow:0 4px 12px #dc26264d;transform:translateY(-2px)}.compliance-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.compliance-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:100%}.compliance-modal-header{align-items:center;background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.compliance-modal-header h3{font-size:1.25rem;font-weight:600;margin:0}.compliance-modal-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:background .2s;width:36px}.compliance-modal-header .close-btn:hover{background:#ffffff59}.compliance-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.compliance-info-box{background-color:#fee2e2;border-left:4px solid #dc2626;border-radius:6px;color:#991b1b;font-size:.9rem;line-height:1.5;margin-top:1rem;padding:1rem}.compliance-info-box p{margin:0}.compliance-modal-footer{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem}.compliance-modal-footer .btn,.compliance-modal-footer .compliance-request-btn{flex:1 1;min-width:120px}.compliance-alert-container{align-items:center;background:#dbeafe;border:1px solid #93c5fd;border-radius:8px;color:#1e40af;display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem}@media (max-width:768px){.compliance-alert-header{align-items:flex-start;flex-direction:column}.compliance-modal-footer{flex-direction:column}.compliance-modal-footer .btn,.compliance-modal-footer .compliance-request-btn{width:100%}.alert-item-details{align-items:flex-start;flex-direction:column}}.compliance-analytics-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;padding:2rem}.compliance-analytics-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.compliance-chart-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.compliance-chart-container h4{align-items:center;color:#1f2937;display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem}.compliance-analytics-metrics{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.compliance-analytics-metrics h4{align-items:center;color:#1f2937;display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem}.compliance-metrics-list{display:flex;flex-direction:column;gap:1.25rem}.compliance-metric{background:#fff;border-left:4px solid #3b82f6;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem}.compliance-metric-label{color:#6b7280;font-size:.85rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.compliance-metric-value{color:#1f2937;font-size:1.75rem;font-weight:700}.compliance-metric-percent{color:#3b82f6;font-size:.9rem;font-weight:600}.compliance-metric-subtext{color:#9ca3af;font-size:.8rem;font-weight:400}.compliance-category-chart{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;grid-column:1/-1;padding:1.5rem}.compliance-category-chart h4{align-items:center;color:#1f2937;display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem}@media (max-width:768px){.compliance-analytics-row{gap:1.5rem;grid-template-columns:1fr}.compliance-category-chart{grid-column:1}.compliance-analytics-metrics,.compliance-analytics-section,.compliance-category-chart,.compliance-chart-container{padding:1rem}}.compliance-edit-modal{max-width:450px;width:90%}.compliance-edit-form{display:flex;flex-direction:column;gap:1.5rem}.compliance-edit-form .form-group{display:flex;flex-direction:column;gap:.5rem}.compliance-edit-form label{color:#1f2937;font-size:.95rem;font-weight:600}.compliance-edit-form .date-input{border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.compliance-edit-form .date-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.compliance-info{align-items:center;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:6px;color:#1e40af;display:flex;font-size:.9rem;gap:.5rem;padding:1rem}.btn-edit-compliance{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.btn-edit-compliance:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.btn-edit-compliance:active{transform:translateY(0)}.btn-edit-compliance:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-footer{gap:1rem}.btn-cancel,.btn-save{border:none;font-size:.95rem;padding:.75rem 1.5rem}.btn-save{border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.btn-save:hover:not(:disabled){box-shadow:0 4px 12px #dc26264d}.technician-profile{min-height:100vh;padding:40px 20px}.profile-card{border-radius:12px;box-shadow:0 10px 40px #0003;margin:0 auto;max-width:600px;padding:40px}.profile-card h2{color:#333;font-size:24px;margin-bottom:30px;text-align:center}.success-message{background:#efe;border-left:4px solid #3c3;border-radius:6px;color:#3c3;padding:12px}.form-group{margin-bottom:25px}.form-group input[type=email],.form-group input[type=text]{background-color:#f5f5f5;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;padding:12px;width:100%}.skills-grid{grid-template-columns:repeat(2,1fr);margin-bottom:20px}.skill-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:15px;transition:all .3s ease}.skill-card:hover{background:#f9f9ff;border-color:#667eea}.skill-card input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.skill-card label{color:#333;cursor:pointer;font-weight:500;margin:0}.skill-summary{background:#f9f9f9;border-left:4px solid #667eea;border-radius:8px;margin-bottom:20px;padding:15px}.skill-summary p{font-weight:600;margin:0 0 10px}.selected-skills{display:flex;flex-wrap:wrap;gap:8px}.skill-badge{background:#667eea;border-radius:20px;color:#fff;font-size:14px;font-weight:500;padding:6px 12px}.no-skills{color:#999;font-style:italic;margin:0}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.btn-submit:hover:not(:disabled){box-shadow:0 8px 20px #667eea66}.btn-submit:disabled{opacity:.7}@media (max-width:600px){.profile-card{padding:30px 20px}.form-row,.skills-grid{grid-template-columns:1fr}}.signup-container{align-items:center;background:linear-gradient(135deg,#003049,#012a4a 50%,#013a63);min-height:100vh;padding:20px}.signup-card,.signup-container{display:flex;justify-content:center}.signup-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;flex-direction:column;max-width:600px;min-height:650px;padding:60px;width:100%}.signup-card h1{color:#333;font-size:28px;margin-bottom:30px;text-align:center}.role-btn.active{background:#667eea;border-color:#667eea}.form-row{grid-gap:15px;gap:15px;margin-bottom:15px}.skills-checkbox{grid-gap:12px;background:#f9f9f9;border-radius:6px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:12px}.checkbox-item{align-items:center;display:flex;gap:8px}.checkbox-item input[type=checkbox]{cursor:pointer;width:auto}.checkbox-item label{color:#555;cursor:pointer;font-weight:500;margin:0}.login-link{color:#666;margin-top:20px;text-align:center}.login-link a{color:#667eea;font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}@media (max-width:600px){.form-row,.skills-checkbox{grid-template-columns:1fr}.signup-card{padding:30px 20px}}.login-container{align-items:center;background:linear-gradient(135deg,#003049,#012a4a 50%,#013a63);min-height:100vh;padding:20px}.login-card,.login-container{display:flex;justify-content:center}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;flex-direction:column;max-width:600px;min-height:550px;padding:60px;width:100%}.login-card h1{color:#333;font-size:28px;text-align:center}.login-card h1,.role-selector{margin-bottom:30px}.role-selector label{color:#555;display:block;font-weight:600;margin-bottom:12px}.role-buttons{display:flex;gap:10px}.role-btn{background:#fff;border:2px solid #ddd;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-weight:600;padding:12px 20px;transition:all .3s ease}.role-btn:hover{border-color:#667eea;color:#667eea}.role-btn.active{background:#003049;border-color:#cdcdcd;color:#fff}.error-message{background:#fee;border-left:4px solid #c33;color:#c33}.form-group input{border-radius:6px;font-size:16px;transition:border-color .3s ease}.submit-btn{border-radius:6px;padding:14px;transition:transform .2s ease,box-shadow .2s ease}.submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #667eea66}.signup-link{color:#666;margin-top:20px;text-align:center}.signup-link a{color:#667eea;font-weight:600;text-decoration:none}.signup-link a:hover{text-decoration:underline}@media (max-width:600px){.login-card{padding:30px 20px}}.blogger-login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.blogger-login-card{animation:slideUp .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:420px;padding:50px 40px;width:100%}.blogger-login-header{margin-bottom:40px;text-align:center}.blogger-login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:32px;font-weight:700;margin-bottom:8px}.blogger-login-header p{color:#6b7280;font-size:14px;margin:0}.form-group input{background:#f9fafb;font-size:15px;padding:12px 14px}.form-group input:focus{background:#fff}.form-group input::placeholder{color:#9ca3af}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);margin-top:10px}.submit-btn:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d}.submit-btn:active:not(:disabled){transform:translateY(0)}.error-message,.success-message{padding:12px 14px}.success-message{font-size:14px}.blogger-login-footer{border-top:2px solid #e5e7eb;margin-top:30px;padding-top:30px}.blogger-login-footer p{color:#6b7280;font-size:14px;margin:0 0 12px;text-align:center}.blogger-login-footer p:last-child{margin-bottom:0}.blogger-login-footer a{color:#667eea;font-weight:600;text-decoration:none;transition:all .3s ease}.blogger-login-footer a:hover{color:#764ba2;text-decoration:underline}.back-link a,.help-link a,.signup-link a{color:#667eea;font-weight:600;text-decoration:none;transition:all .3s ease}.back-link a:hover,.help-link a:hover,.signup-link a:hover{color:#764ba2;text-decoration:underline}@media (max-width:480px){.blogger-login-card{padding:40px 20px}.blogger-login-header h1{font-size:28px}.form-group input{font-size:16px}}.admin-profile-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);margin:0 auto;max-width:1200px;min-height:100vh;padding:24px 20px}.profile-header{border-bottom:3px solid #0369a1;margin-bottom:32px;padding-bottom:16px;position:relative}.profile-header h2{color:#0f172a;font-size:32px;font-weight:800;letter-spacing:-.8px;margin:0 0 8px}.profile-header p{color:#64748b;font-size:15px;font-weight:500;margin:0}.profile-section{background:#fff;border-left:5px solid #0369a1;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:28px;transition:all .3s ease}.profile-section:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.profile-section h3{align-items:center;color:#0f172a;display:flex;font-weight:700;gap:12px;margin-bottom:20px;margin-top:0}.profile-section h3 svg{color:#0369a1;font-size:20px}.profile-section h3:before{content:"";display:none}.info-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:0}.info-item{background:#f8fafc;flex-direction:column;padding:16px;transition:all .2s}.info-item:hover{background:#f0f8ff;border-color:#bfdbfe}.info-item label{color:#0369a1;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.info-item p{color:#1e293b;font-size:15px;font-weight:600;margin:0;word-break:break-word}.company-info{background:#f0f9ff;border:1px solid #dbeafe;border-radius:8px;margin-top:12px;padding:18px}.company-info-title{align-items:center;color:#0369a1;display:flex;font-size:15px;font-weight:700;gap:8px;margin-bottom:16px}.company-info-title svg{color:#10b981;font-size:16px}.company-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:12px}.company-detail-item{background:#fff;border-left:3px solid #0369a1;border-radius:6px;box-shadow:0 1px 3px #0000000d;padding:14px;transition:all .2s}.company-detail-item:hover{box-shadow:0 3px 8px #00000014}.company-detail-item label{color:#64748b;display:block;font-size:11px;font-weight:700;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.company-detail-item p{color:#1e293b;font-size:14px;font-weight:600;margin:0}.company-form{background:linear-gradient(135deg,#fffbf0,#fef7f0);border:1px solid #fed7aa;border-radius:8px;margin-top:12px;padding:20px}.company-form h4{color:#0f172a;font-size:16px;font-weight:700;margin:0 0 16px}.form-group input,.form-group textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:14px;padding:11px 13px;transition:all .2s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#cbd5e1}.form-group input:focus,.form-group textarea:focus{background:#f0f9ff;border-color:#0369a1;box-shadow:0 0 0 3px #0369a11a;outline:none}.form-groups-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.button-group{flex-wrap:wrap;gap:12px;margin-top:16px}.btn{font-size:13px;gap:8px}.btn-primary{background:linear-gradient(135deg,#0369a1,#0284c7)}.btn-primary:hover{box-shadow:0 4px 12px #0369a14d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#f1f5f9;border:1.5px solid #cbd5e1;color:#1e293b}.btn-secondary:hover{background:#e2e8f0;border-color:#94a3b8}.message{border-left:4px solid;border-radius:6px;margin-bottom:16px;padding:14px 16px}.message.success{background:#dcfce7;border-left-color:#16a34a}.message.error{background:#fee2e2;border-left-color:#ef4444}@media (max-width:1024px){.admin-profile-container{padding:20px 16px}.profile-section{padding:20px}.profile-header h2{font-size:28px}.info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-profile-container{padding:16px 12px}.profile-section{margin-bottom:16px;padding:16px}.profile-header{margin-bottom:24px;padding-bottom:12px}.profile-header h2{font-size:24px}.profile-header p{font-size:14px}.profile-section h3{font-size:16px;margin-bottom:16px}.info-grid{gap:12px;grid-template-columns:1fr}.info-item{padding:12px}.info-item label{font-size:11px}.info-item p{font-size:14px}.company-details-grid{gap:10px;grid-template-columns:1fr}.company-info{padding:14px}.company-form{padding:16px}.form-groups-row{gap:12px;grid-template-columns:1fr}.button-group{flex-direction:column;gap:10px}.btn{font-size:12px;padding:9px 16px;width:100%}}@media (max-width:480px){.admin-profile-container{padding:12px 8px}.profile-header h2{font-size:20px}.profile-header p{font-size:12px}.profile-section{margin-bottom:12px;padding:12px}.profile-section h3{font-size:14px;margin-bottom:12px}.info-item{padding:10px}.info-item label{font-size:10px;margin-bottom:4px}.info-item p{font-size:13px}.company-detail-item{padding:10px}.company-detail-item label{font-size:9px}.company-detail-item p{font-size:12px}.company-form h4{font-size:14px}.form-group label{font-size:12px}.form-group input,.form-group textarea{font-size:13px;padding:9px 11px}}.form-group{margin-bottom:8px}.form-group label{font-size:10px}.form-group input{font-size:11px;padding:6px 8px}.button-group{gap:4px}.btn{font-size:9px;padding:6px 10px}.admin-plans-container{background:#f5f7fa;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;min-height:100vh}.plans-header{border-bottom:3px solid #0369a1;margin-bottom:18px;padding-bottom:8px;position:relative}.plans-header h2{color:#1a1f3a;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 4px}.plans-header p{font-size:13px;font-weight:500;margin:0}.current-plan-section{background:#fff;border-left:4px solid #10b981;border-radius:10px;box-shadow:0 1px 8px #0000000f;margin-bottom:14px;padding:14px}.current-plan-section:hover{box-shadow:0 2px 12px #0000001a}.current-plan-section h3{align-items:center;color:#1a1f3a;display:flex;font-size:15px;font-weight:700;gap:8px;margin-bottom:10px;margin-top:0}.current-plan-section h3:before{background:#10b981;border-radius:1px;content:"";display:inline-block;height:20px;width:3px}.current-plan-card{background:linear-gradient(135deg,#f8fbff,#eefaf5);border:1px solid #dbe6f3;border-radius:10px;box-shadow:0 2px 8px #0f172a0f;color:#1a1f3a;overflow:hidden;padding:12px;position:relative}.current-plan-card>*{position:relative;z-index:1}.current-plan-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.current-plan-main{display:flex;flex-direction:column;gap:2px}.current-plan-caption{color:#0369a1;font-size:10px;font-weight:700;letter-spacing:.4px;margin:0;text-transform:uppercase}.current-plan-main h4{color:#0f172a;font-size:20px;line-height:1.1;margin:0}.current-plan-price{color:#0b7b4f;font-size:18px;font-weight:800;margin:0}.current-plan-price span{color:#4b5563;font-size:12px;font-weight:600;margin-left:4px}.current-plan-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.days-pill,.status-badge-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;padding:6px 10px;white-space:nowrap}.status-badge-pill.active{background:#dcfce7;border:1px solid #86efac;color:#166534}.status-badge-pill.inactive{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.days-pill.good{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.days-pill.warning{background:#ffedd5;border:1px solid #fdba74;color:#9a3412}.current-plan-metrics{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(140px,1fr))}.metric-chip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px}.metric-chip label{color:#64748b;display:block;font-size:10px;font-weight:700;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.metric-chip p{color:#0f172a;font-size:14px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.available-plans-section{background:#fff;border-radius:10px;border-top:3px solid #0369a1;box-shadow:0 1px 8px #0000000f;padding:18px}.available-plans-section h3{align-items:center;color:#1a1f3a;display:flex;flex-wrap:wrap;font-size:16px;font-weight:700;gap:8px;justify-content:space-between;margin-bottom:14px;margin-top:0}.available-plans-section h3:before{background:#0369a1;border-radius:1px;content:"";display:inline-block;height:20px;width:3px}.currency-selector{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:10px;margin-bottom:12px;padding:8px 12px}.currency-selector label{color:#1a1f3a;font-size:11px;font-weight:700;text-transform:uppercase}.currency-selector select{background:#fff;border:1px solid #0369a1;border-radius:4px;color:#0369a1;cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px}.currency-selector select:focus{box-shadow:0 0 0 2px #0369a11a;outline:none}.plans-grid{grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-card{border:1px solid #e2e8f0;border-radius:8px;padding:16px}.plan-card:before{background:#ddd;height:3px;transition:all .3s ease}.plan-card:hover{border-color:#0369a1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.plan-card:hover:before{background:#0369a1;height:4px}.plan-card.highlighted{background:linear-gradient(135deg,#f0f9ff,#f0fdfa);border-color:#0369a1;box-shadow:0 2px 12px #0369a11a}.plan-card.current{background:linear-gradient(135deg,#f0fff4,#ecfdf5);border:1px solid #10b981}.popular-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;gap:4px}.current-badge,.popular-badge{border-radius:16px;font-size:10px;letter-spacing:.3px;padding:4px 10px;position:absolute;right:12px;top:12px;z-index:10}.current-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;text-transform:uppercase}.plan-header{margin-bottom:12px;padding-right:90px}.plan-header h4{color:#1a1f3a;font-size:16px;font-weight:700;margin:0 0 4px}.plan-header .description{color:#666;font-size:12px;line-height:1.4;margin:0}.plan-pricing{border-bottom:1px solid #f1f5f9;padding:10px 0}.plan-pricing .price-wrapper{align-items:baseline;display:flex;gap:3px;margin-bottom:2px}.plan-pricing .price{color:#0369a1;font-size:35px;font-weight:700}.plan-pricing .currency{color:#0369a1;font-size:20px;font-weight:700}.plan-pricing .original-price{color:#999;font-size:11px;margin-left:6px;text-decoration:line-through}.plan-pricing .period{color:#999;font-size:11px;font-weight:600}.plan-limits{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:12px}.limit-badge{align-items:center;background:#f8fafc;border-radius:5px;display:flex;gap:6px;padding:8px 10px}.limit-badge strong{color:#0369a1;font-size:10px;font-weight:700;text-transform:uppercase}.limit-badge span{color:#1a1f3a;font-size:12px;font-weight:700}.plan-features{margin-bottom:12px}.plan-features .features-title{color:#1a1f3a;font-size:16px;font-weight:700;letter-spacing:.3px;margin:0 0 8px;text-transform:uppercase}.plan-features li{align-items:flex-start;font-size:12px;gap:8px;line-height:1.4;margin-bottom:6px}.check-icon{font-size:12px;margin-top:1px}.plan-actions{flex-wrap:wrap}.plan-btn{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:12px;font-weight:700;letter-spacing:.3px;min-width:130px;padding:9px 16px;text-transform:uppercase;transition:all .2s ease}.plan-btn.primary{background:linear-gradient(135deg,#0369a1,#0284c7);color:#fff}.plan-btn.primary:hover{box-shadow:0 2px 8px #0369a133;transform:translateY(-1px)}.plan-btn.primary:active{transform:translateY(0)}.plan-btn.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.plan-btn.success:hover{box-shadow:0 2px 8px #10b98133;transform:translateY(-1px)}.message{animation:slideIn .3s ease;border-radius:5px;font-size:12px;font-weight:500}.message.success{background:#ecfdf5;border-left:3px solid #10b981}.message.error{border-left:3px solid #ef4444;color:#7f1d1d}@media (max-width:1024px){.admin-plans-container{padding:14px 10px}.plans-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (max-width:768px){.admin-plans-container{padding:12px 8px}.plans-header h2{font-size:22px}.current-plan-section{margin-bottom:14px;padding:14px}.current-plan-card{padding:12px}.current-plan-main h4{font-size:18px}.current-plan-price{font-size:16px}.current-plan-metrics{grid-template-columns:repeat(2,minmax(140px,1fr))}.available-plans-section{padding:14px}.available-plans-section h3{font-size:14px;margin-bottom:10px}.plans-grid{gap:12px;grid-template-columns:1fr}.plan-card{padding:14px}.plan-header h4{font-size:14px}.plan-pricing .price{font-size:18px}.plan-features li{font-size:11px}.plan-btn{font-size:10px;padding:7px 12px}}@media (max-width:480px){.admin-plans-container{padding:10px}.plans-header h2{font-size:18px}.plans-header p{font-size:11px}.current-plan-section{margin-bottom:12px;padding:12px}.current-plan-card{padding:10px}.current-plan-top{align-items:flex-start;flex-direction:column;gap:8px}.current-plan-badges{justify-content:flex-start}.current-plan-main h4{font-size:17px}.current-plan-price{font-size:15px}.current-plan-metrics{gap:7px;grid-template-columns:1fr}.available-plans-section{padding:12px}.available-plans-section h3{font-size:12px;margin-bottom:8px}.currency-selector{align-items:center;flex-direction:row;gap:6px;margin-bottom:8px;padding:8px}.currency-selector label{font-size:9px;margin-right:2px}.currency-selector select{font-size:10px;padding:4px 6px}.plan-card{padding:12px}.plan-header{margin-bottom:10px;padding-right:60px}.plan-header h4{font-size:13px;margin-bottom:2px}.plan-header .description{font-size:10px}.plan-pricing{margin-bottom:10px;padding:8px 0}.plan-pricing .price{font-size:16px}.plan-pricing .currency{font-size:11px}.plan-limits{gap:6px;margin-bottom:10px}.limit-badge{font-size:10px;padding:6px 8px}.limit-badge strong{font-size:8px}.limit-badge span{font-size:10px}.plan-features li{font-size:10px;margin-bottom:4px}.plan-actions{flex-direction:column;gap:6px}.plan-btn{font-size:10px;padding:8px 10px;width:100%}.current-badge,.popular-badge{font-size:9px;padding:3px 8px;right:10px;top:10px}}.admin-data-download-section{min-height:400px}.download-data-card{background:#f8fbff;border:1px solid #d7e3f3;border-radius:12px;padding:20px}.download-data-head{align-items:flex-start;display:flex;gap:14px;margin-bottom:16px}.download-data-head .icon-wrap{align-items:center;background:#0f4c81;border-radius:10px;color:#fff;display:inline-flex;flex-shrink:0;font-size:20px;height:46px;justify-content:center;width:46px}.download-data-head h2{color:#0f2f4f;font-size:20px;margin:0 0 6px}.download-data-head p{color:#4f6681;font-size:14px;margin:0}.download-data-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:18px}.download-data-list div{align-items:center;background:#fff;border:1px solid #dfebf8;border-radius:8px;color:#1f3f61;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 12px}.download-data-btn{align-items:center;background:linear-gradient(135deg,#0f4c81,#0a3559);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:12px 18px;transition:transform .2s ease,box-shadow .2s ease}.download-data-btn:hover:not(:disabled){box-shadow:0 6px 14px #0f4c8147;transform:translateY(-1px)}.download-data-btn:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.download-data-card{padding:16px}.download-data-list{grid-template-columns:1fr}}.sd-supplier-details-container{background-color:#fff;display:flex;min-height:100vh;width:100%}.sd-supplier-details-container.embedded{min-height:auto}.sd-supplier-details-content{flex:1 1;overflow-y:auto;padding:2rem}.sd-supplier-details-content.embedded{background:#0000;padding:1.5rem}.sd-supplier-details-content.embedded .sd-supplier-header{display:none}.sd-supplier-details-content.embedded .sd-supplier-layout{gap:1.5rem;min-height:auto}.sd-supplier-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem}.sd-btn-back{align-items:center;background-color:#1e3a8a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.sd-btn-back:hover{background-color:#1e40af;box-shadow:0 4px 12px #1e3a8a4d;transform:translateY(-2px)}.sd-header-info{flex:1 1}.sd-header-info h1{align-items:center;color:#0f172a;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.sd-header-icon{color:#1e3a8a;font-size:1.5rem}.sd-header-info p{color:#64748b;font-size:.95rem;margin:0}.sd-error-message{background-color:#fee2e2;border-left:4px solid #dc2626;border-radius:6px;color:#991b1b;font-size:.95rem;margin-bottom:1.5rem;padding:1rem}.sd-supplier-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:320px 1fr;min-height:calc(100vh - 300px)}.sd-suppliers-panel{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 300px);overflow-y:auto;padding:1.5rem}.sd-summary-title{color:#0f172a;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.sd-summary-stats{grid-gap:.75rem;border-bottom:1px solid #e5e7eb;display:grid;gap:.75rem;grid-template-columns:1fr;margin-bottom:1.5rem;padding-bottom:1.5rem}.sd-stat-card{align-items:center;background:linear-gradient(135deg,#f0f9ff,#f8fafc);border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.sd-stat-card:hover{background:linear-gradient(135deg,#e0f2fe,#f1f5f9);border-color:#3b82f6}.sd-stat-icon{flex-shrink:0;font-size:1.5rem}.sd-stat-content{flex:1 1}.sd-stat-label{color:#64748b;font-size:.8rem;font-weight:500;letter-spacing:.3px;margin:0;text-transform:uppercase}.sd-stat-value{color:#0f172a;font-size:1.25rem;font-weight:700;margin:.25rem 0 0}.sd-suppliers-title{color:#0f172a;font-size:.95rem;font-weight:700;letter-spacing:.3px;margin:0 0 1rem;text-transform:uppercase}.sd-suppliers-search{display:none;margin-bottom:1.5rem;position:relative}.sd-search-icon{color:#9ca3af;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.sd-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:.75rem .75rem .75rem 2.25rem;transition:all .2s ease;width:100%}.sd-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.sd-search-input::placeholder{color:#9ca3af}.sd-no-suppliers{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem;text-align:center}.sd-empty-icon{color:#d1d5db;font-size:2.5rem;margin-bottom:.75rem}.sd-no-suppliers p{font-size:.95rem;margin:0}.sd-suppliers-list{display:flex;flex-direction:column;gap:.75rem;max-height:calc(100vh - 450px);overflow-y:auto;padding-right:.5rem}.sd-suppliers-list::-webkit-scrollbar{width:6px}.sd-suppliers-list::-webkit-scrollbar-track{background:#0000}.sd-suppliers-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sd-suppliers-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sd-supplier-item{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;cursor:default;padding:1rem;transition:all .2s ease}.sd-supplier-item:hover{background-color:#f1f5f9;border-color:#cbd5e1}.sd-supplier-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.sd-supplier-item-header h4{color:inherit;font-size:.9rem;font-weight:600;margin:0}.sd-item-badge{background-color:#e0f2fe;border-radius:4px;color:#0c4a6e;font-size:.8rem;font-weight:600;padding:.2rem .6rem}.sd-supplier-item-meta{color:#64748b;display:flex;flex-direction:column;font-size:.8rem;gap:.4rem}.sd-meta-text{align-items:center;display:flex;gap:.4rem}.sd-meta-icon{font-size:.75rem}.sd-meta-cost{font-size:.85rem;font-weight:600}.sd-assets-panel{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;overflow:visible;padding:1.5rem}.sd-assets-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.sd-assets-title-section{display:flex;flex-direction:column;gap:.5rem}.sd-assets-title-section h2{color:#0f172a;font-size:1.5rem;font-weight:700;margin:0}.sd-assets-title-section p{color:#64748b;font-size:.9rem;margin:0}.sd-selected-supplier-info{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.sd-supplier-icon{color:#1e3a8a;font-size:2rem;margin-top:.25rem}.sd-supplier-details-text h2{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.sd-supplier-details-text p{color:#64748b;font-size:.9rem;margin:0}.sd-asset-filters{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:0}.sd-filter-group{align-items:center;display:flex;flex:1 1;position:relative}.sd-filter-icon{color:#9ca3af;left:.75rem;pointer-events:none;position:absolute;z-index:1}.sd-filter-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:.75rem .75rem .75rem 2.25rem;transition:all .2s ease;width:100%}.sd-filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.sd-filter-input::placeholder{color:#9ca3af}.sd-no-assets,.sd-no-selection{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:3rem;text-align:center}.sd-no-assets .sd-empty-icon{font-size:3rem;margin-bottom:1rem}.sd-no-assets p,.sd-no-selection p{font-size:1rem;margin:0}.sd-assets-table-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex:1 1;flex-direction:column;overflow:visible}.sd-assets-table{background-color:#fff;border-collapse:collapse;width:100%}.sd-assets-table thead{background:linear-gradient(135deg,#0a2c5e,#1047a0);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sd-assets-table thead th{border-bottom:2px solid #1e3a8a;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.sd-assets-table tbody{background-color:#fff}.sd-assets-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.sd-assets-table tbody tr:hover{background-color:#eff6ff}.sd-assets-table tbody td{background-color:initial;color:#475569;font-size:.9rem;padding:1rem}.sd-row-number{color:#9ca3af;font-weight:500;text-align:center;width:40px}.sd-company-name{background-color:#f0f9ff;border-radius:4px;color:#1e3a8a;font-weight:600;padding:.5rem .75rem!important;white-space:nowrap}.sd-asset-name{color:#0f172a;font-weight:700}.sd-serial-number{color:#64748b;font-family:Monaco,Courier New,monospace;font-size:.85rem}.sd-category,.sd-purchase-date,.sd-warranty-expiry{color:#64748b;font-size:.9rem}.sd-purchase-cost,.sd-status{color:#475569}.sd-cost-badge{background-color:#dbeafe;color:#0c4a6e;white-space:nowrap}.sd-cost-badge,.sd-status-badge{border-radius:4px;display:inline-block;font-weight:600;padding:.4rem .8rem}.sd-status-badge{font-size:.8rem;letter-spacing:.3px;text-transform:uppercase}.sd-status-available{background-color:#d1fae5;color:#065f46}.sd-status-in_use{background-color:#dbeafe;color:#0c4a6e}.sd-status-under_maintenance{background-color:#fcd34d;color:#78350f}.sd-status-disposed{background-color:#fee2e2;color:#991b1b}.sd-status-unknown{background-color:#f3f4f6;color:#374151}.sd-asset-row{border-bottom:1px solid #e5e7eb;display:table-row;transition:background-color .2s ease}.sd-pagination-container{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem}.sd-pagination-info{color:#64748b;font-size:.9rem;font-weight:500}.sd-pagination-controls,.sd-pagination-info{align-items:center;display:flex;justify-content:center}.sd-pagination-controls{flex-wrap:wrap;gap:1rem}.sd-pagination-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s ease}.sd-pagination-btn:hover:not(:disabled){background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.sd-pagination-btn:disabled{background-color:#cbd5e1;color:#94a3b8;cursor:not-allowed;opacity:.6}.sd-pagination-pages{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.sd-page-btn{align-items:center;background-color:#f1f5f9;border:1px solid #e5e7eb;border-radius:4px;color:#0f172a;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:.5rem .8rem;transition:all .2s ease}.sd-page-btn:hover:not(.active){background-color:#e0f2fe;border-color:#3b82f6;color:#0c4a6e}.sd-page-btn.active{background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;color:#fff}.sd-loading{align-items:center;color:#64748b;display:flex;font-size:1rem;justify-content:center;min-height:400px}@media (max-width:1024px){.sd-supplier-layout{gap:1rem;grid-template-columns:280px 1fr}.sd-supplier-details-content{padding:1.5rem}}@media (max-width:768px){.sd-supplier-layout{grid-template-columns:1fr;min-height:auto}.sd-suppliers-panel{max-height:300px}.sd-suppliers-list{max-height:250px}.sd-assets-header,.sd-supplier-header{flex-direction:column;gap:1rem}.sd-selected-supplier-info{border-bottom:none;margin-bottom:0;padding-bottom:0}.sd-asset-filters{flex-direction:column;grid-template-columns:1fr}.sd-filter-group{flex:1 1;width:100%}.sd-assets-table{font-size:.85rem}.sd-assets-table tbody td,.sd-assets-table thead th{padding:.75rem}.sd-pagination-controls{gap:.5rem}.sd-pagination-btn{font-size:.8rem;padding:.5rem 1rem}.sd-page-btn{font-size:.75rem;height:32px;min-width:32px;padding:.4rem .6rem}}@media (max-width:480px){.sd-supplier-details-content{padding:1rem}.sd-header-info h1{font-size:1.25rem}.sd-supplier-layout{gap:1rem}.sd-assets-table-wrapper{overflow-x:auto}.sd-assets-table{min-width:600px}.sd-pagination-container{gap:1rem}.sd-pagination-controls{flex-direction:column;gap:.75rem;width:100%}.sd-pagination-btn,.sd-pagination-pages{justify-content:center;width:100%}.sd-pagination-info{font-size:.8rem}}:root{--dark-blue:#003d82;--light-blue:#f0f6ff;--very-light-blue:#f8faff;--grey-dark:#2c3e50;--grey-medium:#5a6c7d;--grey-light:#ecf0f5;--grey-very-light:#f5f7fa;--black:#000;--border-color:#dce4f0}.lab-admin-container{background-color:#f5f7fa;background-color:var(--grey-very-light);display:flex;min-height:calc(100vh - 200px)}.admin-loading{align-items:center;color:#5a6c7d;color:var(--grey-medium);display:flex;font-size:18px;justify-content:center;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#003049 0,var(--dark-blue) 100%);color:var(--white);transition:width .3s ease,margin-left .3s ease}.admin-sidebar.collapsed{width:70px}.sidebar-toggle-btn{background:linear-gradient(180deg,#003049,#003d82);background:linear-gradient(180deg,#003049 0,var(--dark-blue) 100%);border:1px solid #fff3;color:#fff;height:32px;top:16px;width:32px;z-index:100}.sidebar-toggle-btn:hover{background:#ffffff1a}.sidebar-nav .nav-btn span{transition:opacity .3s ease}.admin-sidebar.collapsed .nav-btn span{opacity:0;overflow:hidden;visibility:hidden;width:0}.admin-sidebar.collapsed .nav-btn{padding:12px}.admin-sidebar.collapsed .nav-icon{margin:0}.profile-avatar,.profile-section h3{color:var(--white)}.nav-btn{position:relative}.nav-btn.active,.nav-btn:hover{color:var(--white)}.nav-btn.active{border-left-color:var(--white)}.admin-sidebar.collapsed .nav-btn:hover:after{background:#000000e6;border-radius:6px;color:#fff;content:attr(title);font-size:12px;left:70px;padding:8px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:200}.admin-sidebar.collapsed .nav-btn:hover:before{background:#000000e6;border-radius:1px;content:"";height:6px;left:68px;position:absolute;top:50%;transform:translateY(-50%);width:6px;z-index:199}.admin-content{background-color:#f9fafb;flex:1 1;margin:0 auto;padding:32px 40px;width:100%}.section-content{background:#0000;border-radius:0;box-shadow:none;padding:0}.section-header-admin{align-items:flex-start;border-bottom:none;display:flex;flex-direction:row;gap:20px;justify-content:space-between;margin-bottom:28px;padding-bottom:0}.section-header h1{color:#1f2937;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 6px}.section-header p{color:#6b7280;font-size:14px;font-weight:400;margin:0}.refresh-btn{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.refresh-btn:hover:not(:disabled){background-color:#e5e7eb;border-color:#3b82f6;box-shadow:0 2px 8px #0052cc1a}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.refresh-btn svg{font-size:14px}.refresh-btn.refreshing svg{animation:spin 1s linear infinite}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:var(--white);border:1px solid #dce4f0;border:1px solid var(--border-color);flex-direction:column}.stat-card:before{background:linear-gradient(90deg,#0052cc,#0052cc99);background:linear-gradient(90deg,var(--primary-blue),#0052cc99);height:4px}.stat-card:hover{border-color:#0052cc;border-color:var(--primary-blue);box-shadow:0 8px 16px #0052cc1f}.stat-card-header{align-items:center;display:flex;gap:12px;margin-bottom:12px;width:100%}.stat-icon{background:linear-gradient(135deg,#e8f4f8,#f0f8fc);color:#003d82}.stat-card:first-child .stat-icon{background:linear-gradient(135deg,#e0f2ff,#f0f8ff);color:#0052cc}.stat-card:first-child:before{background:linear-gradient(90deg,#0052cc,#2563eb)}.stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#f0e8ff,#f8f0ff);color:#6b21a8}.stat-card:nth-child(2):before{background:linear-gradient(90deg,#9333ea,#a855f7)}.stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#e0fdf4,#f0fdf9);color:#059669}.stat-card:nth-child(3):before{background:linear-gradient(90deg,#10b981,#34d399)}.stat-card:nth-child(4) .stat-icon{background:linear-gradient(135deg,#fef3c7,#fffbeb);color:#d97706}.stat-card:nth-child(4):before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-card:nth-child(5) .stat-icon{background:linear-gradient(135deg,#fce7f3,#fff0f6);color:#be185d}.stat-card:nth-child(5):before{background:linear-gradient(90deg,#ec4899,#f472b6)}.stat-card:nth-child(6) .stat-icon{background:linear-gradient(135deg,#cffafe,#ecfdf5);color:#0891b2}.stat-card:nth-child(6):before{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.stat-info{width:100%}.stat-info h3{color:#6b7280;font-size:13px;font-weight:600;margin:0 0 8px}.stat-number{color:#1f2937;font-size:28px;margin:4px 0 6px}.stat-label{color:#9ca3af;font-size:11px;font-weight:400;margin:0}.quick-actions{border-top:none;margin-top:32px;padding-top:0}.quick-actions h2{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:18px;padding-bottom:0;position:relative}.quick-actions h2:before{background:linear-gradient(90deg,#0052cc,#0052cc4d);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:40px}.action-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.action-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;box-shadow:0 2px 8px #0052cc26;color:var(--white);gap:10px;padding:14px 20px}.action-icon{font-size:16px}.action-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #0052cc4d;transform:translateY(-3px)}.header-button-group{align-items:center;display:flex;gap:12px}.btn-add-technician{align-items:center;background:linear-gradient(135deg,#0a2c5e,#1047a0);border:1px solid #002e60;border-radius:8px;box-shadow:0 2px 6px #00206026;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:11px 18px;transition:all .3s ease;white-space:nowrap}.btn-add-technician:hover{background:linear-gradient(135deg,#0052cc,#06d);border-color:#0052cc;box-shadow:0 4px 12px #00206040;transform:translateY(-2px)}.btn-add-incharge{align-items:center;background:linear-gradient(135deg,#0a2c5e,#1047a0);border:1px solid #003d82;border-radius:8px;box-shadow:0 2px 6px #00348c26;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:11px 18px;transition:all .3s ease;white-space:nowrap}.btn-add-incharge:hover{background:linear-gradient(135deg,#06d,#007aff);border-color:#06d;box-shadow:0 4px 12px #00348c40;transform:translateY(-2px)}.btn-add-assetuser{align-items:center;background:linear-gradient(135deg,#0a2c5e,#1047a0);border:1px solid #052349;border-radius:8px;box-shadow:0 2px 6px #0a2c5e26;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:11px 18px;transition:all .3s ease;white-space:nowrap}.btn-add-assetuser:hover{background:linear-gradient(135deg,#1047a0,#1557b0);border-color:#1047a0;box-shadow:0 4px 12px #0a2c5e40;transform:translateY(-2px)}.btn-import-users{align-items:center;background:linear-gradient(135deg,#059669,#047857);border:1px solid #047857;border-radius:8px;box-shadow:0 2px 6px #05966926;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:11px 18px;transition:all .3s ease;white-space:nowrap}.btn-import-users:hover{background:linear-gradient(135deg,#047857,#038650);border-color:#038650;box-shadow:0 4px 12px #05966940;transform:translateY(-2px)}.dashboard-section{background:#fff;background:var(--white);border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 1px 3px #0000000f;margin-bottom:28px;padding:24px}.dashboard-section h2{border-bottom:none;color:#1f2937;font-size:18px;font-weight:700;margin:0 0 20px;padding-bottom:0;position:relative}.dashboard-section h2:before{background:linear-gradient(90deg,#0052cc,#0052cc4d);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:40px}.charts-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));margin-top:24px}.chart-wrapper{background:#fff;background:var(--white);border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:24px;transition:all .3s ease}.chart-wrapper:hover{border-color:#e5e7eb;box-shadow:0 4px 12px #00000014}.chart-title{color:#1f2937;font-size:15px;font-weight:600;letter-spacing:-.2px;margin-bottom:18px;text-align:center}.chart-responsive{height:300px;width:100%}.approvals-table{grid-gap:16px;display:grid;gap:16px}.approval-card{align-items:center;background-color:#f8faff;background-color:var(--very-light-blue);border:1px solid #dce4f0;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:24px;transition:all .3s ease}.approval-card:hover{background-color:#f0f6ff;background-color:var(--light-blue);border-color:#0052cc;border-color:var(--primary-blue);box-shadow:0 4px 12px #0052cc1a}.approval-info h3{color:#003d82;color:var(--dark-blue);font-size:18px;font-weight:600;margin:0 0 8px}.approval-info p{color:#5a6c7d;color:var(--grey-medium);font-size:14px;margin:4px 0}.role-badge{background-color:#f0f6ff;background-color:var(--light-blue);border-radius:6px;color:#0052cc;color:var(--primary-blue);letter-spacing:.3px;margin-top:8px;padding:6px 14px;text-transform:uppercase}.approval-actions{display:flex;gap:12px}.btn-approve,.btn-reject{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-approve{background-color:#d4edda;color:#155724}.btn-approve:hover{background-color:#c3e6cb;box-shadow:0 2px 8px #0000001a}.btn-reject{background-color:#f8d7da;color:#721c24}.btn-reject:hover{background-color:#f5c6cb;box-shadow:0 2px 8px #0000001a}.form-container{max-width:700px}.form-row{margin-bottom:20px}.form-group label{color:#003d82;color:var(--dark-blue)}.form-group input,.form-group select,.form-group textarea{background-color:#fff;background-color:var(--white);border:1px solid #dce4f0;border:1px solid var(--border-color);color:#2c3e50;color:var(--grey-dark)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0052cc;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0052cc1a}.skills-grid{grid-gap:12px;background-color:#f8faff;background-color:var(--very-light-blue);border:1px solid #dce4f0;border:1px solid var(--border-color);border-radius:6px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:15px;padding:16px}.skill-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .3s ease}.skill-checkbox:hover{background-color:#f0f6ff;background-color:var(--light-blue)}.skill-checkbox input{accent-color:#0052cc;accent-color:var(--primary-blue);border:none;cursor:pointer;height:16px;margin:0;width:16px}.skill-checkbox span{color:#2c3e50;color:var(--grey-dark);font-size:13px;font-weight:500;-webkit-user-select:none;user-select:none}.add-skill-inline{align-items:center;display:flex;gap:10px;margin-top:12px}.add-skill-inline input{border:1px solid #dce4f0;border:1px solid var(--border-color);border-radius:6px;flex:1 1;font-size:14px;padding:10px 14px}.add-skill-inline input:focus{border-color:#0052cc;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0052cc1a;outline:none}.btn-add-skill{background:#0052cc;background:var(--primary-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:background .2s;white-space:nowrap}.btn-add-skill:hover{background:#003d82;background:var(--dark-blue)}.submit-btn{background:linear-gradient(135deg,#0052cc,#0040a8);background:linear-gradient(135deg,var(--primary-blue),#0040a8);color:var(--white);font-size:16px;font-weight:600;gap:10px;margin-top:30px;padding:14px 40px;width:100%}.submit-btn:hover{box-shadow:0 6px 16px #0052cc40;transform:translateY(-2px)}.alert{margin-bottom:24px;padding:16px 20px}.alert-error{background-color:#f8d7da;border-left-color:#dc3545;color:#721c24}.alert-success{background-color:#d4edda;border-left-color:#28a745;color:#155724}.no-data{background-color:#f8faff;background-color:var(--very-light-blue);border:2px dashed #dce4f0;border:2px dashed var(--border-color);border-radius:8px;padding:60px 30px}.no-data-icon{color:#0052cc;color:var(--primary-blue);font-size:48px;margin-bottom:16px}.no-data p{color:#5a6c7d;color:var(--grey-medium);font-size:15px;margin:8px 0}.no-data p:first-of-type{color:#003d82;color:var(--dark-blue);font-size:18px;font-weight:600;margin-bottom:12px}@media (max-width:1024px){.admin-sidebar{width:240px}.admin-content,.section-content{padding:30px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.lab-admin-container{flex-direction:column}.admin-sidebar{height:auto;position:relative;width:100%}.admin-content,.section-content{padding:20px}.section-header h1{font-size:26px}.approval-card{align-items:flex-start;flex-direction:column}.approval-actions{gap:10px;margin-top:15px;width:100%}.btn-approve,.btn-reject{flex:1 1;width:100%}.action-buttons,.form-row,.stats-grid{grid-template-columns:1fr}.nav-btn{font-size:13px;padding:12px 15px}.section-header{align-items:flex-start;flex-direction:column}.header-button-group{flex-wrap:wrap;width:100%}.btn-add-assetuser,.btn-add-incharge,.btn-add-technician{flex:1 1;font-size:12px;min-width:140px;padding:10px 14px}}.skills-manage-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.skill-manage-card{align-items:center;background:#fff;border:1px solid #dce4f0;border:1px solid var(--border-color);border-radius:10px;display:flex;justify-content:space-between;padding:16px 20px;transition:box-shadow .2s,border-color .2s}.skill-manage-card:hover{border-color:#0052cc;border-color:var(--primary-blue);box-shadow:0 4px 12px #00000014}.skill-manage-info{display:flex;flex-direction:column;gap:4px}.skill-manage-label{color:var(--text-primary);font-size:15px;font-weight:600}.skill-manage-name{color:var(--text-muted);font-family:monospace;font-size:12px}.manage-users-tabs{margin-top:10px}.tabs-controls{display:flex;gap:10px;margin-bottom:16px}.tab{border:1px solid #dce4f0;color:#003d82}.tab.active{background:linear-gradient(135deg,#0052cc,#0040a8)}.users-table table{border-collapse:collapse;margin-top:8px;width:100%}.users-table td,.users-table th{border-bottom:1px solid #dce4f0;border-bottom:1px solid var(--border-color);padding:12px 14px;text-align:left}.users-table th{color:#fff;font-size:13px;font-weight:700;padding:14px}.users-table td{color:#2c3e50;color:var(--grey-dark)}.departments-table table{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.departments-table th{background:linear-gradient(135deg,#0052cc,#003d82);border:1px solid #0052cc;font-size:12px!important;font-weight:700;padding:10px 12px!important}.departments-table td{border-bottom:1px solid #e5e7eb;font-size:13px;padding:8px 12px!important}.departments-table tbody tr:last-child td{border-bottom:none}.departments-table tbody tr:hover{background-color:#fafbfc}.btn-assign-dept{align-items:center;background:linear-gradient(135deg,#0052cc,#0040a8);border:1px solid #0052cc;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-top:12px;padding:8px 16px;transition:all .2s ease}.btn-assign-dept:hover{background:linear-gradient(135deg,#0040a8,#002d7a);box-shadow:0 4px 12px #0052cc40;transform:translateY(-2px)}.pagination{justify-content:flex-end;margin-top:12px}.pagination button{border:1px solid #dce4f0;border:1px solid var(--border-color);padding:8px 12px}.modal{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:modalFadeIn .2s ease-out;max-height:85vh;max-width:92vw;padding:28px 32px;width:480px}.modal-content h3{color:#003d82;color:var(--dark-blue);font-size:1.25rem;margin-bottom:16px;margin-top:0}.modal-content p{line-height:1.5;margin:8px 0}.btn-sm{background:#fff;border:1px solid #dce4f0;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-weight:600;margin-right:6px;padding:6px 10px}.btn-sm:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#0052cc,#0040a8);background:linear-gradient(135deg,var(--primary-blue),#0040a8);border-radius:6px;padding:10px 16px}.btn-danger{background:#d9534f;border:none;border-radius:6px;cursor:pointer;padding:6px 10px}@media (max-width:820px){.modal-content{width:90%}.tabs-controls{flex-wrap:wrap}}.dashboard-header-new{align-items:flex-start;display:flex;justify-content:space-between}.dashboard-header-left h1{color:#003d82;color:var(--dark-blue);font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.dashboard-header-left p{color:#5a6c7d;color:var(--grey-medium);font-size:14px;margin:0}.stats-row-new{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:32px}.stat-card-new{align-items:center;background:#fff;border:1px solid #dce4f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;gap:16px;padding:20px;transition:all .3s ease}.stat-card-new:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-card-icon{align-items:center;border-radius:10px;display:flex;font-size:32px;height:48px;justify-content:center;width:48px}.stat-card-blue .stat-card-icon{background:#c7d2ff;color:#003d82}.stat-card-purple .stat-card-icon{background:#ddd6fe;color:#5b21b6}.stat-card-green .stat-card-icon{background:#d1fae5;color:#047857}.stat-card-amber .stat-card-icon{background:#fed7aa;color:#b45309}.stat-card-pink .stat-card-icon{background:#fbcfe8;color:#831843}.stat-card-cyan .stat-card-icon{background:#cffafe;color:#0369a1}.stat-card-content{flex:1 1}.stat-card-label{color:#5a6c7d;color:var(--grey-medium);font-size:12px;font-weight:500;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.stat-card-value{color:#003d82;color:var(--dark-blue);font-size:28px;font-weight:700;margin:0}.charts-grid-new{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.chart-card-new{background:#fff;border:1px solid #dce4f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #00000014;padding:24px}.chart-card-header-new{border-bottom:1px solid #dce4f0;border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:12px}.chart-card-header-new h3{color:#003d82;color:var(--dark-blue);font-size:16px;font-weight:700;margin:0 0 4px}.chart-card-subtitle{color:#5a6c7d;color:var(--grey-medium);font-size:12px;margin:0}.chart-container-new{align-items:center;display:flex;justify-content:center;min-height:280px}.summary-section-new{border-top:2px solid #dce4f0;border-top:2px solid var(--border-color);margin-bottom:32px;margin-top:32px;padding-top:32px}.summary-title{color:#003d82;color:var(--dark-blue);font-size:18px;font-weight:700;margin:0 0 20px}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{border:1px solid #dce4f0;border:1px solid var(--border-color)}.summary-card-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.summary-icon{color:#0052cc;color:var(--primary-blue);font-size:24px}.summary-card-header h4{color:#2c3e50;color:var(--grey-dark);font-size:14px;font-weight:600;margin:0}.summary-value{color:#003d82;color:var(--dark-blue);font-size:32px;font-weight:700;margin:8px 0 4px}.summary-status{color:#5a6c7d;color:var(--grey-medium);font-size:12px;margin:0}.quick-actions-new{background:linear-gradient(135deg,#f8faff,#f0f6ff);border:1px solid #dce4f0;border:1px solid var(--border-color);border-radius:12px;margin-top:32px;padding:32px}.quick-actions-title{color:#003d82;color:var(--dark-blue);font-size:18px;font-weight:700;margin:0 0 20px}.action-buttons-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.action-btn-new{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;text-transform:none;transition:all .3s ease}.action-btn-primary{background:linear-gradient(135deg,#0052cc,#0040a8);background:linear-gradient(135deg,var(--primary-blue),#0040a8);color:#fff}.action-btn-primary:hover{box-shadow:0 8px 16px #0052cc4d;transform:translateY(-2px)}.action-btn-secondary{background:#fff;border:2px solid #dce4f0;border:2px solid var(--border-color);color:#003d82;color:var(--dark-blue)}.action-btn-secondary:hover{background:#f0f6ff;background:var(--light-blue);border-color:#0052cc;border-color:var(--primary-blue);transform:translateY(-2px)}@media (max-width:1024px){.stats-row-new{grid-template-columns:repeat(3,1fr)}.charts-grid-new{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-row-new{grid-template-columns:repeat(2,1fr)}.dashboard-header-new{flex-direction:column;gap:16px}.action-buttons-grid,.summary-grid{grid-template-columns:1fr}}.btn-delete-skill{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:14px;padding:8px;transition:color .2s,background .2s}.btn-delete-skill:hover{background:#e74c3c14;color:#e74c3c;color:var(--danger-color,#e74c3c)}.asset-users-section{display:flex;flex-direction:column;gap:20px}.filter-box{background:var(--white);border:1px solid #dce4f0;border:1px solid var(--border-color);border-radius:8px;gap:12px}.filter-box label{color:#2c3e50;color:var(--grey-dark);margin:0}.filter-select{background:#fff;background:var(--white);border:1px solid #dce4f0;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s}.info-table{border-collapse:collapse;width:100%}.info-table tbody tr{border-bottom:1px solid #dce4f0;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.info-table tbody tr:last-child{border-bottom:none}.info-table tbody tr:hover{background-color:#f0f6ff;background-color:var(--light-blue)}.info-table td{font-size:14px;padding:16px 12px}.info-table td.label{color:#2c3e50;color:var(--grey-dark);font-weight:600;text-align:left;width:50%}.info-table td.value{font-size:18px;font-weight:700;text-align:right}.filter-select:focus,.filter-select:hover{border-color:var(--primary)}.filter-select:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.asset-user-requests-list{display:flex;flex-direction:column;gap:16px}.asset-user-request-card{align-items:flex-start;background:#fff;background:var(--white);border:1px solid #dce4f0;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:16px;justify-content:space-between;padding:20px 24px;transition:box-shadow .2s}.asset-user-request-card:hover{box-shadow:0 4px 12px #00000014}.request-header{align-items:flex-start;gap:16px}.request-info{flex:1 1}.request-info h4{color:#2c3e50;color:var(--grey-dark);font-size:16px;font-weight:600;margin:0 0 8px}.request-department{color:#5a6c7d;color:var(--grey-medium);font-size:14px;margin:0}.status-badge{padding:6px 14px}.status-badge.status-approved{background:#d4edda;color:#155724}.status-badge.status-rejected{background:#f8d7da;color:#721c24}.action-buttons{gap:10px;margin-top:8px}.action-buttons .btn-approve,.action-buttons .btn-reject{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.action-buttons .btn-approve{background:#d4edda;color:#155724}.action-buttons .btn-approve:hover{background:#c3e6cb}.action-buttons .btn-reject{background:#f8d7da;color:#721c24}.action-buttons .btn-reject:hover{background:#f5c6cb}.rejection-reason{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;color:#856404}.rejection-reason strong{display:block;margin-bottom:4px}.no-data{color:#5a6c7d;color:var(--grey-medium);font-size:14px;padding:32px 20px}.request-info h3{color:#2c3e50;color:var(--grey-dark);font-size:16px;margin:0 0 4px}.request-email{font-size:14px;margin:0 0 4px}.request-date,.request-email{color:#5a6c7d;color:var(--grey-medium)}.request-date{font-size:13px;margin:0 0 8px}.request-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-pending{background:#fff3cd;color:#856404}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.rejection-reason{color:#721c24;margin-top:8px}.request-actions{align-items:flex-end;flex-direction:column;flex-shrink:0;gap:8px}.btn-approve{align-items:center;background:linear-gradient(135deg,#28a745,#218838);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:transform .15s,box-shadow .15s}.btn-approve:hover{box-shadow:0 3px 8px #28a7454d;transform:translateY(-1px)}.btn-reject{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:transform .15s,box-shadow .15s}.btn-reject:hover{box-shadow:0 3px 8px #dc35454d;transform:translateY(-1px)}.reject-form-inline{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.reject-form-inline input{border:1px solid #dce4f0;border:1px solid var(--border-color);border-radius:6px;font-size:13px;min-width:180px;padding:8px 12px}.btn-reject-confirm{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px}.btn-cancel{background:#fff;border:1px solid #dce4f0;border:1px solid var(--border-color);border-radius:6px;color:#2c3e50;color:var(--grey-dark);font-size:13px;padding:8px 14px}.plan-limit-popup-overlay{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0f172a9e;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1400}.plan-limit-popup-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 24px 60px #02061759;padding:24px;width:min(94vw,920px)}.plan-limit-popup-header{margin-bottom:16px}.plan-limit-popup-card h3{color:#0f172a;font-size:1.45rem;font-weight:800;margin:0 0 8px}.plan-limit-popup-card p{color:#475569;font-size:1rem;line-height:1.5;margin:0}.popup-plan-list-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.popup-plan-list-title{color:#334155;font-size:.9rem;font-weight:700;letter-spacing:.4px;margin-bottom:10px;text-transform:uppercase}.popup-plan-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.popup-plan-card{background:#fff;border:1px solid #dbe2ea;border-radius:10px;padding:12px}.popup-plan-name{color:#0f172a;font-size:1rem;font-weight:800}.popup-plan-price{color:#0f766e;font-size:.92rem;font-weight:700;margin-top:4px}.popup-plan-meta{color:#334155;display:flex;font-size:.82rem;gap:8px;justify-content:space-between;margin-top:8px}.popup-plan-feature{color:#64748b;font-size:.8rem;line-height:1.3;margin-top:8px}.popup-plan-empty{color:#64748b;font-size:.9rem;padding:10px 2px}.plan-limit-popup-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:16px}.plan-limit-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 16px}.plan-limit-btn.primary{background:#0f766e;color:#fff}.plan-limit-btn.secondary{background:#e2e8f0;color:#1f2937}.btn-refresh{align-items:center;background:#fff;border:1px solid #dce4f0;border:1px solid var(--border-color);border-radius:8px;color:#0052cc;color:var(--primary-blue);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:background .2s}.btn-refresh:hover{background:#f0f6ff;background:var(--light-blue)}@media (max-width:640px){.asset-user-request-card{flex-direction:column}.request-actions{align-items:flex-start;width:100%}.reject-form-inline{flex-direction:column;width:100%}.reject-form-inline input{width:100%}}.import-files-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:1200px;padding:30px}.import-header{border-bottom:2px solid #e5e7eb;margin-bottom:30px;padding-bottom:20px}.import-header h2{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.import-header p{color:#6b7280;font-size:14px;margin:0}.import-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:10px;margin-bottom:30px}.import-tabs .tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.import-tabs .tab:hover{background:#f3f4f6;color:#3b82f6}.import-tabs .tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.alert{border-radius:6px;gap:10px}.alert-success{background-color:#d1fae5;border-left:4px solid #10b981;color:#065f46}.alert svg{flex-shrink:0;font-size:18px}.import-content{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1.2fr}@media (max-width:900px){.import-content{gap:20px;grid-template-columns:1fr}}.import-instructions{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.import-instructions h3{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 12px}.import-instructions h3 svg{color:#3b82f6;font-size:18px}.import-instructions ul{list-style:none;margin:0;padding:0}.import-instructions li{border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:13px;padding:8px 0}.import-instructions li:last-child{border-bottom:none}.import-instructions li strong{color:#1f2937;font-weight:600}.btn-download-template{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:20px;padding:10px 16px;transition:all .3s ease;width:100%}.btn-download-template:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.upload-box{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;padding:30px;text-align:center;transition:all .3s ease}.upload-box:hover{background:#eff6ff;border-color:#3b82f6}.upload-icon{color:#3b82f6;font-size:48px;margin-bottom:12px}.upload-box h3{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 20px}.file-input-wrapper{margin-bottom:20px;position:relative}.file-input-wrapper input[type=file]{display:none}.file-label{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#3b82f6;cursor:pointer;display:block;font-weight:600;padding:20px;transition:all .3s ease}.file-label:hover{background:#eff6ff;border-color:#3b82f6}.file-selected{background:#fff;border:1px solid #d1d5db;border-radius:6px;margin-bottom:20px;padding:12px 16px}.file-selected p{color:#4b5563;font-size:13px;margin:4px 0}.file-selected strong{color:#1f2937}.button-group{display:flex;gap:10px;justify-content:center}.btn{border-radius:6px;display:flex;gap:6px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.preview-box,.progress-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:20px;padding:20px}.preview-box h3,.progress-box h3{color:#1f2937;font-size:16px;font-weight:700;margin:0 0 15px}.preview-table{max-height:300px;overflow-x:auto;overflow-y:auto}.preview-table table{border-collapse:collapse;font-size:12px;width:100%}.preview-table th{background:#e5e7eb;border-bottom:2px solid #d1d5db;color:#1f2937;font-weight:600;padding:10px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0}.preview-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;padding:8px}.preview-table tbody tr:hover{background:#f0f9ff}.progress-stats{display:flex;gap:20px;margin-bottom:20px}.stat{border-radius:8px;color:#fff;flex:1 1;font-weight:600;padding:20px}.stat strong{display:block;font-size:28px;margin-bottom:8px}.stat p{margin:0;opacity:.9}.stat.success{background:linear-gradient(135deg,#10b981,#059669)}.stat.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.errors-list{background:#fee2e2;border-left:4px solid #dc2626;border-radius:6px;margin-top:15px;padding:15px}.errors-list h4{color:#7f1d1d;font-size:14px;margin:0 0 10px}.errors-list ul{list-style:none;margin:0;padding:0}.errors-list li{border-bottom:1px solid #fecaca;color:#7f1d1d;font-size:13px;padding:6px 0}.errors-list li:last-child{border-bottom:none}.errors-list strong{color:#991b1b}.br-page{background-color:#f8fafc;display:flex;min-height:100vh}.br-container{background:#f8fafc;border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:400px;overflow-y:auto;padding:20px}.br-header{gap:20px;justify-content:space-between}.br-header,.br-title{align-items:flex-start;display:flex}.br-title{gap:15px}.br-icon{color:#dc2626;flex-shrink:0;font-size:24px;margin-top:2px}.br-title h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.br-title p{color:#6b7280;font-size:14px;margin:4px 0 0}.br-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.br-close-btn:hover{background:#e5e7eb;color:#374151}.br-empty,.br-error,.br-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px}.br-empty svg,.br-loading svg{color:#d1d5db;font-size:48px}.br-error{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:20px}.br-error p{color:#991b1b;margin:0 0 16px;text-align:center}.br-requests-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.br-request-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s}.br-request-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.br-card-header{align-items:flex-start;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:16px}.br-card-title{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.br-card-title h3{color:#1f2937;font-size:16px;margin:0;overflow:hidden;text-overflow:ellipsis}.br-badge,.br-card-title h3{font-weight:600;white-space:nowrap}.br-badge{background:#fda29b;border-radius:12px;color:#7f1d1d;flex-shrink:0;font-size:12px;padding:4px 10px}.br-badge:has-text("✓"){background:#dcfce7;color:#166534}.br-card-meta{align-items:center;display:flex;flex-shrink:0;gap:8px}.br-date{background:#fff9;border-radius:4px;color:#6b7280;font-size:12px;padding:4px 8px}.br-card-body{flex:1 1;gap:12px;padding:16px}.br-card-body,.br-field{display:flex;flex-direction:column}.br-field{gap:4px}.br-field label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.br-field p{color:#374151;font-size:14px;line-height:1.4;margin:0}.br-description{background:#f3f4f6;border-left:3px solid #dc2626;border-radius:4px;font-style:italic;padding:8px}.br-card-footer{background:#fafafa;border-top:1px solid #e5e7eb;display:flex;gap:8px;padding:12px 16px}.br-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s;white-space:nowrap}.br-btn-primary{background:#dc2626;color:#fff}.br-btn-primary:hover:not(:disabled){background:#b91c1c;box-shadow:0 2px 8px #dc26264d;transform:translateY(-1px)}.br-btn-secondary{background:#e5e7eb;color:#374151}.br-btn-secondary:hover:not(:disabled){background:#d1d5db}.br-btn:disabled{cursor:not-allowed;opacity:.5}.br-modal-overlay{align-items:center;animation:fadeIn .2s;background:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.br-modal{animation:slideUp .3s;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.br-modal-header{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.br-modal-header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.br-modal-body{display:flex;flex-direction:column;gap:16px;padding:20px}.br-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.br-form-group{display:flex;flex-direction:column;gap:6px}.br-form-group label{color:#374151;font-size:13px;font-weight:600}.br-input,.br-textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:13px;padding:8px 12px;transition:all .2s}.br-input:focus,.br-textarea:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.br-input.disabled,.br-textarea.disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.br-textarea{min-height:80px;resize:vertical}.br-modal-footer{background:#fafafa;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 20px}@media (max-width:768px){.br-page{flex-direction:column}.admin-sidebar{border-bottom:1px solid #e2e8f0;height:auto;max-height:200px;overflow-y:auto;position:relative;width:100%}.sidebar-header{padding:20px}.sidebar-title{font-size:18px}.profile-section{padding:15px 20px}.sidebar-nav{display:grid;grid-template-columns:repeat(2,1fr);padding:10px 0}.nav-btn{font-size:13px;padding:10px 15px}.br-form-row,.br-requests-list{grid-template-columns:1fr}.br-header{flex-direction:column}.br-modal{max-height:95vh;max-width:95vw}}@media (max-width:480px){.admin-sidebar{max-height:150px}.sidebar-nav{grid-template-columns:1fr}.profile-avatar{font-size:24px;height:50px;width:50px}.profile-section h3{font-size:16px}.br-requests-list{grid-template-columns:1fr}.br-title h2{font-size:18px}.br-title p{font-size:12px}}.err-page{background-color:#f8fafc;display:flex;min-height:100vh}.err-container{background:#f8fafc;border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:400px;overflow-y:auto;padding:20px}.err-header{gap:20px;justify-content:space-between}.err-header,.err-title{align-items:flex-start;display:flex}.err-title{gap:15px}.err-icon{color:#2563eb;flex-shrink:0;font-size:24px;margin-top:2px}.err-title h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.err-title p{color:#6b7280;font-size:14px;margin:4px 0 0}.err-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.err-close-btn:hover{background:#e5e7eb;color:#374151}.err-empty,.err-error,.err-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px}.err-empty svg,.err-loading svg{color:#d1d5db;font-size:48px}.err-error{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:20px}.err-error p{color:#991b1b;margin:0 0 16px;text-align:center}.err-requests-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.err-request-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s}.err-request-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.err-card-type{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:6px;color:#0c4a6e;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:12px;top:12px}.err-card-content{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px}.err-card-top{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding-bottom:8px;padding-right:100px}.err-card-top h3{color:#1f2937;flex:1 1;font-size:16px;font-weight:600;margin:0;word-break:break-word}.err-status{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.err-status-pending{background:#fef3c7;color:#92400e}.err-status-approved{background:#dcfce7;color:#166534}.err-status-rejected{background:#fee2e2;color:#991b1b}.err-card-details{display:flex;flex-direction:column;gap:8px}.err-detail{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.err-detail label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;min-width:100px;text-transform:uppercase}.err-detail p{color:#374151;flex:1 1;font-size:14px;margin:0;text-align:right}.err-detail-text{background:#f3f4f6;border-radius:4px;font-style:italic;padding:6px;text-align:left!important}.err-card-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;margin-top:8px;padding-top:8px}.err-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s;white-space:nowrap}.err-btn-approve{background:#dcfce7;border:1px solid #86efac;color:#166534}.err-btn-approve:hover:not(:disabled){background:#bbf7d0;transform:translateY(-1px)}.err-btn-reject{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.err-btn-reject:hover:not(:disabled){background:#fecaca;transform:translateY(-1px)}.err-btn-primary{background:#2563eb;color:#fff}.err-btn-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.err-btn-secondary{background:#e5e7eb;color:#374151}.err-btn-secondary:hover:not(:disabled){background:#d1d5db}.err-btn-danger{background:#dc2626;color:#fff}.err-btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.err-btn:disabled{cursor:not-allowed;opacity:.5}.err-modal-overlay{align-items:center;animation:fadeIn .2s;background:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.err-modal{animation:slideUp .3s;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:450px;overflow-y:auto;width:100%}.err-modal-header{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.err-modal-header h2{color:#0c4a6e;font-size:18px;font-weight:600;margin:0}.err-modal-body{gap:16px;padding:20px}.err-info-box,.err-modal-body{display:flex;flex-direction:column}.err-info-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;gap:8px;padding:12px}.err-info-box p{color:#0c4a6e;font-size:13px;margin:0}.err-form-group{display:flex;flex-direction:column;gap:6px}.err-form-group label{color:#374151;font-size:13px;font-weight:600}.err-textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:13px;padding:10px;resize:vertical;transition:all .2s}.err-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.err-modal-footer{background:#fafafa;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 20px}@media (max-width:768px){.err-page{flex-direction:column}.admin-sidebar{border-bottom:1px solid #e2e8f0;height:auto;max-height:200px;overflow-y:auto;position:relative;width:100%}.sidebar-header{padding:20px}.sidebar-title{font-size:18px}.profile-section{padding:15px 20px}.sidebar-nav{display:grid;grid-template-columns:repeat(2,1fr);padding:10px 0}.nav-btn{font-size:13px;padding:10px 15px}.err-requests-list{grid-template-columns:1fr}.err-header{flex-direction:column}.err-modal{max-height:95vh;max-width:95vw}}@media (max-width:480px){.admin-sidebar{max-height:150px}.sidebar-nav{grid-template-columns:1fr}.profile-avatar{font-size:24px;height:50px;width:50px}.profile-section h3{font-size:16px}.err-requests-list{grid-template-columns:1fr}.err-title h2{font-size:18px}.err-title p{font-size:12px}}.assistant-page{height:100vh;width:100%}.assistant-page .page-container{background-color:#f5f5f5;flex:1 1;overflow-y:auto}.ah-dashboard{background:#f8fafc;min-height:100vh}.ah-error,.ah-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:18px;gap:18px;justify-content:center;min-height:450px}.ah-loading .spin{animation:ah-spin 1s linear infinite;color:#2563eb;font-size:36px}@keyframes ah-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ah-error{color:#dc2626}.ah-error button{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:background .2s}.ah-error button:hover{background:#1d4ed8}.ah-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;margin-bottom:28px;padding:24px 28px}.ah-header,.ah-welcome{align-items:center;display:flex}.ah-welcome{gap:18px}.ah-header-icon{background:#2563eb14;border-radius:14px;color:#2563eb;font-size:30px;padding:14px}.ah-welcome h1{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.3px;margin:0}.ah-welcome p{color:#64748b;font-size:15px;font-weight:500;margin:4px 0 0}.ah-welcome p,.btn-refresh-ah{align-items:center;display:flex}.btn-refresh-ah{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:11px 22px;transition:all .2s}.btn-refresh-ah:hover{background:#e2e8f0;color:#1e293b}.btn-refresh-ah:disabled{cursor:not-allowed;opacity:.6}.btn-refresh-ah .spin{animation:ah-spin 1s linear infinite}.ah-header-actions{align-items:center;display:flex;gap:14px}.ah-last-updated{align-items:center;color:#94a3b8;display:flex;font-size:13px;font-weight:500;white-space:nowrap}.ah-quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.qa-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 22px;transition:transform .15s,box-shadow .2s}.qa-btn:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.qa-arrow{font-size:11px;opacity:.6}.qa-add,.qa-breakdown,.qa-create-issue,.qa-extension,.qa-issues,.qa-preventive,.qa-view{background:#2563eb;color:#fff}.qa-add:hover,.qa-breakdown:hover,.qa-create-issue:hover,.qa-extension:hover,.qa-issues:hover,.qa-preventive:hover,.qa-view:hover{background:#1d4ed8}.ah-alerts-banner{align-items:center;background:#fef8ee;border:1px solid #fde2a8;border-radius:12px;display:flex;gap:14px;margin-bottom:24px;padding:16px 24px}.alert-bell{animation:ah-pulse 2s infinite;color:#d97706;font-size:20px}@keyframes ah-pulse{0%,to{opacity:1}50%{opacity:.5}}.alert-text{color:#92400e;font-size:15px;line-height:1.5}.ah-hero-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.ah-hero-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;gap:8px;padding:22px 24px 18px;transition:transform .2s,box-shadow .2s}.ah-hero-card:hover{box-shadow:0 8px 24px #0000000f;transform:translateY(-3px)}.ah-hero-top{align-items:center;display:flex;justify-content:space-between}.ah-hero-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ah-hero-icon-wrap{align-items:center;border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.ah-hero-icon-wrap.blue{background:#eff6ff;color:#3b82f6}.ah-hero-icon-wrap.green{background:#ecfdf5;color:#10b981}.ah-hero-icon-wrap.orange{background:#fff7ed;color:#f59e0b}.ah-hero-icon-wrap.purple{background:#f5f3ff;color:#8b5cf6}.ah-hero-value{color:#0f172a;font-size:32px;font-weight:800;line-height:1.1}.ah-hero-value small{color:#64748b;font-size:20px;font-weight:600}.ah-hero-breakdown{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.ah-mini-stat{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:600;gap:4px;padding:3px 8px}.ah-mini-stat.green{background:#ecfdf5;color:#059669}.ah-mini-stat.blue{background:#eff6ff;color:#2563eb}.ah-mini-stat.orange{background:#fff7ed;color:#d97706}.ah-mini-stat.red{background:#fef2f2;color:#dc2626}.ah-mini-stat.amber{background:#fffbeb;color:#b45309}.ah-mini-stat.teal{background:#f0fdfa;color:#0d9488}.ah-mini-stat svg{font-size:10px}.ah-hero-bar{background:#f1f5f9;border-radius:4px;height:8px;margin-top:4px;overflow:hidden}.ah-hero-bar-fill{border-radius:4px;height:100%;transition:width .6s ease}.ah-hero-hint{color:#94a3b8;font-size:12px;font-weight:500}.ah-charts-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}.ah-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px 24px}.ah-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.ah-chart-header h3{align-items:center;color:#0f172a;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0}.ah-chart-header h3 svg{color:#64748b;font-size:16px}.ah-chart-count{background:#f8fafc;border-radius:6px;color:#94a3b8;font-size:12px;font-weight:600;padding:4px 10px}.ah-trend-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:28px;padding:22px 24px}.ah-trend-card .ah-chart-header h3{align-items:center;color:#0f172a;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0}.ah-trend-card .ah-chart-header h3 svg{color:#64748b}.ah-no-data{color:#94a3b8;font-size:15px;padding:50px 0;text-align:center}.ah-activity-row{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}.ah-activity-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px 24px}.ah-activity-header{align-items:center;display:flex;gap:10px;margin-bottom:18px}.ah-activity-header h3{color:#0f172a;flex:1 1;font-size:15px;font-weight:600;margin:0}.ah-activity-icon{color:#64748b;font-size:18px}.ah-activity-total{color:#0f172a;font-size:22px;font-weight:800}.ah-stat-bars{display:flex;flex-direction:column;gap:10px}.ah-stat-bar-item{align-items:center;display:flex;gap:10px}.ah-bar-label{color:#64748b;font-size:13px;font-weight:500;min-width:60px}.ah-bar-track{background:#f1f5f9;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.ah-bar-fill{border-radius:4px;height:100%;min-width:2px;transition:width .5s ease}.ah-bar-fill.orange{background:#f59e0b}.ah-bar-fill.blue{background:#3b82f6}.ah-bar-fill.green{background:#10b981}.ah-bar-fill.red{background:#ef4444}.ah-bar-value{color:#0f172a;font-size:14px;font-weight:700;min-width:28px;text-align:right}.ah-mini-chart{align-items:center;display:flex;gap:12px;margin-top:14px}.ah-mini-legend{display:flex;flex-direction:column;gap:4px}.ah-legend-item{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:500;gap:6px}.ah-legend-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.ah-ra-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.ah-ra-item{border-radius:12px;padding:14px 12px;text-align:center}.ah-ra-item.pending-bg{background:#fff7ed}.ah-ra-item.approved-bg{background:#ecfdf5}.ah-ra-item.rejected-bg{background:#fef2f2}.ah-ra-item.active-bg{background:#eff6ff}.ah-ra-number{color:#0f172a;display:block;font-size:24px;font-weight:800;line-height:1.2}.ah-ra-label{color:#64748b;display:block;font-size:11px;font-weight:600;letter-spacing:.3px;margin-top:2px;text-transform:uppercase}.ah-assignment-viz{margin-top:6px}.ah-assign-label{color:#64748b;display:block;font-size:12px;font-weight:600;margin-bottom:6px}.ah-assign-legend{color:#64748b;display:flex;font-size:12px;font-weight:500;gap:16px;margin-top:4px}.ah-assign-legend span{align-items:center;display:flex;gap:4px}.ah-maint-cost{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:14px;margin-top:18px;padding:16px}.ah-maint-cost svg{color:#10b981;font-size:22px}.ah-maint-cost-label{color:#64748b;display:block;font-size:12px;font-weight:500}.ah-maint-cost-value{color:#0f172a;display:block;font-size:20px;font-weight:800}.ah-insights-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(6,1fr);margin-bottom:22px}.ah-insight-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 1px 4px #0000000f;display:flex;gap:12px;padding:16px 14px;transition:transform .15s,box-shadow .15s}.ah-insight-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.ah-insight-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:42px;justify-content:center;width:42px}.ah-insight-icon.blue{background:#eff6ff;color:#3b82f6}.ah-insight-icon.green{background:#ecfdf5;color:#10b981}.ah-insight-icon.orange{background:#fff7ed;color:#f59e0b}.ah-insight-icon.purple{background:#f5f3ff;color:#8b5cf6}.ah-insight-icon.red{background:#fef2f2;color:#ef4444}.ah-insight-icon.teal{background:#f0fdfa;color:#14b8a6}.ah-insight-info{display:flex;flex-direction:column;min-width:0}.ah-insight-value{color:#0f172a;font-size:20px;font-weight:700;line-height:1.1}.ah-insight-label{color:#64748b;font-size:11px;font-weight:500;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ah-insights-detail-row{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-bottom:22px}.ah-detail-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 4px #0000000f;padding:22px}.ah-detail-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:8px;margin-bottom:18px;padding-bottom:12px}.ah-detail-header h3{color:#0f172a;flex:1 1;font-size:15px;font-weight:600;margin:0}.ah-detail-icon{color:#3b82f6;font-size:16px}.ah-detail-total{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:13px;font-weight:600;padding:2px 10px}.ah-user-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.ah-user-stat-item{align-items:center;background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:10px 6px}.ah-user-stat-item .role-icon{font-size:18px}.ah-user-stat-item .role-icon.incharge{color:#10b981}.ah-user-stat-item .role-icon.technician{color:#8b5cf6}.ah-user-stat-item .role-icon.user{color:#3b82f6}.ah-user-stat-item .role-icon.admin{color:#f59e0b}.ah-user-stat-number{color:#0f172a;font-size:18px;font-weight:700}.ah-user-stat-label{color:#64748b;font-size:10px;font-weight:500;text-align:center}.ah-user-status-row{display:flex;gap:10px;margin-bottom:10px}.ah-user-status-item{align-items:center;border-radius:8px;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:6px 12px}.ah-user-status-item.active{background:#ecfdf5;color:#059669}.ah-user-status-item.pending{background:#fff7ed;color:#d97706}.ah-user-status-item.inactive{background:#fef2f2;color:#dc2626}.ah-user-chart{margin-top:8px}.ah-severity-bars{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.ah-severity-item{display:flex;flex-direction:column;gap:6px}.ah-severity-label-row{align-items:center;color:#334155;display:flex;font-size:13px;font-weight:500;gap:8px}.ah-severity-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.ah-severity-dot.high{background:#ef4444}.ah-severity-dot.medium{background:#f59e0b}.ah-severity-dot.low{background:#10b981}.ah-severity-count{color:#0f172a;font-weight:700;margin-left:auto}.ah-severity-track{background:#f1f5f9;border-radius:4px;height:8px;overflow:hidden}.ah-severity-fill{border-radius:4px;height:100%;min-width:2px;transition:width .5s ease}.ah-severity-fill.high{background:#ef4444}.ah-severity-fill.medium{background:#f59e0b}.ah-severity-fill.low{background:#10b981}.ah-severity-chart{margin-top:8px}.ah-resolution-stats{align-items:flex-start;display:flex;gap:20px}.ah-resolution-main{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.ah-resolution-circle{align-items:center;border-radius:50%;display:flex;height:90px;justify-content:center;position:relative;width:90px}.ah-resolution-circle:before{background:#fff;border-radius:50%;content:"";height:62px;position:absolute;width:62px}.ah-resolution-pct{color:#0f172a;font-size:18px;font-weight:700;position:relative;z-index:1}.ah-resolution-label{color:#64748b;font-size:11px;font-weight:500}.ah-resolution-details{display:flex;flex:1 1;flex-direction:column;gap:12px}.ah-res-detail-item{align-items:center;display:flex;gap:10px}.ah-res-icon{flex-shrink:0;font-size:16px}.ah-res-icon.green{color:#10b981}.ah-res-icon.orange{color:#f59e0b}.ah-res-icon.blue{color:#3b82f6}.ah-res-icon.red{color:#ef4444}.ah-res-detail-item>div{display:flex;flex-direction:column}.ah-res-value{color:#0f172a;font-size:15px;font-weight:700;line-height:1.2}.ah-res-sublabel{color:#64748b;font-size:11px;font-weight:500}.ah-bottom-row-v2{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr;margin-bottom:28px}.ah-alerts-card,.ah-recent-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.ah-alerts-card h3,.ah-recent-card h3{align-items:center;color:#0f172a;display:flex;font-size:16px;font-weight:600;margin:0 0 18px}.ah-alerts-card h3 svg,.ah-recent-card h3 svg{color:#64748b!important}.ah-no-alerts{align-items:center;color:#16a34a;font-size:15px;gap:10px;padding:36px 0}.ah-alert-list,.ah-no-alerts{display:flex;flex-direction:column}.ah-alert-list{gap:8px;max-height:320px;overflow-y:auto}.ah-alert-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;display:flex;font-size:14px;gap:12px;padding:12px 16px}.ah-alert-item svg{color:#475569}.ah-alert-item.low-stock,.ah-alert-item.maint-due,.ah-alert-item.warranty{background:#f8fafc}.ah-alert-item.overdue{background:#fef2f2;border-color:#fecaca}.ah-alert-item.overdue svg{color:#dc2626}.ah-alert-item.warranty-expired{background:#fef2f2;border-color:#fecaca}.ah-alert-item.warranty-expired svg{color:#dc2626}.ah-alert-content{align-items:center;display:flex;flex:1 1;gap:10px;justify-content:space-between}.ah-alert-action{align-items:center;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 12px;transition:.2s;white-space:nowrap}.ah-alert-action:hover{background:#1d4ed8}.ah-recent-list{display:flex;flex-direction:column;gap:12px;max-height:380px;overflow-y:auto}.ah-recent-item{border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.ah-recent-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.ah-recent-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.ah-badge{background:#f1f5f9;border-radius:6px;color:#475569;font-size:12px;font-weight:600;padding:3px 10px;text-transform:capitalize}.ah-badge.severity-high{background:#fef2f2;color:#dc2626}.ah-badge.status-resolved{background:#f0fdf4;color:#16a34a}.ah-badge.status-rejected{background:#fef2f2;color:#dc2626}.ah-badge.severity-low,.ah-badge.severity-medium,.ah-badge.status-accepted,.ah-badge.status-active,.ah-badge.status-closed,.ah-badge.status-in-progress,.ah-badge.status-in_progress,.ah-badge.status-pending,.ah-badge.type-breakdown,.ah-badge.type-calibration,.ah-badge.type-preventive{background:#f1f5f9;color:#475569}.ah-status-dot{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.ah-status-dot.pending{background:#f59e0b}.ah-status-dot.active{background:#2563eb}.ah-status-dot.resolved{background:#10b981}.ah-status-dot.rejected{background:#ef4444}.ah-status-dot.total-dot{background:#6366f1}.ah-status-grid{display:flex;flex-wrap:wrap;gap:24px}.ah-status-item{align-items:center;color:#475569;display:flex;font-size:14px;gap:6px}.ah-status-item strong{color:#0f172a;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#fafbfc;box-sizing:border-box;color:#1e293b;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff}.btn-primary-action{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary-action:hover{background-color:#1d4ed8;transform:translateY(-1px)}.btn-cancel{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-left:12px;padding:12px 24px;transition:all .2s}.btn-cancel:hover{background-color:#e2e8f0}.form-buttons{margin-top:24px}.checklist-input{display:flex;gap:8px;margin-bottom:12px}.checklist-input input{flex:1 1}.btn-add{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px}.checklist-display ul{list-style:none;margin:0;padding:0}.checklist-display li{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:4px;padding:8px 12px}.btn-remove{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.file-upload-area{margin:12px 0}.btn-upload{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px}.attachments-list{margin-top:12px}.attachment-item{background:#f8fafc;margin-bottom:8px;padding:8px 12px}.btn-delete-file{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.ah-recent-body strong{color:#0f172a;font-size:15px}.ah-recent-body p{color:#64748b;font-size:13px;line-height:1.5;margin:4px 0 0}.ah-recent-footer{color:#94a3b8;display:flex;font-size:13px;justify-content:space-between;margin-top:10px}@media (max-width:1024px){.ah-hero-grid{grid-template-columns:repeat(2,1fr)}.ah-charts-grid{grid-template-columns:1fr 1fr}.ah-activity-row,.ah-bottom-row-v2{grid-template-columns:1fr}.ah-insights-row{grid-template-columns:repeat(3,1fr)}.ah-insights-detail-row{grid-template-columns:1fr 1fr}.admin-sidebar{width:260px}}@media (max-width:768px){.assistant-page{flex-direction:column}.admin-sidebar{border-bottom:1px solid #e2e8f0;height:auto;max-height:200px;overflow-y:auto;position:relative;width:100%}.sidebar-header{padding:20px}.sidebar-title{font-size:18px}.profile-section{padding:15px 20px}.sidebar-nav{display:grid;grid-template-columns:repeat(2,1fr);padding:10px 0}.nav-btn{font-size:13px;padding:10px 15px}.ah-dashboard{padding:18px}.ah-header{align-items:flex-start;flex-direction:column;gap:14px;padding:20px}.ah-hero-grid{grid-template-columns:repeat(2,1fr)}.ah-charts-grid{grid-template-columns:1fr}.ah-insights-row{grid-template-columns:repeat(2,1fr)}.ah-insights-detail-row{grid-template-columns:1fr}.ah-resolution-stats{align-items:center;flex-direction:column}.ah-user-stats-grid{grid-template-columns:repeat(2,1fr)}.ah-welcome h1{font-size:22px}}@media (max-width:480px){.admin-sidebar{max-height:150px}.sidebar-nav{grid-template-columns:1fr}.profile-avatar{font-size:24px;height:50px;width:50px}.profile-section h3{font-size:16px}.ah-hero-grid{grid-template-columns:1fr}.ah-insights-row{grid-template-columns:1fr 1fr}.ah-user-status-row{flex-direction:column}.ah-welcome h1{font-size:20px}.ah-hero-value{font-size:26px}.ah-modal-content{margin:20px auto;max-width:95vw}}.ah-modal-overlay{align-items:flex-start;animation:fadeIn .2s;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ah-modal-content{animation:slideDown .3s;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0003;margin:40px auto;max-height:90vh;max-width:1000px;overflow-y:auto;width:100%}.assistant-page{background-color:#f8fafc;display:flex;min-height:100vh}.ah-dashboard{flex:1 1;font-family:Inter,Segoe UI,-apple-system,sans-serif;margin:0 auto;max-width:1440px;overflow-y:auto;padding:28px 36px;width:100%}.ah-view-toggle{border-bottom:2px solid #e2e8f0;display:flex;gap:12px;margin:24px 0 20px}.ah-toggle-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.ah-toggle-btn:hover{color:#334155}.ah-toggle-btn.active{border-bottom-color:#2563eb;color:#2563eb}.ah-assets-view{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:20px;padding:24px}.ah-assets-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.ah-assets-header h2{align-items:center;color:#0f172a;display:flex;font-size:20px;margin:0}.ah-assets-table-wrapper{overflow-x:auto}.ah-assets-table{border-collapse:collapse;font-size:14px;width:100%}.ah-assets-table thead{background:#f1f5f9;border-bottom:2px solid #e2e8f0}.ah-assets-table th{color:#334155;font-weight:600;padding:14px 12px;text-align:left}.ah-assets-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .15s}.ah-assets-table tbody tr:hover{background-color:#f8fafc}.ah-assets-table td{color:#334155;padding:14px 12px}.ah-category-badge{background:#dbeafe;color:#0c4a6e;padding:4px 10px}.ah-category-badge,.ah-status-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600}.ah-status-badge{padding:6px 12px;text-transform:capitalize}.ah-status-badge.status-available{background:#d1fae5;color:#065f46}.ah-status-badge.status-in_use{background:#dbeafe;color:#0c4a6e}.ah-status-badge.status-under_maintenance{background:#fef3c7;color:#78350f}.ah-status-badge.status-disposed{background:#fee2e2;color:#7f1d1d}.ah-condition-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.ah-condition-badge.condition-excellent{background:#d1fae5;color:#065f46}.ah-condition-badge.condition-good{background:#dbeafe;color:#0c4a6e}.ah-condition-badge.condition-fair{background:#fef3c7;color:#78350f}.ah-condition-badge.condition-damaged{background:#fee2e2;color:#7f1d1d}.ah-assigned-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.ah-assigned-badge.assigned{background:#d1fae5;color:#065f46}.ah-assigned-badge.unassigned{background:#fee2e2;color:#7f1d1d}.ah-value-cell{color:#059669;font-weight:600}.ah-loading-inline{align-items:center;color:#64748b;display:flex;gap:10px;justify-content:center;padding:40px}.ah-loading-inline .spin{animation:ah-spin 1s linear infinite;color:#2563eb;font-size:20px}@media (max-width:1024px){.ah-dashboard,.assistant-page .page-container{padding:1.5rem}}@media (max-width:768px){.assistant-page{flex-direction:column}.assistant-page .page-container{flex:1 1;overflow-y:auto;padding:1rem;width:100%}.admin-sidebar{box-shadow:0 2px 8px #0000001a;height:auto;max-height:100px;position:relative;width:70px}.admin-sidebar.collapsed{width:70px}.ah-dashboard{padding:1.5rem}.ah-assets-table-wrapper{font-size:13px}.ah-assets-table td,.ah-assets-table th{padding:10px 8px}.ah-assets-header{align-items:flex-start;flex-direction:column;gap:15px}.ah-toggle-btn{font-size:13px;padding:10px 16px}}@media (max-width:480px){.assistant-page .page-container{padding:.75rem}.ah-dashboard{padding:1rem .75rem}.admin-sidebar{height:100vh;left:-280px;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1001}.admin-sidebar.open{left:0}}:root{--shadow-md:0 10px 25px #0f172a26;--shadow-lg:0 20px 50px #0f172a33}.pricing-page{background:#f9fafb;background:var(--light-bg);color:#1f2937;color:var(--text-dark);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}.pricing-header{align-items:center;background:linear-gradient(135deg,#0f172a,#1a3a5c 50%,#0f172a);background-attachment:fixed;border-bottom:4px solid #fbbf24;color:#fff;display:flex;gap:80px;height:70vh;justify-content:space-between;overflow:visible;padding:100px 40px}.pricing-header:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle at 30% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 70% 80%,#ffffff14 0,#0000 50%);content:"";height:150%;left:-50%;position:absolute;top:0;width:150%}.pricing-header:after{background:linear-gradient(180deg,#f9fafb00,#f9fafb);bottom:-2px;content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0}.pricing-header__content{animation:fadeInUp .8s ease-out;flex:1 1;margin-left:60px;max-width:600px;position:relative;text-align:left;z-index:2}.pricing-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#fbbf24);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:600;letter-spacing:-2px;line-height:1.15;margin-bottom:24px;text-shadow:0 2px 20px #0000004d}.pricing-header p{color:#fff;font-size:18px;font-weight:300;letter-spacing:.5px;line-height:1.9;margin:0;max-width:600px;opacity:.95}.pricing-header .highlight{border-radius:8px;color:#ffe100;display:inline-block;font-weight:600;padding:6px 12px}.pricing-header__image{align-items:center;display:flex;flex-basis:40%;justify-content:center;margin-top:30px;min-height:300px;position:relative;z-index:2}.pricing-header__image img{animation:slideInRight .8s ease-out;border-radius:12px;box-shadow:0 25px 50px #0006,0 4px 12px #00000040,inset 0 1px 0 #ffffff1a;filter:drop-shadow(0 0 20px rgba(0,0,0,.2));height:auto;max-height:500px;max-width:80%;object-fit:contain}.pricing-hero{background:linear-gradient(135deg,#d8e0e9 40%,#699abb);border-bottom:2px solid #0034cc14;padding:50px 20px 60px;position:relative;text-align:center}.pricing-hero:before{background:radial-gradient(circle,#a1c3e226 0,#0000 70%);height:700px;right:-10%;top:-40%;width:700px}.pricing-hero:after,.pricing-hero:before{border-radius:50%;content:"";position:absolute;z-index:1}.pricing-hero:after{background:radial-gradient(circle,#fbbf240a 0,#0000 70%);bottom:-30%;height:600px;left:-5%;width:600px}.pricing-hero h1{color:#1f2937;color:var(--text-dark);font-size:48px;font-weight:600;letter-spacing:-1px;margin-bottom:16px;position:relative;z-index:2}.pricing-hero p{color:#6b7280;color:var(--text-gray);font-size:18px;margin:0 auto 60px;max-width:700px}.controls,.pricing-hero p{position:relative;z-index:2}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.billing-toggle{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-gray);border-radius:16px;gap:0;padding:8px}.billing-toggle button{background:#0000;border:none;border-radius:12px;color:#6b7280;color:var(--text-gray);cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;position:relative;transition:all .3s ease}.billing-toggle button:hover{color:#0f172a;color:var(--primary-blue)}.billing-toggle .active{background:linear-gradient(120deg,#0f172a,#1a3a5c);box-shadow:0 4px 15px #0f172a4d;color:#fff}.controls select{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-gray);border-radius:12px;color:#1f2937;color:var(--text-dark);cursor:pointer;font-size:15px;font-weight:600;margin-bottom:20px;padding:14px 20px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.controls select:hover{border-color:#0f172a}.plans-grid{align-items:center;border-bottom:2px solid #0034cc14;border-top:2px solid #0034cc14;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:42px;justify-content:center;padding:60px 40px;position:relative;width:100%;z-index:2}.plan-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 10px 25px #0f172a26;box-shadow:var(--shadow-md);height:100%;max-width:400px;min-height:580px;padding:48px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.plan-card:first-child{background:linear-gradient(135deg,#eff6ff,#e0f2fe);border-color:#1e7ce833}.plan-card:nth-child(2){background:linear-gradient(135deg,#f0fdf4,#dbeafe);border-color:#10b98133}.plan-card:nth-child(3){background:linear-gradient(135deg,#eff6ff,#e0f2fe);border-color:#fbbf244d}.plan-card:before{background:linear-gradient(90deg,#0f172a,#fbbf24);background:linear-gradient(90deg,var(--primary-blue),var(--accent-yellow));content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1)}.plan-card:after{background:radial-gradient(circle,#0f172a14 0,#0000 70%);border-radius:50%;content:"";height:200px;pointer-events:none;position:absolute;right:-100px;top:-100px;transition:all .4s ease;width:200px}.plan-card:hover{border-color:#0f172a1a;box-shadow:0 25px 60px #0f172a26;transform:translateY(-16px)}.plan-card:hover:before{transform:scaleX(1)}.plan-card:hover:after{transform:translate(50px,50px)}.plan-card.highlighted{background:linear-gradient(135deg,#fffae6,#fffbf0 50%,#fef3c7);border:3px solid #fbbf24;box-shadow:0 20px 60px #fbbf244d;position:relative;transform:scale(1.02);z-index:1}.plan-card.highlighted:hover{box-shadow:0 30px 80px #fbbf2440;transform:translateY(-16px)}.badge{align-items:center;background:linear-gradient(120deg,#fbbf24,#f59e0b);background:linear-gradient(120deg,var(--accent-yellow),var(--accent-hover));border-radius:50px;box-shadow:0 4px 15px #fbbf2466;color:#78350f;display:flex;gap:6px;left:50%;letter-spacing:1px;padding:8px 20px;position:absolute;top:-12px;transform:translateX(-50%)}.plan-card h2{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px;margin-top:8px}.plan-card>p{color:#6b7280;color:var(--text-gray);font-size:15px;line-height:1.6;margin-bottom:32px}.price{align-items:baseline;color:#0f172a;display:flex;font-size:52px;font-weight:600;justify-content:center;letter-spacing:-1px;margin:24px 0 8px}.price span{color:#6b7280;color:var(--text-gray);font-size:16px;font-weight:400;margin-left:8px}.meta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px}.meta span{background:linear-gradient(120deg,#0f172a14,#1a3a5c14);border-radius:8px;color:#0f172a;font-size:13px;font-weight:600;padding:8px 16px}.cta-btn{background:linear-gradient(120deg,#fbbf24,#f59e0b);background:linear-gradient(120deg,var(--accent-yellow),var(--accent-hover));border:2px solid #0000;border-radius:12px;box-shadow:0 8px 16px #fbbf2433;color:#78350f;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;margin-bottom:32px;overflow:hidden;padding:16px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.cta-btn:before{background:#ffffff4d;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.cta-btn:hover{box-shadow:0 16px 32px #fbbf2459;transform:translateY(-4px)}.cta-btn:hover:before{left:100%}.cta-btn:active{transform:translateY(-2px)}.plan-card.highlighted .cta-btn{background:linear-gradient(120deg,#0f172a,#1a3a5c);box-shadow:0 8px 16px #0f172a33;color:#fff}.plan-card.highlighted .cta-btn:hover{box-shadow:0 16px 32px #0f172a59}.plan-card ul{display:flex;flex-direction:column;flex-grow:1;gap:16px;list-style:none;margin:24px 0;min-height:200px}.plan-card li{align-items:center;color:#6b7280;color:var(--text-gray);display:flex;font-size:15px;font-weight:500;gap:12px;justify-content:center;margin-bottom:0;min-height:auto}.plan-card li svg{color:var(--success-green);flex-shrink:0;font-size:18px}.addon{background:linear-gradient(135deg,#0a0f1a,#1a2f52 50%,#0f172a);background-attachment:fixed;box-shadow:inset 0 0 100px #0000004d;color:#fff;overflow:hidden;padding:120px 40px;position:relative;text-align:center}.addon:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#64a0dc40 0,#64a0dc14 40%,#0000 70%);height:600px;right:-10%;top:-50%;width:600px}.addon:after,.addon:before{border-radius:50%;content:"";filter:blur(40px);position:absolute}.addon:after{background:radial-gradient(circle,#fbbf2433 0,#fbbf2414 40%,#0000 70%);bottom:-300px;height:500px;left:-200px;width:500px}.addon h2{font-size:42px;font-weight:600;letter-spacing:-1px;margin-bottom:12px}.addon h2,.addon p{position:relative;z-index:2}.addon p{font-size:18px;line-height:1.8;margin-bottom:40px;opacity:.9}.addon-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1f,#64a0dc14 50%,#ffffff0f);border:2px solid #fbbf244d;border-radius:20px;box-shadow:0 8px 32px #0003,inset 0 0 60px #64a0dc1a;margin:0 auto;max-width:500px;padding:48px 40px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.addon-box:hover{background:linear-gradient(135deg,#ffffff2e,#64a0dc26 50%,#ffffff1a);border-color:#fbbf2499;box-shadow:0 16px 48px #fbbf2440,inset 0 0 80px #64a0dc26;transform:translateY(-8px)}.addon-box h3{color:#fbbf24;color:var(--accent-yellow);font-size:48px;font-weight:600;letter-spacing:-.5px;margin-bottom:12px}.addon-box p{font-size:16px;margin-bottom:0;opacity:.95}.comparison{background:linear-gradient(135deg,#e8ebf0,#dce6f599 50%,#dce6f5);border-bottom:2px solid #0034cc1a;border-top:2px solid #0034cc1a;box-shadow:0 10px 40px #0f172a14;box-sizing:border-box;overflow-x:hidden;padding:80px 40px;position:relative;width:100%}.comparison h2{color:#1f2937;color:var(--text-dark);font-size:42px;font-weight:600;margin-bottom:40px;text-align:center}.comparison-table{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-gray);border-radius:20px;box-shadow:0 10px 25px #0f172a26;box-shadow:var(--shadow-md);box-sizing:border-box;transition:all .3s ease}.comparison table{border-collapse:collapse;position:relative;width:100%}.comparison thead{background:linear-gradient(120deg,#0f172a,#1a3a5c);color:#fff;position:-webkit-sticky;position:sticky;top:0}.comparison th{font-size:15px;font-weight:700;letter-spacing:.8px;padding:24px 20px;text-align:left;text-transform:uppercase}.comparison td{border-top:1px solid #f1f5f9;color:#6b7280;color:var(--text-gray);font-size:15px;padding:20px;transition:all .3s ease}.comparison tbody tr{transition:all .3s cubic-bezier(.4,0,.2,1)}.comparison tbody tr:hover{background:linear-gradient(90deg,#0f172a0d,#fbbf2408);box-shadow:inset 0 0 0 1px #0f172a1a;transform:scale(1.01)}.comparison tbody tr:first-child td{border-top:none}.badge-yes{align-items:center;background:linear-gradient(135deg,#f0f7ff,#e0eeff);border-radius:12px;box-shadow:0 4px 12px #0f172a1a;color:#0f172a;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.badge-yes:hover{box-shadow:0 6px 16px #0f172a33;transform:scale(1.05)}.badge-no{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:12px;box-shadow:0 4px 12px #dc26261a;color:#dc2626;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.badge-no:hover{box-shadow:0 6px 16px #dc262633;transform:scale(1.05)}.faq{background:linear-gradient(135deg,#75dbfd80,#8080e926 50%,#f0f8ff33);border-bottom:2px solid #0034cc1a;border-top:2px solid #0034cc1a;padding:0 20px 80px;padding:60px 20px;position:relative}.faq h2{color:#1f2937;color:var(--text-dark);font-size:42px;font-weight:600;letter-spacing:-1px;margin-bottom:40px;text-align:center}.faq-question span:first-child{color:#1f2937}.faq-answer p{color:#6b7280}.pricing-benefits{background:linear-gradient(135deg,#ffffffb3,#f5faff66);border-bottom:2px solid #0034cc14;border-top:2px solid #0034cc14;padding:60px 20px}.pricing-benefits h2{color:#1f2937;color:var(--text-dark);font-size:42px;font-weight:600;margin-bottom:40px;text-align:center}.benefit-card{background:linear-gradient(135deg,#0f172a08,#fbbf2408);border:1px solid #e5e7eb80}.benefit-card:hover{border-color:#fbbf24;box-shadow:0 10px 30px #0f172a26;transform:translateY(-8px)}.benefit-icon{display:block;margin-bottom:20px}.benefit-card h3{color:#1f2937}.benefit-card p{color:#6b7280;line-height:1.6}.additional-services{background:linear-gradient(135deg,#0f172a,#1a2e4a 50%,#0d1f3c);border-bottom:1px solid #fbbf241a;border-top:1px solid #fbbf241a;overflow:hidden;padding:80px 20px;position:relative}.additional-services:before{background:radial-gradient(circle,#fbbf240f 0,#0000 70%);border-radius:50%;content:"";height:500px;position:absolute;right:-5%;top:-30%;width:500px}.additional-services:after{background:radial-gradient(circle,#1e7ce80d 0,#0000 70%);border-radius:50%;bottom:-20%;content:"";height:600px;left:-10%;position:absolute;width:600px}.services-header{margin:0 auto 60px;max-width:1200px;position:relative;text-align:center;z-index:2}.services-title{color:#fff;font-size:42px;font-weight:600;letter-spacing:-1px;margin-bottom:16px}.services-subtitle{color:#ffffffbf;font-size:16px;line-height:1.6;margin:0 auto;max-width:600px}.services-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;position:relative;z-index:2}.service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff14,#1e7ce80d);border:1px solid #fbbf2426;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;gap:12px;padding:32px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.service-card:hover{background:linear-gradient(135deg,#ffffff1f,#1e7ce81a);border-color:#fbbf2466;box-shadow:0 16px 48px #fbbf2426;transform:translateY(-8px)}.service-card-title{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.3px}.service-card-description{color:#ffffffb3;flex-grow:1;font-size:14px;line-height:1.6}.service-card-price{color:#fbbf24;color:var(--accent-yellow);font-size:22px;font-weight:700;letter-spacing:-.5px;margin-top:8px}.pricing-cta-left button{background:linear-gradient(120deg,#fbbf24,#f59e0b);background:linear-gradient(120deg,var(--accent-yellow),var(--accent-hover))}.pricing-footer{background:linear-gradient(135deg,#0f172a,#0a1628);background:linear-gradient(135deg,var(--dark-slate) 0,#0a1628 100%);color:#fff;margin-top:auto;overflow:hidden;padding:80px 20px 40px;position:relative}.pricing-footer:before{background:radial-gradient(circle,#0f172a1a 0,#0000 70%);border-radius:50%;content:"";height:500px;position:absolute;right:-20%;top:0;width:500px}.footer-content{margin:0 auto;max-width:1200px;position:relative;z-index:2}.footer-grid{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:50px}.footer-section h4{color:#fbbf24;color:var(--accent-yellow);font-size:14px;font-weight:700;letter-spacing:1.2px;margin-bottom:24px;text-transform:uppercase}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:14px}.footer-section ul li a,.footer-section ul li span{color:#d1d5db;font-size:14px;text-decoration:none;transition:all .3s ease}.footer-section ul li a:hover{color:#fbbf24;color:var(--accent-yellow);transform:translateX(4px)}.footer-brand{align-items:center;display:flex;font-size:24px;font-weight:800;gap:12px;margin-bottom:16px}.footer-brand span:last-child{color:#fff}.footer-description{color:#d1d5db;font-size:14px;line-height:1.8;margin-bottom:20px;max-width:280px}.footer-social{display:flex;gap:12px}.footer-social a{align-items:center;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:8px;color:#fbbf24;color:var(--accent-yellow);display:inline-flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.footer-social a:hover{background:#fbbf24;background:var(--accent-yellow);box-shadow:0 6px 15px #fbbf244d;color:#78350f;transform:translateY(-3px)}.footer-divider{border-top:1px solid #ffffff1a;margin:50px 0 40px}.footer-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.footer-bottom p{color:#9ca3af;font-size:13px}.footer-links{display:flex;flex-wrap:wrap;gap:24px}.footer-links a{color:#9ca3af;font-size:13px;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fbbf24;color:var(--accent-yellow)}@media (max-width:1024px){.pricing-header{gap:40px;padding:80px 30px}.pricing-header__content{margin-left:40px}.pricing-header h1{font-size:56px}.pricing-header p{font-size:17px}.pricing-header__image img{max-height:400px}.pricing-hero h1{font-size:40px}.controls{gap:20px}.plan-card.highlighted{transform:none}.plan-card.highlighted:hover{transform:translateY(-16px)}.plan-card{max-width:320px}.pricing-cta-content{align-items:center;flex-direction:column;gap:60px}.pricing-cta-left{text-align:center}.pricing-cta-left h2{font-size:36px}.pricing-cta-right{height:400px;width:100%}.cta-mockup-container{left:0;right:0}.cta-mockup-mobile{height:380px;left:20px;width:200px}.cta-mockup-laptop{height:240px;right:30px;width:340px}}@media (max-width:768px){.faq-accordion{gap:16px;grid-template-columns:1fr}.pricing-header{border-bottom:3px solid #fbbf24;flex-direction:column;gap:30px;height:auto;justify-content:center;min-height:70vh;padding:60px 20px}.pricing-header__content{margin-left:0;max-width:100%;text-align:center}.pricing-header__image{margin-top:30px;width:100%}.pricing-header__image img{max-height:300px}.pricing-header h1{font-size:44px;letter-spacing:-1px;margin-bottom:16px}.pricing-header p{font-size:16px}.pricing-hero{padding:60px 20px 80px}.pricing-hero h1{font-size:32px}.controls{flex-direction:column;gap:20px}.billing-toggle,.controls select{width:100%}.plans-grid{align-items:stretch;gap:24px;margin-bottom:60px}.plan-card{max-width:100%;min-height:550px;padding:32px 24px}.plan-card,.plan-card.highlighted{transform:scale(1)!important}.plan-card.highlighted:hover{transform:translateY(-12px)!important}.plan-card h2{font-size:22px}.price{font-size:40px}.addon{padding:60px 20px}.addon h2{font-size:32px}.addon-box{padding:32px 24px}.addon-box h3{font-size:36px}.comparison{margin:60px auto}.comparison h2{font-size:32px;margin-bottom:40px}.comparison table{font-size:13px}.comparison td,.comparison th{padding:16px 12px}.faq{margin:60px auto;padding:0 20px 60px}.faq h2{font-size:32px;margin-bottom:40px}.faq-grid{gap:20px}.pricing-cta{padding:80px 20px;padding:60px 20px}.pricing-cta-content{gap:40px}.pricing-cta-left h2{font-size:28px}.pricing-cta-left p{font-size:14px}.pricing-cta-right{height:320px}.cta-mockup-container{left:-30px}.cta-mockup-mobile{height:300px;left:0;width:160px}.cta-mockup-laptop{height:200px;right:20px;width:300px}.pricing-footer{padding:60px 20px 30px}.footer-grid{gap:30px}.footer-bottom{flex-direction:column;text-align:center}.footer-links{justify-content:center}}@media (max-width:480px){.pricing-header{border-bottom:3px solid #fbbf24;gap:20px;height:auto;min-height:auto;padding:60px 20px 40px}.pricing-header__content{margin-left:0;text-align:center}.pricing-header__image{margin-top:20px;width:100%}.pricing-header__image img{max-height:250px}.pricing-header h1{font-size:32px;letter-spacing:-.5px;margin-bottom:12px}.pricing-header p{font-size:14px}.pricing-hero h1{font-size:24px}.pricing-hero p{font-size:16px;margin-bottom:40px}.plans-grid{align-items:stretch;flex-direction:column;gap:16px;margin-bottom:40px}.plan-card{max-width:100%;min-height:500px;padding:24px 16px;width:100%}.plan-card h2{font-size:20px}.price{font-size:32px}.cta-btn{font-size:14px;margin-bottom:24px;padding:14px}.plan-card li{font-size:14px;margin-bottom:12px}.addon{padding:40px 20px}.addon h2{font-size:24px}.addon p{font-size:16px}.addon-box{padding:24px 16px}.addon-box h3{font-size:32px}.comparison h2,.faq h2{font-size:24px;margin-bottom:30px}.pricing-cta-left h2{font-size:24px;margin-bottom:20px}.pricing-cta-left p{font-size:13px;margin-bottom:20px}.pricing-cta-right{height:260px}.cta-mockup-container{left:-20px}.cta-mockup-mobile{height:240px;left:0;width:120px}.cta-mockup-laptop{height:150px;right:10px;width:220px}.comparison td,.comparison th{font-size:12px;padding:12px 8px}.faq-grid{gap:16px;grid-template-columns:1fr}.faq-item{padding:20px 16px}.pricing-benefits h2{font-size:32px;margin-bottom:40px}.benefits-grid{gap:20px}.benefit-card{padding:24px 16px}.benefit-icon{font-size:40px;margin-bottom:16px}.benefit-card h3{font-size:18px;margin-bottom:10px}.services-title{font-size:32px;margin-bottom:30px}.services-grid{gap:20px}.service-card{padding:24px 16px}.service-card-title{font-size:16px}.service-card-price{font-size:18px}.pricing-cta{padding:60px 20px}.pricing-cta button{font-size:14px;padding:14px 32px}.footer-section h4{font-size:12px}.footer-section ul li a{font-size:13px}}.why-assetflow-page{background:#f8fafb;background:var(--light-bg);color:#1a1f35;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}.why-container{margin:0 auto;max-width:1200px;padding:0 20px}.why-header{align-items:center;background:linear-gradient(135deg,#001d3d,#003d7a 50%,#002a5c);background-attachment:fixed;color:#fff;display:flex;justify-content:center;max-height:70vh;overflow:visible;padding:80px 20px;text-align:left}.why-header:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle at 30% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 70% 80%,#ffffff14 0,#0000 50%);content:"";height:150%;left:-50%;position:absolute;top:0;width:150%}.why-header:after{background:linear-gradient(180deg,#f9fafb00,#f9fafb);bottom:-2px;content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0}.why-header__content{align-items:center;animation:fadeInUp .8s ease-out;display:flex;margin:0 auto;max-width:1400px;position:relative;width:100%;z-index:2}.why-header__left{flex:0 0 45%;min-width:300px}.why-header__left h1{font-size:48px;font-weight:600;letter-spacing:-1.5px;line-height:1.2;margin-bottom:20px;text-shadow:0 2px 20px #0000004d}.why-header__left p{font-size:16px;font-weight:300;letter-spacing:.3px;line-height:1.8;opacity:.95}.why-header__right{flex:0 0 55%;height:450px;padding-left:40px}.dashboard-images,.why-header__right{align-items:center;display:flex;justify-content:flex-start;position:relative}.dashboard-images{width:100%}.dashboard-img{border-radius:12px;box-shadow:0 20px 60px #0006;object-fit:contain;transition:all .3s ease}.dashboard-img--primary{height:170%;max-width:850px;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);width:100%;z-index:3}.dashboard-img--primary:hover{transform:perspective(1200px) rotateY(0deg) rotateX(0deg)}@media (max-width:1024px){.why-header__right{height:380px;padding-left:20px}.dashboard-img--primary{height:100%;max-width:600px;width:95%}}@media (max-width:768px){.why-header__right{flex:1 1;height:350px;padding-left:0}.dashboard-img--primary{height:100%;max-width:100%;transform:none;width:100%}}@media (max-width:480px){.why-header__right{height:280px;padding-left:0}.dashboard-img--primary{height:100%;width:100%}}.why-hero-image-container{height:420px;min-height:320px}.why-hero-img-primary{height:420px;left:0;position:absolute;top:0;width:320px;z-index:1}.why-hero-img-secondary{background:#c6f1f7;height:140px;left:45%;object-fit:cover;position:absolute;top:60%;width:220px;z-index:2}@media (max-width:768px){.why-hero-image-container{height:220px;min-height:120px}.why-hero-img-primary{height:220px;width:180px}.why-hero-img-secondary{height:80px;left:50%;top:60%;width:120px}}@media (max-width:1024px){.why-hero-images{height:350px}}@media (max-width:768px){.why-hero-images{height:220px}.why-hero-image-container{flex-direction:column;gap:12px}}@media (max-width:480px){.why-hero-images{height:120px}.why-hero-image-container{gap:8px}}.why-hero-section{background:linear-gradient(135deg,#e0f2fe,#f0f9ff 50%,#e0f7ff);border-bottom:3px solid #001d3d26;border-top:3px solid #001d3d26;box-sizing:border-box;overflow:visible;padding:80px 40px;position:relative;width:100%}.why-hero-section:before{background:radial-gradient(circle,#001d3d0f 0,#0000 70%);border-radius:50%;content:"";height:600px;position:absolute;right:-10%;top:-50%;width:600px}.why-hero-wrapper{align-items:flex-start;display:flex;gap:80px;margin:0 auto;max-width:1400px;position:relative;z-index:2}.why-hero-images{flex:0 0 40%;height:600px;min-width:300px;position:relative}.why-hero-image-container{align-items:center;display:flex;flex-direction:column;gap:24px;height:100%;justify-content:center;position:relative;width:100%}.why-hero-img-primary{animation:slideInLeft .8s ease-out;aspect-ratio:4/5;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;max-width:350px;object-fit:contain;width:100%;z-index:2}.why-hero-img-secondary{animation:slideInRight .8s ease-out .2s backwards;aspect-ratio:16/9;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;height:300px;margin-top:-100px;max-width:250px;object-fit:contain;width:70%}@keyframes slideInLeft{0%{opacity:0;transform:translateY(-50%) translateX(-40px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.why-hero-content{flex:1 1;position:relative;text-align:left;z-index:2}.why-hero-content h2{color:#0a0e27;color:var(--dark-slate);font-size:42px;font-weight:600;letter-spacing:-1px;margin-bottom:20px;text-align:left}.why-hero-content p{color:#64748b;line-height:1.8;text-align:left}.why-hero-stats{display:flex;grid-template-columns:repeat(3,1fr);max-width:100%;padding-top:40px}.stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:2px solid #001d3d14;border-radius:16px;flex-direction:column;justify-content:center;padding:30px 25px;text-align:center;transition:all .3s ease}.stat:hover{background:#fffffff2;border-color:#001d3d26;box-shadow:0 12px 24px #001d3d14;transform:translateY(-5px)}.stat h3{color:#001d3d;font-size:36px;font-weight:700;letter-spacing:-1px;margin-bottom:12px}.stat p{color:#64748b;font-size:13px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.why-reasons-section{background:linear-gradient(135deg,#b6d9f1,#ebebeb 50%,#b6d9f1);border-bottom:3px solid #001d3d26;border-top:3px solid #001d3d26;box-sizing:border-box;padding:80px 40px;width:100%}.section-title{color:#0a0e27;color:var(--dark-slate);margin-left:auto;margin-right:auto;max-width:1200px}.why-reasons-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin:0 auto;max-width:1400px}.why-card{background:#fff;border:2px solid #e2e8f0;box-shadow:none;cursor:pointer;display:flex;flex-direction:column;overflow:visible;padding:40px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.why-card:nth-child(2),.why-card:nth-child(3n){background:#fff;border-color:#e2e8f0}.why-card:nth-child(3n){height:100%;min-height:280px}.why-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.why-card:after{display:none}.why-card:hover{border-color:#6366f1;box-shadow:0 8px 24px #001d3d1f;transform:translateY(-6px)}.why-card__header{align-items:flex-start;gap:20px;margin-bottom:20px;position:relative;z-index:2}.why-card__icon{align-items:center;background:linear-gradient(120deg,#001d3d1f,#ffd60a1f);border-radius:12px;color:#001d3d;display:flex;flex-shrink:0;font-size:32px;height:50px;justify-content:center;min-width:50px;text-align:center;transition:all .3s ease;width:50px}.why-card:hover .why-card__icon{background:linear-gradient(120deg,#001d3d38,#ffd60a38);transform:rotate(10deg) scale(1.1)}.why-card__title-section{flex:1 1}.why-card__title-section h3{color:#1a1f35;color:var(--text-dark);font-size:16px;font-weight:700;line-height:1.4;margin:0 0 8px}.why-card__number{color:#5a6280;color:var(--text-gray);font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.why-card.expanded{background:linear-gradient(180deg,#fff,#f8fafb);grid-column:1/-1;padding:48px}.why-card__expanded{grid-gap:32px;animation:expandAnimation .3s ease-out;border-top:2px solid #e5e7eb;border-top:2px solid var(--border-gray);display:grid;gap:32px;grid-template-columns:1fr;margin-top:32px;padding-top:32px;position:relative;z-index:2}@keyframes expandAnimation{0%{max-height:0;opacity:0}to{max-height:600px;opacity:1}}.why-card__description{color:#5a6280;color:var(--text-gray);font-size:14px;letter-spacing:.2px;line-height:1.8}.why-card__benefits{background:linear-gradient(135deg,#001d3d0f,#ffd60a0f);border:2px solid #001d3d1f;border-radius:16px;padding:32px}.why-card__benefits h4{align-items:center;color:#001d3d;display:flex;font-size:13px;font-weight:800;gap:8px;letter-spacing:1.5px;margin-bottom:20px;text-transform:uppercase}.why-card__benefits ul{list-style:none;margin:0;padding:0}.why-card__benefits li{align-items:flex-start;color:#1a1f35;color:var(--text-dark);display:flex;font-size:13px;font-weight:500;gap:12px;margin-bottom:12px}.why-card__benefits li:last-child{margin-bottom:0}.check-icon{color:var(--success-green);font-size:18px;margin-top:2px}.why-comparison-section{background:linear-gradient(135deg,#001527,#003d7a 30%,#002a5c 60%,#001d3d);background-attachment:fixed;border-bottom:3px solid #ffd60a4d;border-top:3px solid #ffd60a4d;box-sizing:border-box;overflow:hidden;padding:100px 40px;position:relative;width:100%}.why-comparison-flex{align-items:center;display:flex;flex-wrap:wrap;gap:60px;justify-content:center}.why-comparison-images{align-items:flex-end;display:flex;flex-direction:column;gap:32px}.why-comparison-img{background:#fff;border-radius:18px;box-shadow:0 10px 40px #0000002e;height:140px;margin-bottom:0;object-fit:cover;width:220px}.why-comparison-img--mobile{align-self:flex-end;box-shadow:0 8px 24px #0000002e;height:220px;object-fit:cover;width:140px}.why-comparison-img--laptop{align-self:flex-end;box-shadow:0 10px 40px #0000002e;height:140px;margin-top:18px;object-fit:cover;width:220px}.comparison-table-wrapper{flex:1 1;max-width:700px;min-width:320px}@media (max-width:900px){.why-comparison-flex{align-items:center;flex-direction:column;gap:32px}.why-comparison-images{align-items:flex-start;flex-direction:row;gap:18px;justify-content:center;max-width:100%;min-width:0}.why-comparison-img--laptop,.why-comparison-img--mobile{height:80px;margin-top:0;width:120px}.comparison-table-wrapper{max-width:100%}}@media (max-width:600px){.why-comparison-flex{flex-direction:column;gap:18px}.why-comparison-images{align-items:center;flex-direction:row;gap:10px;justify-content:center}.why-comparison-img--laptop,.why-comparison-img--mobile{height:60px;width:80px}}.why-comparison-section:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff0f 0,#0000 70%);border-radius:50%;content:"";height:700px;left:-10%;position:absolute;top:-40%;width:700px;z-index:1}.why-comparison-section:after{background:radial-gradient(circle,#ffd60a14 0,#0000 70%);border-radius:50%;bottom:-20%;content:"";height:500px;position:absolute;right:-5%;width:500px;z-index:1}.comparison-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f2847,#1a3a5c);border:1px solid #ffd60a33;border-radius:24px;box-shadow:0 30px 60px #0006,inset 0 0 0 1px #ffffff1a;margin:0 auto;max-width:1200px;overflow:hidden;position:relative;width:100%}.comparison-table:before{background:linear-gradient(180deg,#ffffff0f,#0000001a);border-radius:24px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.comparison-table table{border-collapse:collapse;position:relative;width:100%;z-index:1}.comparison-table thead{background:linear-gradient(90deg,#001d3d,#003d7a);border-bottom:2px solid #ffd60a4d;color:#fff;position:-webkit-sticky;position:sticky;top:0}.comparison-table th{border-right:1px solid #ffd60a26;color:#ffd60a;font-size:13px;font-weight:700;letter-spacing:1.2px;padding:28px;text-align:left;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}.comparison-table th:last-child{border-right:none}.comparison-table td{border-right:1px solid #ffffff0f;border-top:1px solid #ffffff14;color:#e2e8f0;font-size:14px;padding:24px 28px;text-align:center;transition:all .3s ease;vertical-align:middle}.comparison-table td:first-child{border-right:2px solid #ffd60a33;color:#ffd60a;font-weight:600;letter-spacing:.5px;text-align:left}.comparison-table td:last-child{border-right:none}.comparison-table tbody tr{border-bottom:1px solid #ffffff0d;transition:all .3s cubic-bezier(.4,0,.2,1)}.comparison-table tbody tr:hover{background:linear-gradient(90deg,#ffd60a14,#007fc80f 50%,#ffd60a0a);box-shadow:inset 0 0 0 1px #ffd60a33;transform:scale(1.01);transform-origin:center}.comparison-table tbody tr.positive td:first-child{color:#ffd60a;font-weight:700;padding-left:28px}.why-comparison-section .section-title{color:#fff;font-weight:700;margin-bottom:70px;position:relative;z-index:2}.why-comparison-section .section-title:after{border-radius:2px;content:"";display:block;height:4px;margin:20px auto 0;width:80px}.heading-yellow{color:#ffd60a;font-size:2.8rem;font-weight:700}.why-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;justify-content:center;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.badge--yes{background:linear-gradient(135deg,#dafce7,#c6fcd2);box-shadow:0 4px 12px #16653426;color:#15803d}.badge--yes:hover{box-shadow:0 6px 16px #16653440;transform:scale(1.05)}.badge--no{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 4px 12px #dc262626;color:#dc2626}.why-cta-section{align-items:center;background:linear-gradient(135deg,#001d3d,#003d7a);border-top:3px solid #001d3d26;box-sizing:border-box;display:flex;height:70vh;overflow:visible;padding:80px 40px;position:relative;width:100%}.why-cta-section:before{height:600px;right:-300px;top:-300px;width:600px}.why-cta-section:after,.why-cta-section:before{background:linear-gradient(135deg,#001d3d,#003d7a);border-radius:50%;content:"";position:absolute;z-index:0}.why-cta-section:after{bottom:-200px;height:500px;left:-200px;width:500px}.why-cta-content{align-items:center;display:flex;gap:80px;margin:0 auto;max-width:1400px;position:relative;z-index:1}.why-cta-left{color:#fff;flex:1 1;min-width:300px;text-align:left}.why-cta-left h2{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff,#f0f4f8);-webkit-background-clip:text;background-clip:text;font-size:46px;font-weight:600;letter-spacing:-1px;line-height:1.2;margin-bottom:24px}.why-cta-left p{color:#fffffff2;font-size:18px;line-height:1.8;margin-bottom:40px;max-width:500px}.why-cta-box{animation:none;background:#0000;border:none;border-radius:0;box-shadow:none;color:#fff;padding:0;position:relative;text-align:left;z-index:1}.why-cta-box:before{display:none}.why-cta-box h2{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff,#f0f4f8);-webkit-background-clip:text;background-clip:text;font-size:46px;font-weight:600;letter-spacing:-1.5px;margin-bottom:24px}.why-cta-box p{font-size:18px;font-weight:300;line-height:1.8;max-width:500px;opacity:.95}.why-cta-buttons{display:flex;flex-wrap:wrap;gap:20px}.why-cta-right{align-items:center;display:flex;flex:1 1;height:100%;justify-content:flex-end;position:relative}.why-cta-mockup-container{align-items:center;bottom:0;display:flex;justify-content:flex-start;left:-50px;position:absolute;top:0}.why-cta-mockup-mobile{border-radius:30px;box-shadow:0 20px 60px #00000080;height:320px;left:0;overflow:hidden;position:absolute;transform:perspective(1000px) rotateY(-12deg) rotateX(2deg);transition:transform .3s ease;z-index:3}.why-cta-mockup-mobile img{display:block;height:100%;object-fit:cover;width:100%}.why-cta-mockup-laptop{border-radius:12px;box-shadow:0 30px 80px #0009;height:250px;overflow:hidden;position:absolute;right:40px;transform:perspective(1200px) rotateY(8deg) rotateX(-1deg);transition:transform .3s ease;width:380px;z-index:2}.why-cta-mockup-laptop img{display:block;height:100%;object-fit:cover;width:100%}.btn{border-radius:14px;box-shadow:0 8px 16px #00000026;font-size:15px;font-weight:700;gap:10px;overflow:hidden;padding:16px 40px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:#fff3;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.btn:hover:before{left:100%}.btn--primary{background:linear-gradient(135deg,#ffd60a,#ffc300);color:#1a1f35}.btn--primary:hover{background:linear-gradient(135deg,#ffc300,#ffb300);box-shadow:0 16px 32px #ffd60a66;transform:translateY(-4px)}.btn--primary:active{transform:translateY(-2px)}.btn--secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff6;color:#fff}.btn--secondary:hover{background:#ffffff40;border-color:#fff9;box-shadow:0 12px 24px #fff3;transform:translateY(-4px)}.btn--secondary:active{transform:translateY(-2px)}.why-faq-section{border-bottom:3px solid #001d3d26;border-top:3px solid #001d3d26;box-sizing:border-box;overflow:hidden;padding:80px 40px;position:relative;width:100%}.faq-item{border:2px solid #0034cc14;box-shadow:0 8px 24px #0034cc14;padding:0;position:relative}.faq-item.active{border-color:#fbbf244d;box-shadow:0 12px 32px #0034cc1f}.faq-arrow:after,.faq-arrow:before{background:#fbbf24}.faq-answer{border-top:1px solid #0034cc14}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.why-header__left{flex:0 0 50%}.why-header__right{flex:0 0 50%;height:380px}.why-header h1{font-size:48px;margin-bottom:20px}.why-hero-content h2{font-size:48px}.section-title{font-size:38px}.why-card{padding:36px 28px}.why-card__expanded{grid-template-columns:1fr}.why-cta-box{padding:60px 30px}.why-cta-box h2{font-size:40px}.comparison-table td,.comparison-table th{font-size:14px;padding:20px}.why-hero-wrapper{gap:40px}.why-hero-images{flex:0 0 35%}.why-hero-img-primary{height:380px;width:280px}.why-hero-img-secondary{height:180px;width:240px}.why-hero-content h2{font-size:48px}}@media (max-width:768px){.why-hero-section{padding:60px 20px}.why-hero-wrapper{flex-direction:column;gap:40px}.why-hero-images{flex:1 1;height:350px;width:100%}.why-hero-img-primary{height:320px;left:0;width:220px}.why-hero-img-secondary{bottom:40px;height:150px;right:20px;width:200px}.why-hero-content{text-align:center}.why-hero-content h2{font-size:48px;margin-bottom:16px;text-align:center}.why-hero-content p{font-size:18px;text-align:center}.why-hero-stats{gap:16px;grid-template-columns:1fr;padding-top:30px}}.faq-accordion{grid-template-columns:1fr}.why-header h1{font-size:42px;margin-bottom:16px}.why-header p{font-size:18px;line-height:1.7}.why-hero-section{padding:60px 0}.why-hero-content p{font-size:18px}.why-hero-stats{gap:30px;grid-template-columns:1fr}.why-reasons-section{padding:80px 0}.section-title{font-size:32px;margin-bottom:48px}.why-reasons-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.why-card{border-radius:16px;padding:28px 24px}.why-card__header{gap:16px}.why-card__icon{font-size:40px;height:56px;width:56px}.why-card__title-section h3{font-size:17px;margin-bottom:8px}.why-card__title-section p{font-size:14px}.why-comparison-section{padding:80px 0}.comparison-table{border-radius:16px}.comparison-table td,.comparison-table th{font-size:13px;padding:18px 16px}.comparison-table th{padding:20px 16px}.badge{font-size:11px}.why-cta-section{padding:80px 0}.why-cta-box{border-radius:24px;padding:50px 30px}.why-cta-box h2{font-size:36px;margin-bottom:16px}.why-cta-box p{font-size:16px;margin-bottom:40px}.why-cta-buttons{gap:16px}.btn{border-radius:12px;padding:14px 32px}.why-cta-section{padding:60px 20px}.why-cta-content{flex-direction:column;gap:40px}.why-cta-left{max-width:100%;text-align:center}.why-cta-left h2{font-size:36px}.why-cta-left p{margin-left:auto;margin-right:auto;max-width:100%}.why-cta-right{height:400px;width:100%}.why-cta-mockup-container{left:0;right:0}.why-cta-mockup-mobile{height:380px;left:20px;width:200px}.why-cta-mockup-laptop{height:240px;right:30px;width:340px}.why-faq-section{padding:80px 0}.faq-grid{gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.faq-item{border-radius:16px}.faq-item h4{font-size:15px}.faq-item p{font-size:13px}@media (max-width:480px){.why-header{margin-top:70px;min-height:auto;padding:40px 16px 30px}.why-header__content{flex-direction:column;gap:30px}.why-header__left h1{font-size:24px;margin-bottom:12px}.why-header__left p{font-size:18px;line-height:1.6}.why-header__right{height:250px;width:100%}.dashboard-img--secondary{bottom:10px;height:170px;width:130px}.why-hero-section{padding:50px 0}.why-hero-content p{font-size:18px}.section-title{font-size:26px;margin-bottom:32px}.why-reasons-section{padding:60px 0}.why-reasons-grid{gap:16px;grid-template-columns:1fr}.why-card{border-radius:14px;padding:20px 16px}.why-card.expanded{padding:20px}.why-card__header{gap:12px;margin-bottom:12px}.why-card__icon{font-size:32px;height:48px;width:48px}.why-card__title-section h3{font-size:15px}.why-card__title-section p{font-size:13px}.why-card__expanded{gap:16px;grid-template-columns:1fr}.benefit-item{padding:16px}.benefit-item h4{font-size:14px;margin-bottom:8px}.benefit-item li{font-size:13px}.why-comparison-section{padding:60px 0}.comparison-table{border-radius:12px}.comparison-table td,.comparison-table th{font-size:12px;padding:12px}.badge{font-size:10px;padding:4px 8px}.why-cta-section{padding:60px 0}.why-cta-section:after,.why-cta-section:before{display:none}.why-cta-box{border-radius:20px;padding:40px 20px}.why-cta-box h2{font-size:26px;margin-bottom:14px}.why-cta-box p{font-size:14px;margin-bottom:32px}.why-cta-buttons{flex-direction:column;gap:12px}.btn{font-size:13px;justify-content:center;padding:12px 20px;width:100%}.why-faq-section{padding:60px 0}.faq-grid{gap:16px;grid-template-columns:1fr}.faq-item{border-radius:12px;padding:20px}.faq-item h4{font-size:14px;margin-bottom:10px}.faq-item p{font-size:13px;line-height:1.6}}.plans-section{background-color:(135deg,#e1ebff 0,#fff 100%);padding:80px 20px;position:relative}.plans-section:before{content:"";height:200px;left:0;opacity:.08;pointer-events:none;position:absolute;right:0;top:0}.plans-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.plans-header{margin-bottom:60px}.plans-header h2{color:#333;font-size:2rem;font-weight:700;margin:0 0 12px;text-align:center}.plans-header p{color:#666;font-size:1.1rem;margin:0 0 30px;text-align:center}.billing-toggle{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.toggle-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;position:relative;transition:all .3s ease}.toggle-btn:hover{border-color:#667eea;color:#667eea}.toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.save-badge{background:#f59e0b;border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;margin-left:8px;padding:2px 8px}.plans-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.plan-card{border:2px solid #0000;box-shadow:0 4px 12px #00000014;overflow:hidden}.plan-card:hover{box-shadow:0 12px 24px #0000001f}.plan-card.highlighted{background:linear-gradient(135deg,#f8f9ff,#fff);border-color:#667eea;box-shadow:0 20px 40px #667eea26;transform:scale(1.05)}.plan-card.highlighted:hover{transform:scale(1.05) translateY(-8px)}.popular-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:.85rem;font-weight:700;gap:6px;justify-content:center;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.popular-badge svg{font-size:.9rem}.plan-header{padding:24px 24px 0}.plan-header h3{color:#333;font-size:1.5rem;font-weight:600}.plan-description{font-size:.9rem}.plan-pricing{align-items:baseline;display:flex;gap:4px;padding:20px 24px;text-align:left}.currency{color:#667eea;font-size:1.2rem;font-weight:600}.price{color:#333;font-size:2.8rem}.period{color:#666;font-size:.9rem;margin-left:4px}.plan-cta-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin:0 24px;padding:12px 20px;transition:all .3s ease;width:calc(100% - 48px)}.plan-cta-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.plan-cta-btn:active{transform:translateY(0)}.plan-features{border-top:1px solid #f0f0f0;flex-grow:1;padding:24px}.features-title{color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{align-items:center;border-bottom:1px solid #f5f5f5;color:#555;display:flex;font-size:1.1rem;gap:10px;padding:10px 0}.plan-features li:last-child{border-bottom:none}.check-icon{color:#10b981;flex-shrink:0;font-size:.85rem}.plans-footer{border-top:1px solid #e0e0e0;padding-top:40px;text-align:center}.plans-footer p{color:#666;font-size:.95rem;margin:8px 0}.plans-footer a{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.plans-footer a:hover{color:#764ba2;text-decoration:underline}@media (max-width:1024px){.plans-header h2{font-size:2rem}.plan-card.highlighted{transform:scale(1.03)}.plan-card.highlighted:hover{transform:scale(1.03) translateY(-8px)}.plans-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.plans-section{padding:60px 20px}.plans-header h2{font-size:1.8rem}.plans-header p{font-size:1rem}.plans-grid{gap:20px;grid-template-columns:1fr}.plan-card.highlighted{transform:scale(1)}.plan-card.highlighted:hover{transform:translateY(-8px)}.price{font-size:2.2rem}.billing-toggle{flex-wrap:wrap}.toggle-btn{flex:1 1;min-width:140px}}@media (max-width:480px){.plans-section{padding:40px 16px}.plans-section:before{height:150px}.plans-header h2{font-size:1.5rem}.plans-header p{font-size:.95rem;margin-bottom:20px}.plans-header{margin-bottom:40px}.plan-card{border-radius:10px}.plan-header h3{font-size:1.3rem}.plan-header{padding:16px 16px 0}.plan-features,.plan-pricing{padding:16px}.plan-cta-btn{font-size:.9rem;margin:0 16px;padding:10px 16px;width:calc(100% - 32px)}.price{font-size:2rem}.plans-footer p,.toggle-btn{font-size:.85rem}.toggle-btn{padding:10px 16px}}.lp-page{background:#fff;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;width:100%}.lp-page *,.lp-page :after,.lp-page :before{box-sizing:border-box}.lp-about,.lp-benefits,.lp-contact,.lp-features,.lp-modules,.lp-reviews,.lp-working{position:relative}.lp-about:before,.lp-features:before,.lp-modules:before,.lp-reviews:before,.lp-working:before{background:linear-gradient(90deg,#fe0,#ffd000);border-radius:2px;box-shadow:0 0 8px #fe06;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:100%}.lp-section-header{margin:0 auto 52px;max-width:680px;text-align:center}.lp-section-tag{background:#eff6ff;border-radius:20px;color:#2563eb;display:block;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin-bottom:14px;padding:5px 16px;text-transform:uppercase}.lp-section-tag--light{background:#ffffff26;color:#93c5fd}.lp-section-header h2{color:#0f172a;display:inline-block;font-size:2.25rem;font-weight:600;line-height:1.2;margin-bottom:14px;position:relative}.lp-section-header--light h2{color:#fff}.lp-section-header p{color:#64748b;font-size:1.2rem;line-height:1.7}.lp-section-header--light p{color:#cbd5e1}.lp-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fef100,#ffe100);-webkit-background-clip:text;background-clip:text}.lp-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 28px;text-decoration:none;transition:all .25s ease}.lp-btn--sm{font-size:.88rem;padding:9px 22px}.lp-btn--lg{font-size:1.05rem;padding:16px 36px}.lp-btn--primary{background:#2563eb;box-shadow:0 4px 14px #2563eb4d;color:#fff}.lp-btn--primary:hover{background:#1d4ed8;box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px)}.lp-btn--outline{background:#0000;border:2px solid #2563eb;color:#2563eb}.lp-btn--outline:hover{background:#eff6ff}.lp-btn--secondary{background:#6366f1;box-shadow:0 4px 14px #6366f14d;color:#fff}.lp-btn--secondary:hover{background:#4f46e5;box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.lp-btn--admin{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 14px #667eea66;color:#fff;font-weight:700}.lp-btn--admin:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.lp-nav{background:#0000;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.lp-nav--scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#003049f2;box-shadow:0 2px 20px #00000026}.lp-nav__inner{height:90px;justify-content:space-between;margin:0 auto;padding:0 24px}.lp-nav__brand,.lp-nav__inner{align-items:center;display:flex}.lp-nav__brand{color:#fe0;cursor:pointer;font-size:1.45rem;font-weight:500;gap:10px}.lp-nav__logo-icon{color:#fe0;font-size:1.5rem}.lp-nav__links{align-items:center;display:flex;gap:4px;list-style:none;margin:0;padding:0}.lp-nav__link{background:none;border:none;border-bottom:2px solid #0000;border-radius:0;color:#ffffffe6;cursor:pointer;font-size:1.2rem;font-weight:600;padding:8px 14px 6px;position:relative;transition:all .3s ease}.lp-nav__link:hover{border-bottom:2px solid #ffee0080;color:#fff}.lp-nav__link.active{border-bottom:2px solid #fe0;color:#fff;text-shadow:0 0 8px #fe06}.lp-nav__right{align-items:center;display:flex;gap:12px}.lp-nav__right .lp-btn{background:#2563eb;border-radius:8px;color:#fff}.lp-nav__right .lp-btn:hover{background:#1d4ed8}.lp-nav__dropdown{position:relative}.lp-dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;margin-top:8px;min-width:180px;position:absolute;right:0;top:100%;z-index:1001}.lp-dropdown-menu button{background:none;border:none;border-radius:0;color:#334155;cursor:pointer;display:block;font-size:.95rem;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.lp-dropdown-menu button:first-child{border-radius:8px 8px 0 0}.lp-dropdown-menu button:last-child{border-radius:0 0 8px 8px}.lp-dropdown-menu button:hover{background:#f1f5f9;color:#2563eb}.lp-nav__dropdown-mobile{position:relative}.lp-nav__cta-mobile .lp-dropdown-menu{left:0;position:fixed;right:auto;top:auto;width:100%}.lp-nav__hamburger{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.4rem}.lp-nav__cta-mobile{display:none}.lp-nav__dropdown-container,.lp-nav__item--dropdown{position:relative}.lp-nav__link--dropdown{align-items:center;display:flex;gap:6px}.lp-nav__link--dropdown .dropdown-icon{font-size:.75rem;transition:transform .3s ease}.lp-nav__link--dropdown .dropdown-icon.open{transform:rotate(180deg)}.lp-nav__dropdown-menu{animation:slideDown .2s ease-out forwards;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;left:50%;min-width:450px;padding:16px;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);will-change:opacity;z-index:1001}.lp-nav__dropdown-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.lp-nav__dropdown-item{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 14px;transition:all .3s ease}.lp-nav__dropdown-item:hover{background:#f0f7ff;border-bottom-color:#3b82f6;color:#00b3f9;transform:translateX(4px)}.lp-nav__dropdown-item.active{border-bottom:4px solid #3b82f6;color:#1e40af;font-weight:700}.lp-nav__dropdown-item .industry-icon{flex-shrink:0;font-size:20px}.lp-nav__dropdown-item .industry-name{flex:1 1;text-align:left}@media (max-width:960px){.lp-nav__links{background:#003049;box-shadow:0 10px 30px #0003;flex-direction:column;gap:6px;left:0;padding:20px;position:fixed;right:0;top:70px;transform:translateY(-120%);transition:transform .3s ease}.lp-nav__links.open{transform:translateY(0)}.lp-nav__hamburger{display:flex}.lp-nav__right .lp-btn{display:none}.lp-nav__cta-mobile{display:block;margin-top:8px}.lp-nav__dropdown-menu{left:20px;min-width:0;min-width:auto;position:fixed;right:20px;top:auto;transform:none;width:calc(100% - 40px)}.lp-nav__dropdown-grid{grid-template-columns:1fr}}.lp-hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;position:relative}.lp-hero__bg-slide{background-position:50%;background-size:cover;inset:0;opacity:0;position:absolute;transform:scale(1.08);transition:opacity 1s ease,transform 6s ease;z-index:0}.lp-hero__bg-slide.active{opacity:1;transform:scale(1)}.lp-hero__overlay{background:linear-gradient(135deg,#0030498c,#012a4a80 40%,#013a6373);inset:0;position:absolute;z-index:1}.lp-hero__inner{margin:0 auto;max-width:1280px;padding:160px 24px 100px;position:relative;width:100%;z-index:2}.lp-hero__content{animation:heroSlideIn .7s ease-out;max-width:720px}@keyframes heroSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lp-hero__badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2563eb33;border:1px solid #60a5fa40;border-radius:24px;color:#60a5fa;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:24px;padding:8px 18px;text-transform:uppercase}.lp-hero__title{color:#fff;font-size:3.4rem;font-weight:600;line-height:1.12;margin-bottom:20px;z-index:10}.lp-hero__subtitle{color:#cbd5e1;font-size:1.5rem;line-height:1.75;margin-bottom:36px;max-width:600px;z-index:10}.lp-hero__buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:48px}.lp-hero__buttons .lp-btn--outline{border-color:#ffffff4d;color:#fff}.lp-hero__buttons .lp-btn--outline:hover{background:#ffffff14}.lp-hero__stats{align-items:center;display:flex;gap:28px}.lp-hero__stat{text-align:center}.lp-hero__stat strong{color:#fff;display:block;font-size:1.7rem;font-weight:800}.lp-hero__stat span{color:#94a3b8;font-size:.82rem}.lp-hero__stat-divider{background:#ffffff26;height:40px;width:1px}.lp-hero__arrow{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;width:48px;z-index:3}.lp-hero__arrow:hover{background:#2563eb99;border-color:#2563eb;transform:translateY(-50%) scale(1.1)}.lp-hero__arrow--left{left:24px}.lp-hero__arrow--right{right:24px}.lp-hero__dots{bottom:36px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.lp-hero__dot{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:10px;transition:all .3s;width:10px}.lp-hero__dot.active{background:#2563eb;border-radius:6px;box-shadow:0 0 12px #2563eb80;width:32px}.lp-hero__counter{align-items:baseline;bottom:36px;display:flex;font-family:Inter,sans-serif;gap:4px;position:absolute;right:40px;z-index:3}.lp-hero__counter-current{color:#fff;font-size:1.5rem;font-weight:800}.lp-hero__counter-sep{color:#fff6;font-size:1rem;margin:0 2px}.lp-hero__counter-total{color:#ffffff80;font-size:1rem;font-weight:500}@media (max-width:960px){.lp-hero__inner{padding:140px 24px 100px}.lp-hero__title{font-size:2.4rem}.lp-hero__content{max-width:100%;text-align:center}.lp-hero__subtitle{margin:0 auto 32px}.lp-hero__buttons,.lp-hero__stats{justify-content:center}.lp-hero__arrow,.lp-hero__counter{display:none}}@media (max-width:600px){.lp-hero__title{font-size:2rem}.lp-hero__stats{flex-wrap:wrap;gap:16px}.lp-hero__stat-divider{display:none}}.lp-about{background:#fff;padding:100px 24px}.lp-about__inner{margin:0 auto;max-width:1200px}.lp-about__grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.lp-about__card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:32px 28px;transition:all .3s ease}.lp-about__card:hover{border-color:#2563eb;box-shadow:0 12px 32px #00000014;transform:translateY(-6px)}.lp-about__icon-wrap{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:14px;color:#fff;display:flex;font-size:1.4rem;height:56px;justify-content:center;margin-bottom:20px;width:56px}.lp-about__card h3{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:12px}.lp-about__card p{color:#64748b;font-size:1.2rem;line-height:1.7}.lp-about__list{list-style:none;margin:0;padding:0}.lp-about__list li{color:#475569;font-size:1rem;padding:6px 0 6px 20px;position:relative}.lp-about__list li:before{color:#2563eb;content:"✓";font-weight:700;left:0;position:absolute}@media (max-width:820px){.lp-about__grid{grid-template-columns:1fr}}.lp-modules{background:#ecf5ff;padding:100px 24px}.lp-modules__inner{margin:0 auto;max-width:1200px}.lp-modules__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.lp-modules__card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px 24px;text-align:center;transition:all .3s ease}.lp-modules__card:hover{border-color:#2563eb;box-shadow:0 12px 32px #2563eb1a;transform:translateY(-6px)}.lp-modules__icon{align-items:center;background:#eff6ff;border-radius:16px;color:#2563eb;display:flex;font-size:1.4rem;height:60px;justify-content:center;margin:0 auto 18px;transition:all .3s;width:60px}.lp-modules__card:hover .lp-modules__icon{background:#2563eb;color:#fff}.lp-modules__card h3{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:10px}.lp-modules__card p{color:#64748b;font-size:1.2rem;line-height:1.65}@media (max-width:1024px){.lp-modules__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.lp-modules__grid{grid-template-columns:1fr}}.lp-features{background:#fff;padding:100px 24px}.lp-features__inner{margin:0 auto;max-width:1100px}.lp-features__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.lp-features__card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:20px;padding:28px;transition:all .3s ease}.lp-features__card:hover{background:#fff;border-color:#2563eb;box-shadow:0 8px 24px #2563eb14;transform:translateY(-3px)}.lp-features__icon{align-items:center;background:#eff6ff;border-radius:14px;color:#2563eb;display:flex;flex-shrink:0;font-size:1.2rem;height:52px;justify-content:center;width:52px}.lp-features__card:hover .lp-features__icon{background:#2563eb;color:#fff}.lp-features__card h3{color:#0f172a;font-size:1.2rem;font-weight:700;margin-bottom:6px}.lp-features__card p{color:#64748b;font-size:1.3rem;line-height:1.65;margin:0}@media (max-width:760px){.lp-features__grid{grid-template-columns:1fr}}.lp-benefits{background:linear-gradient(135deg,#003049,#012a4a);padding:100px 24px}.lp-benefits__inner{margin:0 auto;max-width:1200px}.lp-benefits__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.lp-benefits__card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;padding:32px 28px;text-align:center;transition:all .3s ease}.lp-benefits__card:hover{background:#ffffff1a;transform:translateY(-6px)}.lp-benefits__icon{align-items:center;background:#2563eb33;border-radius:16px;color:#60a5fa;display:flex;font-size:1.3rem;height:58px;justify-content:center;margin:0 auto 18px;width:58px}.lp-benefits__card h3{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:10px}.lp-benefits__card p{color:#94a3b8;font-size:1.3rem;line-height:1.7}@media (max-width:820px){.lp-benefits__grid{grid-template-columns:1fr}}.lp-working{background:#e5edf6;padding:60px 24px}.lp-working__inner{margin:0 auto;max-width:1100px}.lp-working__timeline{display:flex;flex-direction:column;gap:28px;margin-top:40px;position:relative}.lp-working__step{grid-gap:24px;align-items:center;animation:fadeInUp .6s ease-out forwards;display:grid;gap:24px;grid-template-columns:1fr 1fr;opacity:0;position:relative}.lp-working__step:nth-child(odd){direction:ltr}.lp-working__step:nth-child(2n){direction:rtl}.lp-working__step:nth-child(2n)>*{direction:ltr}.lp-working__step:first-child{animation-delay:.2s}.lp-working__step:nth-child(2){animation-delay:.3s}.lp-working__step:nth-child(3){animation-delay:.4s}.lp-working__step:nth-child(4){animation-delay:.5s}.lp-working__step:nth-child(5){animation-delay:.6s}.lp-working__step:nth-child(6){animation-delay:.7s}.lp-working__step-number{align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:50%;box-shadow:0 6px 20px #2563eb66;color:#fff;display:flex;font-size:.8rem;font-weight:900;height:44px;justify-content:center;position:absolute;right:0;top:-22px;width:44px;z-index:10}.lp-working__step:nth-child(2n) .lp-working__step-number{left:0;right:auto}.lp-working__step-image{align-items:center;aspect-ratio:16/10;background:#f8f9fb;border-radius:12px;box-shadow:0 8px 28px #0000001f;display:flex;justify-content:center;order:2;overflow:hidden;transition:all .4s ease}.lp-working__step-image img{height:100%;object-fit:contain;padding:12px;transition:transform .4s ease;width:100%}.lp-working__step:hover .lp-working__step-image img{transform:scale(1.03)}.lp-working__step-image:hover{box-shadow:0 12px 40px #2563eb26}.lp-working__step-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;order:1;padding:26px 22px;transition:all .3s ease}.lp-working__step-content:hover{border-color:#2563eb;box-shadow:0 10px 32px #2563eb1a;transform:translateY(-4px)}.lp-working__step-icon{color:#2563eb;display:inline-block;font-size:1.7rem;margin-bottom:10px}.lp-working__step-content h3{color:#0f172a;font-size:1.35rem;font-weight:700;margin-bottom:10px;margin-top:0}.lp-working__step-content p{color:#64748b;font-size:.95rem;line-height:1.65;margin:0}@media (max-width:768px){.lp-working{padding:50px 20px}.lp-working__inner{max-width:100%}.lp-working__timeline{gap:22px}.lp-working__step{direction:ltr!important;gap:16px;grid-template-columns:1fr}.lp-working__step-image{aspect-ratio:16/10;order:1!important}.lp-working__step-content{order:2!important;padding:20px 18px}.lp-working__step-number{font-size:.75rem;height:40px;left:auto!important;right:8px;top:8px;width:40px}.lp-working__step-icon{font-size:1.4rem}.lp-working__step-content h3{font-size:1.15rem}.lp-working__step-content p{font-size:.9rem}}@media (max-width:480px){.lp-working{padding:40px 16px}.lp-working__timeline{gap:18px;margin-top:30px}.lp-working__step{direction:ltr!important;gap:12px}.lp-working__step-image{aspect-ratio:16/10;border-radius:10px}.lp-working__step-image img{padding:8px}.lp-working__step-content{border-radius:10px;padding:18px 14px}.lp-working__step-number{font-size:.7rem;height:36px;left:auto!important;right:6px;top:6px;width:36px}.lp-working__step-icon{font-size:1.4rem;margin-bottom:8px}.lp-working__step-content h3{font-size:1rem;margin-bottom:8px}.lp-working__step-content p{font-size:.85rem;line-height:1.6}}.lp-reviews{background:#ededed;padding:100px 24px}.lp-reviews__inner{margin:0 auto;max-width:1200px}.lp-reviews__carousel{align-items:center;display:flex;gap:16px}.lp-reviews__arrow{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:44px;justify-content:center;transition:all .2s;width:44px}.lp-reviews__arrow:hover{background:#2563eb;border-color:#2563eb;color:#fff}.lp-reviews__cards{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:repeat(3,1fr)}.lp-reviews__card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:28px 24px;transition:all .3s ease}.lp-reviews__card:hover{border-color:#2563eb;box-shadow:0 8px 24px #0000000f}.lp-reviews__quote{color:#cbd5e1;font-size:1.3rem;margin-bottom:12px}.lp-reviews__text{color:#475569;font-size:1.2rem;line-height:1.7;margin-bottom:16px;min-height:80px}.lp-reviews__stars{display:flex;gap:3px;margin-bottom:16px}.lp-reviews__stars .filled{color:#f59e0b}.lp-reviews__stars .empty{color:#e2e8f0}.lp-reviews__author{align-items:center;display:flex;gap:12px}.lp-reviews__avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;color:#fff;display:flex;font-size:.82rem;font-weight:700;height:42px;justify-content:center;width:42px}.lp-reviews__author strong{color:#0f172a;display:block;font-size:1.1rem}.lp-reviews__author span{color:#94a3b8;display:block;font-size:.78rem}.lp-reviews__dots{display:flex;gap:8px;justify-content:center;margin-top:28px}.lp-reviews__dot{background:#e2e8f0;border:none;border-radius:50%;cursor:pointer;height:10px;transition:all .2s;width:10px}.lp-reviews__dot.active{background:#2563eb;border-radius:6px;width:28px}@media (max-width:1024px){.lp-reviews__cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.lp-reviews__cards{grid-template-columns:1fr}}.lp-contact{background:linear-gradient(135deg,#003049,#012a4a);padding:100px 24px}.lp-contact__inner{margin:0 auto;max-width:1100px}.lp-contact__grid{grid-gap:48px;align-items:start;display:grid;gap:48px;grid-template-columns:1fr 1.3fr}.lp-contact__info{display:flex;flex-direction:column;gap:18px}.lp-contact__info-card{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;color:#fff;display:flex;gap:16px;padding:20px 24px}.lp-contact__info-card svg{color:#60a5fa;flex-shrink:0;font-size:1.3rem}.lp-contact__info-card strong{display:block;font-size:.95rem}.lp-contact__info-card span{color:#94a3b8;display:block;font-size:.85rem}.lp-contact__form{display:flex;flex-direction:column;gap:16px}.lp-contact__form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.lp-contact__form input,.lp-contact__form textarea{background:#ffffff0f;border:1.5px solid #ffffff26;border-radius:10px;color:#fff;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:.95rem;padding:14px 18px;transition:all .2s;width:100%}.lp-contact__form input::placeholder,.lp-contact__form textarea::placeholder{color:#94a3b8}.lp-contact__form input:focus,.lp-contact__form textarea:focus{background:#ffffff1a;border-color:#2563eb;outline:none}.lp-contact__form .lp-btn{align-self:flex-start}.lp-contact__success{align-items:center;background:#10b98126;border-radius:10px;color:#34d399;display:flex;font-size:.92rem;font-weight:600;gap:10px;padding:14px 20px}@media (max-width:760px){.lp-contact__form-row,.lp-contact__grid{grid-template-columns:1fr}}.lp-footer{background:#001929;border-image:linear-gradient(90deg,#0000 20%,#fe0 50%,#0000 80%) 1;border-top:3px solid;padding:48px 24px 32px}.lp-footer__inner{margin:0 auto;max-width:1200px;text-align:center}.lp-footer__brand h3{color:#fff;font-size:1.4rem;margin-bottom:4px}.lp-footer__brand p{color:#64748b;font-size:1.2rem;margin-bottom:24px}.lp-footer__links{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;margin-bottom:24px}.lp-footer__links a{color:#94a3b8;font-size:.88rem;text-decoration:none;transition:color .2s}.lp-footer__links a:hover{color:#60a5fa}.lp-footer__copy{border-top:1px solid #ffffff0f;color:#475569;font-size:.82rem;padding-top:20px}.create-issue-page,.issues-page-wrapper{background-color:#f8fafc;display:flex;min-height:100vh}.issues-page{flex:1 1;max-width:100%;min-height:100vh;overflow-y:auto;padding:20px}.issues-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:28px}.issues-header h2{color:#0f172a;font-size:28px;font-weight:700;margin:0}.btn-create{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:6px;padding:10px 18px;transition:background .3s}.btn-create:hover{background:#1e40af}.issues-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));margin-bottom:28px}.issue-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.issue-card:hover{border-color:#cbd5e1;box-shadow:0 8px 30px #0000001a;transform:translateY(-3px)}.issue-card.rejected-card{border-color:#fecaca}.issue-status-bar{background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:12px 20px 8px}.status-steps{align-items:flex-start;justify-content:space-between}.status-step,.status-steps{display:flex;position:relative}.status-step{align-items:center;flex:1 1;flex-direction:column;z-index:1}.step-dot{background:#e2e8f0;border:2px solid #e2e8f0;border-radius:50%;height:14px;position:relative;transition:all .3s ease;width:14px;z-index:2}.status-step.completed .step-dot{background:#2563eb;border-color:#2563eb}.status-step.current .step-dot{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.step-line{background:#e2e8f0;height:2px;left:50%;position:absolute;top:7px;width:100%;z-index:1}.status-step.completed .step-line{background:#2563eb}.step-label{color:#94a3b8;font-size:10px;font-weight:500;margin-top:4px;white-space:nowrap}.status-step.completed .step-label{color:#2563eb;font-weight:600}.status-step.current .step-label{color:#1e40af;font-weight:700}.status-rejected-bar{align-items:center;background:#fef2f2;border-radius:8px;color:#dc2626;display:flex;font-size:13px;font-weight:700;gap:8px;padding:8px 14px}.issue-card-content{display:flex;flex:1 1;flex-direction:column;padding:16px 20px}.issue-card-title{color:#0f172a;font-size:17px;font-weight:700;line-height:1.3;margin:0 0 10px}.issue-card-assigned{align-items:center;color:#475569;display:flex;font-size:13px;gap:8px;margin-bottom:10px}.issue-card-assigned strong{color:#0f172a;font-weight:600}.issue-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;flex:1 1;font-size:14px;line-height:1.5;margin-bottom:12px;overflow:hidden}.issue-card-meta{align-items:center;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:8px;padding-top:10px}.severity-tag{border-radius:20px;font-size:11px;font-weight:700;padding:3px 10px;text-transform:capitalize}.severity-tag.high{background:#fef2f2;color:#dc2626}.severity-tag.medium{background:#fffbeb;color:#d97706}.severity-tag.low{background:#f0fdf4;color:#16a34a}.type-tag{background:#eff6ff;border-radius:20px;color:#2563eb;font-size:11px;font-weight:600;padding:3px 10px;text-transform:capitalize}.date-tag{color:#94a3b8;font-size:11px;margin-left:auto}.issue-card-actions{border-top:1px solid #f1f5f9;display:flex}.action-btn{flex:1 1;gap:5px;justify-content:center}.action-btn+.action-btn{border-left:1px solid #f1f5f9}.action-btn.delete-btn:hover,.action-btn.edit-btn:hover,.action-btn.view-btn:hover{background:#003268}.issue-modal{align-items:center;animation:modalFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1200}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.issue-modal .modal-body{animation:modalSlideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 60px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:720px;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{flex-shrink:0;padding:20px 24px}.modal-header-info{align-items:center;color:#fff;display:flex;gap:12px}.modal-header-info h3{color:#fff!important;font-size:20px;font-weight:700;margin:0}.modal-status-badge{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.modal-status-badge.pending{background:#fef3c7;color:#92400e}.modal-status-badge.accepted{background:#d1fae5;color:#065f46}.modal-status-badge.in_progress{background:#dbeafe;color:#1e40af}.modal-status-badge.resolved{background:#ede9fe;color:#5b21b6}.modal-status-badge.closed{background:#f1f5f9;color:#475569}.modal-status-badge.rejected{background:#fee2e2;color:#991b1b}.close-btn{background:#f1f5f9;border-radius:10px;color:#64748b;font-size:16px;height:36px;transition:all .2s;width:36px}.close-btn:hover{background:#e2e8f0;color:#0f172a}.modal-status-bar{background:#f8fafc;border-bottom:1px solid #f1f5f9;flex-shrink:0;padding:16px 24px}.modal-steps{gap:0}.modal-rejected{font-size:14px;padding:10px 16px}.modal-content-scroll{flex:1 1;overflow-y:auto;padding:24px}.modal-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.modal-detail-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:12px 16px}.modal-detail-card label{color:#94a3b8;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.modal-detail-card p{color:#0f172a;font-size:14px;font-weight:600;margin:0}.capitalize{text-transform:capitalize}.modal-section{margin-bottom:20px}.modal-section h4{color:#64748b;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.description-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;color:#334155;font-size:14px;line-height:1.6;padding:14px 16px;white-space:pre-wrap}.description-box.rejection{background:#fef2f2;border-color:#fecaca;color:#991b1b}.skill-tag{background:#eff6ff;border-radius:20px;color:#2563eb;display:inline-block;font-size:13px;font-weight:600;padding:4px 12px}.checklist-list{display:flex;flex-direction:column;gap:4px}.checklist-item{border:1px solid #f1f5f9;color:#475569;font-size:14px;padding:8px 12px}.checklist-item.done{background:#f0fdf4;border-color:#dcfce7;color:#16a34a}.check-icon{font-size:16px;font-weight:700;text-align:center;width:20px}.edit-checklist .checklist-item{cursor:pointer;position:relative}.edit-checklist input[type=checkbox]{cursor:pointer;height:16px;width:16px}.checklist-edit-add{display:flex;gap:8px;margin-bottom:10px}.checklist-edit-add input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:13px;padding:8px 12px}.checklist-edit-add input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.btn-add-checklist{background:#2563eb;padding:8px 16px;transition:background .2s}.btn-add-checklist:hover{background:#1e40af}.checklist-remove-btn{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:12px;margin-left:auto;padding:4px;transition:color .2s}.checklist-remove-btn:hover{color:#ef4444}.attachments-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.attachment-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:box-shadow .2s}.attachment-card:hover{box-shadow:0 4px 12px #00000014}.attachment-preview{background:#0f172a;display:block;height:110px;object-fit:cover;width:100%}.attachment-info{border-top:1px solid #e2e8f0;padding:8px 10px}.attachment-name{color:#334155;display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:#94a3b8;font-size:11px}.modal-timestamps{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;color:#64748b;display:flex;flex-wrap:wrap;font-size:12px;gap:8px 20px;padding:14px 16px}.modal-timestamps strong{color:#334155}.edit-form{gap:16px}.form-group label{color:#64748b;font-size:12px;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{min-height:80px}.modal-footer{background:#fafbfc;border-radius:0 0 16px 16px;flex-shrink:0}.btn-modal{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.btn-modal.primary{background:#2563eb;color:#fff}.btn-modal.primary:hover{background:#1e40af;box-shadow:0 4px 12px #2563eb4d}.btn-modal.secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.btn-modal.secondary:hover{background:#e2e8f0}.btn-modal.danger{background:#dc2626;color:#fff}.btn-modal.danger:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d}.delete-confirm-modal{animation:modalSlideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 60px #00000040;max-width:400px;padding:32px;text-align:center;width:100%}.delete-icon-wrap{align-items:center;background:#fef2f2;border-radius:50%;color:#dc2626;display:flex;font-size:24px;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.delete-confirm-modal h3{color:#0f172a;font-size:20px;font-weight:700;margin:0 0 8px}.delete-confirm-modal p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 24px}.delete-confirm-actions{gap:12px;justify-content:center}.empty-state{color:#64748b}.empty-state p{font-size:16px}.loading-state{color:#64748b;font-size:16px;text-align:center}.error-state{background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;color:#991b1b;margin-bottom:20px;padding:16px}@media (max-width:768px){.create-issue-page{flex-direction:column}.admin-sidebar{border-bottom:1px solid #e2e8f0;height:auto;max-height:200px;overflow-y:auto;position:relative;width:100%}.sidebar-header{padding:20px}.sidebar-title{font-size:18px}.profile-section{padding:15px 20px}.sidebar-nav{display:grid;grid-template-columns:repeat(2,1fr);padding:10px 0}.nav-btn{font-size:13px;padding:10px 15px}.issues-page{padding:16px}.issues-header{align-items:flex-start;flex-direction:column}.btn-create{justify-content:center;width:100%}.form-row,.issues-grid,.modal-grid{grid-template-columns:1fr}.issue-modal .modal-body{border-radius:12px;max-height:95vh}}.create-issue-page-container{flex:1 1;margin:0 auto;max-width:900px;min-height:100vh;overflow-y:auto;padding:40px 20px}.create-issue-page-header{margin-bottom:40px;text-align:center}.create-issue-page-header h1{color:#0f172a;font-size:32px;font-weight:700;margin:0 0 8px}.create-issue-page-header p{color:#64748b;font-size:16px;margin:0}.create-issue-modern-form{grid-gap:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014,0 2px 8px #0000000f;display:grid;gap:24px;padding:40px}.create-issue-error-message{background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:14px 16px}.form-group{grid-gap:8px;display:grid}.form-group label{color:#1e293b}.form-input,.form-input-file,.form-select,.form-textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease;width:100%}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#cbd5e1}.form-input-file:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{background:#f0f7ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{line-height:1.5;min-height:140px}.form-helper-text{color:#64748b;display:block;font-size:12px;margin:0}.file-preview-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.file-preview-section label{color:#1e293b;display:block;font-size:13px;font-weight:600;margin-bottom:12px}.file-preview-list{grid-gap:10px;display:grid;gap:10px}.file-preview-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;padding:12px;transition:all .2s}.file-preview-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.file-info{align-items:center;display:flex;flex:1 1;gap:10px}.file-icon-image{color:#22c55e;font-size:16px}.file-icon-video{color:#3b82f6;font-size:16px}.file-name{color:#1e293b;font-size:13px;font-weight:500;word-break:break-word}.file-size{color:#94a3b8;font-size:11px}.btn-remove-file{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 10px;transition:all .2s}.btn-remove-file:hover{background:#dc2626;transform:translateY(-1px)}.checklist-container{grid-gap:12px;display:grid;gap:12px}.checklist-input-group{display:flex;gap:10px}.checklist-input-group .form-input{flex:1 1}.btn-add-checklist{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:12px 20px;transition:all .2s;white-space:nowrap}.btn-add-checklist:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.btn-add-checklist:active{transform:translateY(0)}.checklist-items{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.checklist-item{background:#f8fafc;border:1px solid #e2e8f0;font-size:13px;justify-content:space-between;padding:10px 12px}.checklist-item span{color:#1e293b}.btn-remove-checklist{background:#0000;border:none;color:#ef4444;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.btn-remove-checklist:hover{color:#dc2626;text-decoration:underline}.form-actions{margin-top:20px;padding-top:20px}.btn-create-issue{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px 28px;transition:all .3s ease}.btn-create-issue:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.btn-create-issue:active{transform:translateY(0)}.btn-create-issue:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.create-issue-page-container{padding:20px 16px}.create-issue-modern-form{gap:20px;padding:24px}.create-issue-page-header h1{font-size:24px}.checklist-input-group{flex-direction:column}.checklist-input-group .btn-add-checklist{width:100%}.form-actions{flex-direction:column}.btn-create-issue{width:100%}}@media (max-width:480px){.admin-sidebar{max-height:150px}.sidebar-nav{grid-template-columns:1fr}.profile-avatar{font-size:24px;height:50px;width:50px}.profile-section h3{font-size:16px}.create-issue-page-container{padding:15px 10px}.create-issue-modern-form{padding:16px}.create-issue-page-header h1{font-size:20px}.form-group{gap:8px}.btn-create-issue{font-size:13px;padding:12px 20px}}.asset-user-page{display:flex;height:100vh;width:100%}.asset-user-page .page-container{background-color:#f5f5f5;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:2rem}.asset-user-dashboard{background:#f8fafc;margin:0 auto;max-width:1400px;width:100%}@media (max-width:1024px){.asset-user-page .page-container{padding:1.5rem}}@media (max-width:768px){.asset-user-page{flex-direction:column}.asset-user-page .page-container{flex:1 1;overflow-y:auto;padding:1rem;width:100%}.tabs-container{flex-wrap:wrap}}@media (max-width:480px){.asset-user-page .page-container{padding:.75rem}.tabs-container{flex-direction:column;gap:6px}.tab{width:100%}}.dashboard-header{align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;padding:24px 28px}.header-text h1{font-size:28px;margin:0 0 6px}.header-text p{font-size:15px;margin:0;opacity:.9}.btn-refresh-stats{align-items:center;background:#ffffff26;border:1px solid #ffffff59;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 18px;transition:background .2s}.btn-refresh-stats:hover{background:#ffffff47}.tabs-container{border-bottom:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:12px}.tab{background:#f5f7fb;border:1px solid var(--border-color);border-radius:8px;color:var(--dark-blue);cursor:pointer;font-weight:600;padding:10px 14px}.tab.active{background:linear-gradient(135deg,var(--primary-blue),#0040a8);border-color:#0000000d;color:#fff}.stat-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:28px}.stat-card{border-left:4px solid #0000;box-shadow:0 1px 3px #0000000f;padding:20px;transition:transform .15s,box-shadow .15s}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-icon{height:48px;width:48px}.stat-info{display:flex;flex-direction:column}.stat-number{font-size:26px;font-weight:700;line-height:1.1}.stat-label{color:#64748b;margin-top:2px}.card-blue{border-left-color:#60a5fa}.card-blue .stat-icon{background:#e0f2fe;color:#0369a1}.card-green{border-left-color:#6ee7b7}.card-green .stat-icon{background:#dcfce7;color:#16a34a}.card-indigo{border-left-color:#a5d6ff}.card-indigo .stat-icon{background:#e0f2fe;color:#0284c7}.card-amber{border-left-color:#fbbf24}.card-amber .stat-icon{background:#fef3c7;color:#d97706}.card-red{border-left-color:#f87171}.card-red .stat-icon{background:#fee2e2;color:#dc2626}.card-purple{border-left-color:#d8b4fb}.card-purple .stat-icon{background:#f3e8ff;color:#a855f7}.my-requests-summary{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;margin-bottom:28px;padding:20px 24px}.my-requests-summary h3{color:#0f172a;font-size:16px;margin:0 0 14px}.request-summary-row{display:flex;flex-wrap:wrap;gap:20px}.req-stat{align-items:center;border-radius:8px;display:flex;font-size:15px;font-weight:600;gap:8px;padding:10px 16px}.req-stat.pending{background:#fef3c7;color:#92400e}.req-stat.approved{background:#dcfce7;color:#166534}.req-stat.rejected{background:#fee2e2;color:#991b1b}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:28px}.chart-card{box-shadow:0 1px 3px #0000000f;padding:20px 24px}.chart-card h3{color:#0f172a;font-size:16px;margin:0 0 12px}.no-data{color:#94a3b8;padding:40px 0}.all-assets-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.all-assets-header h2{color:#0f172a;margin:0;white-space:nowrap}.filters-bar{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;margin-left:auto}.search-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:180px;padding:0 8px}.search-icon{color:#94a3b8;font-size:14px;margin-right:6px}.search-box input{background:#0000;border:none;font-size:14px;outline:none;padding:10px 6px}.btn-search{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px}.btn-search:hover{background:#1e40af}.filters-bar select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:13px;min-width:140px;padding:10px 12px}.assets-table-wrapper{margin-bottom:16px;overflow-x:auto}.assets-table{font-size:14px}.assets-table thead{background:#f1f5f9}.assets-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.assets-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:12px 14px}.assets-table tbody tr:hover{background:#f8fafc}.asset-name-cell{color:#0f172a;font-weight:600}.category-badge-sm{background:#e0e7ff;border-radius:12px;color:#4338ca;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px}.status-pill{font-size:12px;font-weight:600;padding:4px 12px}.status-pill.status-available{background:#dcfce7;color:#166534}.status-pill.status-in_use{background:#dbeafe;color:#1e40af}.status-pill.status-under_maintenance{background:#fef3c7;color:#92400e}.status-pill.status-disposed{background:#fee2e2;color:#991b1b}.status-pill.status-assigned{background:#fce7f3;color:#9d174d}.status-pill.status-unassigned{background:#d1fae5;color:#065f46}.btn-request-sm{align-items:center;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:background .2s}.btn-request-sm:hover{background:#1e40af}.text-muted{color:#94a3b8}.pagination{gap:12px;padding:8px 0}.pagination button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2563eb;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.pagination button:disabled{color:#94a3b8;cursor:not-allowed;opacity:.4}.pagination span{color:#64748b;font-size:13px}.tab-content{border-radius:12px;box-shadow:0 1px 3px #00000014;padding:20px}.tab-content h2{color:#0f172a;margin-bottom:16px;margin-top:0}.empty-message{color:#64748b;font-size:16px;padding:40px 20px;text-align:center}.assets-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.asset-card{border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;padding:20px}.asset-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #0000001f}.asset-card.assigned{background:#f0f9ff;border-color:#0ea5e9}.card-header{align-items:flex-start;gap:12px;margin-bottom:16px}.card-header h3{color:#0f172a;flex:1 1;font-size:18px;margin:0}.assigned-badge,.category-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.category-badge{background:#e0e7ff;color:#4338ca}.assigned-badge{background:#dcfce7;color:#166534}.card-info{color:#475569;font-size:14px;line-height:1.8;margin-bottom:16px}.card-info div{display:flex;justify-content:space-between;margin-bottom:8px}.card-info strong{color:#0f172a;font-weight:600}.condition{border-radius:4px;font-size:12px;font-weight:600;padding:2px 8px}.condition.excellent{background:#dcfce7;color:#166534}.condition.good{background:#dbeafe;color:#0c4a6e}.condition.fair{background:#fef3c7;color:#92400e}.condition.damaged{background:#fee2e2;color:#991b1b}.remarks{background:#f1f5f9;border-left:3px solid #0ea5e9;border-radius:8px;color:#475569;font-size:13px;margin-top:12px;padding:12px}.btn-request{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:12px;padding:10px 16px;transition:background .3s ease;width:100%}.btn-request:hover{background:#1e40af}.requests-list{display:flex;flex-direction:column;gap:12px}.request-card{border-radius:10px;padding:16px}.request-card:hover{box-shadow:0 4px 12px #00000014}.request-header{border-bottom:1px solid #f1f5f9;gap:10px;margin-bottom:10px;padding-bottom:10px}.request-header h3{color:#0f172a;flex:1 1}.status-badge{background:#00000008;gap:5px}.request-info{grid-gap:6px 16px;color:#475569;display:grid;font-size:15px;gap:6px 16px;grid-template-columns:1fr 1fr;line-height:1.6;margin-bottom:0}.request-info div{display:flex;gap:8px;margin-bottom:0;padding:4px 0}.request-info strong{color:#64748b;font-size:14px;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.approval-info,.rejection-info{border-radius:8px;font-size:13px;margin-top:10px;padding:10px 12px}.approval-info{background:#dcfce7;border-left:3px solid #16a34a;color:#166534}.rejection-info{background:#fee2e2;border-left:3px solid #dc2626;color:#991b1b}.request-header-right{align-items:center;display:flex;gap:10px}.request-actions-btns{display:flex;gap:6px}.btn-req-delete,.btn-req-edit{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:34px;justify-content:center;transition:all .2s;width:34px}.btn-req-edit{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.btn-req-edit:hover{background:#2563eb;box-shadow:0 2px 8px #2563eb4d;color:#fff}.btn-req-delete{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.btn-req-delete:hover{background:#dc2626;box-shadow:0 2px 8px #dc26264d;color:#fff}.request-edit-form{animation:slideDown .2s ease;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;padding:18px}.edit-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:14px}.edit-form-group{display:flex;flex-direction:column;gap:5px}.edit-form-group.full-width{grid-column:1/-1;margin-bottom:14px}.edit-form-group label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.edit-form-group input,.edit-form-group select,.edit-form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.edit-form-group input:focus,.edit-form-group select:focus,.edit-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-form-group textarea{min-height:70px;resize:vertical}.edit-form-actions{display:flex;gap:10px;justify-content:flex-end}.btn-edit-save{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.btn-edit-save:hover:not(:disabled){box-shadow:0 3px 10px #2563eb59;transform:translateY(-1px)}.btn-edit-save:disabled{cursor:not-allowed;opacity:.6}.btn-edit-cancel{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.btn-edit-cancel:hover{background:#f1f5f9;color:#334155}.delete-confirm-bar{align-items:center;animation:slideDown .2s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;display:flex;gap:12px;justify-content:space-between;margin-top:12px;padding:14px 16px}.delete-confirm-bar span{color:#991b1b;font-size:14px;font-weight:500}.delete-confirm-actions{display:flex;flex-shrink:0;gap:8px}.btn-confirm-yes{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-confirm-yes:hover{background:#b91c1c;box-shadow:0 2px 8px #dc26264d}.btn-confirm-no{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-confirm-no:hover{background:#f1f5f9}@media (max-width:900px){.charts-grid{grid-template-columns:1fr}.stat-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.asset-user-dashboard{padding:12px}.assets-grid{grid-template-columns:1fr}.tabs-container{flex-wrap:wrap}.tab{flex:1 1;justify-content:center;min-width:130px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:12px}.dashboard-header h1,.header-text h1{font-size:22px}.stat-cards-grid{grid-template-columns:1fr 1fr}.card-info div,.request-info div{flex-direction:row;gap:6px}.edit-form-grid,.request-info{grid-template-columns:1fr}.delete-confirm-bar{flex-direction:column;text-align:center}.filters-bar{flex-direction:row;flex-wrap:wrap}.all-assets-header{align-items:flex-start;flex-direction:column}.filters-bar{width:100%}.search-box{min-width:100%}.filters-bar select{width:100%}.request-filter-bar{flex-wrap:wrap}}.request-filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.request-filter-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:6px;padding:8px 18px;transition:all .18s}.request-filter-btn:hover{background:#f1f5f9;border-color:#94a3b8}.request-filter-btn.active.all{background:#2563eb;border-color:#2563eb;color:#fff}.request-filter-btn.active.pending{background:#f59e0b;border-color:#f59e0b;color:#fff}.request-filter-btn.active.approved{background:#10b981;border-color:#10b981;color:#fff}.request-filter-btn.active.rejected{background:#ef4444;border-color:#ef4444;color:#fff}.metrics-cards-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:28px}.metrics-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px #0000000d;display:flex;gap:14px;padding:18px;transition:all .3s ease}.metrics-card:hover{border-color:#d1d5db;box-shadow:0 6px 16px #00000014;transform:translateY(-3px)}.metrics-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.metrics-card-1 .metrics-card-icon{background:#e0f2fe;color:#0369a1}.metrics-card-2 .metrics-card-icon{background:#fef3c7;color:#d97706}.metrics-card-3 .metrics-card-icon{background:#dcfce7;color:#16a34a}.metrics-card-4 .metrics-card-icon{background:#f3e8ff;color:#a855f7}.metrics-card-content{display:flex;flex-direction:column;gap:4px}.metrics-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.metrics-value{color:#1f2937;font-size:28px;font-weight:700}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px #0000000f;padding:20px;transition:all .2s}.chart-card:hover{box-shadow:0 4px 12px #00000014}.chart-card h3{align-items:center;color:#1f2937;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 16px}.chart-card h3 svg{color:#60a5fa}.chart-wide{grid-column:span 1}@media (max-width:1200px){.chart-wide{grid-column:span 1}}.req-stat-rate{align-items:center;background:#ecfdf5;border-radius:8px;color:#047857;display:flex;font-size:15px;font-weight:600;gap:8px;padding:10px 18px}.req-stat-rate svg{color:#059669}@media (max-width:1024px){.charts-grid,.metrics-cards-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.charts-grid,.metrics-cards-row{grid-template-columns:1fr}.chart-card{padding:16px}.chart-card h3{font-size:14px;margin-bottom:12px}.stat-cards-grid{grid-template-columns:1fr}}.asset-request-page{background:#f8fafc;display:flex;min-height:100vh}.asset-request-page .page-container{flex:1 1;margin:0 auto;overflow-y:auto;padding:30px}.page-header-request{align-items:center;border-radius:12px;color:#000;display:flex;gap:16px;margin-bottom:30px;padding:10px}.btn-back{background:#bebebe!important;border:2px solid #fff;border-radius:8px;margin-top:15px;padding:8px 16px}.btn-back:hover{background:#fff;border-color:#ffffff80}.page-header h1{flex:1 1;font-size:24px;margin:0}.request-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}.requester-info-card{background:#fff;border-left:4px solid #2563eb;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:20px 24px}.requester-info-card h3{align-items:center;color:#1e40af;display:flex;font-size:16px;gap:8px;margin:0 0 12px}.info-row{flex-wrap:wrap;gap:20px}.info-row>div{align-items:center;color:#334155;display:flex;font-size:14px;gap:4px}.info-row strong{color:#0f172a}.request-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:28px}.error-message,.success-message{border-left:4px solid;border-radius:8px;font-weight:500;margin-bottom:20px;padding:12px 16px}.error-message{border-left-color:#dc2626}.success-message{background:#dcfce7;border-left-color:#16a34a;color:#166534}.form-section{margin-bottom:28px}.form-section:last-of-type{margin-bottom:0}.form-section h2{border-bottom:2px solid #e2e8f0;color:#0f172a;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:12px}.select-input,.text-input,.textarea-input{border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.select-input:focus,.text-input:focus,.textarea-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.text-input:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.textarea-input{resize:vertical}.radio-group{display:flex;gap:24px;margin-top:12px}.radio-label{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px}.radio-label input[type=radio]{cursor:pointer;height:16px;width:16px}.asset-preview{background:#f0f9ff;border:2px solid #0ea5e9;border-radius:8px;margin-top:16px;padding:16px}.asset-preview h4{color:#0369a1;font-size:14px;font-weight:600;margin:0 0 12px}.preview-info{grid-gap:12px;color:#0c4a6e;display:grid;font-size:13px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.preview-info div{gap:8px;justify-content:space-between}.preview-info strong{font-weight:600}.info-box{background:#fef3c7;border:1px solid #fcd34d;color:#92400e;font-size:14px;margin-top:24px;padding:16px}.info-box strong{display:block;font-weight:600;margin-bottom:6px}.stock-info{background:#fef3c7;border:2px solid #fcd34d;border-radius:8px;padding:16px}.stock-info label{color:#92400e;display:block;font-weight:600;margin-bottom:12px}.stock-display{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stock-item{align-items:center;background:#fff;border:1px solid #fed7aa;border-radius:6px;display:flex;gap:8px;justify-content:space-between;padding:12px}.stock-label{color:#92400e;font-size:13px;font-weight:600}.stock-value{color:#1f2937;font-size:16px;font-weight:700}.stock-value.available{color:#16a34a}.stock-value.assigned{color:#dc2626}.form-actions{border-top:1px solid #e2e8f0;gap:12px;margin-top:32px;padding-top:24px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .3s ease}.btn-primary{background:#2563eb}.btn-primary:hover:not(:disabled){background:#1e40af;box-shadow:0 4px 12px #2563eb66}.btn-primary:disabled{background:#9ca3af}.btn-secondary{background:#e2e8f0;color:#0f172a}.btn-secondary:hover{background:#cbd5e1}.allocated-units-display{background:#ecfdf5;border:2px solid #10b981;border-radius:8px;margin-top:16px;padding:16px}.allocated-units-display label{color:#065f46;display:block;font-size:15px;font-weight:600;margin-bottom:12px}.allocated-units-box{background:#fff;border:1px solid #6ee7b7;border-radius:6px;padding:12px}.allocated-units-box strong{color:#047857;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.units-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.unit-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;box-shadow:0 2px 4px #10b9814d;color:#fff;display:inline-block;font-size:13px;font-weight:600;padding:8px 14px}@media (max-width:768px){.asset-request-page{padding:12px}.request-form{padding:20px}.page-header{align-items:flex-start;flex-direction:column}.page-header h1{font-size:20px}.radio-group{flex-direction:column;gap:12px}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.asset-management-page{background-color:#f8fafc;display:flex;min-height:100vh}.asset-management{background:#f8fafc;flex:1 1;margin:0 auto;max-width:1200px;min-height:100vh;overflow-y:auto;padding:20px}.management-header{border-radius:12px;color:#000;margin-bottom:30px;padding:20px}.management-header h1{font-size:28px;margin:0 0 8px}.management-header p{font-size:16px;margin:0;opacity:.9}.management-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:12px;margin-bottom:24px}.management-tabs .tab{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;font-size:15px;font-weight:600;padding:12px 20px;transition:all .3s ease}.management-tabs .tab:hover{color:#2563eb}.management-tabs .tab.active{border-bottom-color:#2563eb}.tab-pane{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:24px}.empty{color:#64748b;font-size:16px;text-align:center}.empty,.loading{padding:40px 20px}.error-message{background:#fee2e2}.assignments-table,.requests-table{display:flex;flex-direction:column;gap:12px}.assignment-row,.request-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .3s ease}.assignment-row:hover,.request-row:hover{border-color:#2563eb;box-shadow:0 4px 12px #00000014}.assignment-main,.request-main{flex:1 1}.assignment-title,.request-title{color:#0f172a;font-size:16px;font-weight:600;margin-bottom:8px}.assignment-details,.request-details{color:#475569;display:flex;flex-wrap:wrap;font-size:13px;gap:16px}.assignment-details span,.request-details span{display:flex;gap:6px}.assignment-details strong,.request-details strong{color:#0f172a;font-weight:600;min-width:80px}.assignment-actions,.request-actions{display:flex;gap:8px;margin-left:16px}.btn-approve,.btn-reject,.btn-revoke,.btn-swap{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .3s ease;white-space:nowrap}.btn-approve{background:#dcfce7;color:#166534}.btn-approve:hover{background:#bbf7d0}.btn-reject{background:#fee2e2;color:#991b1b}.btn-reject:hover{background:#fecaca}.btn-swap{background:#dbeafe;color:#0c4a6e}.btn-swap:hover{background:#bfdbfe}.btn-revoke{background:#fef3c7;color:#92400e}.btn-revoke:hover{background:#fde68a}.modal-overlay{background:#0a0c1073;inset:0;z-index:1200}.modal-content{padding:28px;width:90%}.modal-content.modal-wide{display:flex;flex-direction:column;max-height:85vh;max-width:680px;padding:0}.modal-header-bar{align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 28px}.modal-header-bar h2{color:#fff;font-size:18px;margin:0}.modal-close-btn{background:#fff3;border-radius:50%;color:#fff;font-size:14px;height:32px;transition:background .2s;width:32px}.modal-close-btn:hover{background:#ffffff59}.modal-wide .modal-body{flex:1 1;overflow-y:auto;padding:20px 28px}.modal-wide .modal-actions{border-radius:0 0 12px 12px;padding:16px 28px}.detail-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:20px;padding:16px}.detail-section h4{align-items:center;color:#1e40af;display:flex;font-size:14px;font-weight:700;gap:6px;letter-spacing:.3px;margin:0 0 14px;text-transform:uppercase}.section-icon{font-size:14px}.detail-grid{grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr}.detail-item{gap:2px}.detail-label{align-items:center;color:#64748b;display:flex;font-weight:600;letter-spacing:.3px}.detail-value{color:#0f172a;font-size:14px}.request-type-badge{background:#dbeafe;border-radius:12px;color:#1e40af;display:inline-block;font-size:13px;font-weight:600;padding:2px 10px}.detail-reason{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.detail-reason .detail-label{margin-bottom:6px}.detail-reason p{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#334155;font-size:14px;line-height:1.6;margin:0;padding:10px 12px}.modal-content h2{color:#0f172a;font-size:20px;margin:0 0 20px}.modal-body{margin-bottom:24px}.approval-info{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;color:#0c4a6e;font-size:14px;line-height:1.6;margin-bottom:20px;padding:12px 16px}.form-group{margin-bottom:16px}.form-group label{color:#0f172a;margin-bottom:6px}.input-field{border:1px solid #cbd5e1;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.input-field:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.modal-actions{border-top:1px solid #e2e8f0;padding-top:16px}.btn-cancel{color:#0f172a}.btn-submit{background:#2563eb}.btn-submit:hover:not(:disabled){background:#1e40af}.btn-submit:disabled{background:#9ca3af}.all-assets-filters{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:12px}.asset-search-box{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;display:flex;flex:1 1;height:38px;min-width:220px;padding:0 10px}.asset-search-box .search-icon{color:#94a3b8;font-size:14px;margin-right:8px}.asset-search-box input{background:#0000;border:none;flex:1 1;font-family:inherit;font-size:13px;outline:none;padding:8px 6px}.btn-search-sm{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;height:38px;padding:8px 16px;transition:all .2s}.btn-search-sm:hover{background:#1e40af;box-shadow:0 2px 6px #2563eb33}.all-assets-filters select{font-family:inherit;min-width:140px;padding:8px 12px}.all-assets-filters select,.btn-refresh-assets{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;font-size:13px;height:38px}.btn-refresh-assets{align-items:center;display:flex;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.btn-refresh-assets:hover{background:#f1f5f9;border-color:#94a3b8}.btn-refresh-assets .spin{animation:spin-anim 1s linear infinite}@keyframes spin-anim{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.all-assets-table-wrap{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.all-assets-table{border-collapse:collapse;font-size:13px;width:100%}.all-assets-table thead{background:linear-gradient(135deg,#1e40af,#2563eb);border-bottom:2px solid #1e40af;position:-webkit-sticky;position:sticky;top:0}.all-assets-table th{color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:16px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.all-assets-table tbody tr{border-bottom:1px solid #e2e8f0;height:60px;transition:background-color .15s}.all-assets-table tbody tr:hover{background-color:#f0f9ff}.all-assets-table td{color:#334155;padding:12px 14px;vertical-align:middle}.unit-ids-cell{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.unit-badge-sm{background:#d1fae5;border-radius:4px;color:#065f46;font-size:11px;font-weight:700;padding:4px 8px;white-space:nowrap}.unit-badge-sm.in-use{background:#fee2e2;color:#991b1b}.units-more-badge{background:#e0e7ff;border-radius:4px;color:#3730a3;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px;transition:all .2s}.units-more-badge:hover{background:#c7d2fe}.cat-badge{background:#dbeafe;border-radius:6px;color:#0c4a6e;padding:5px 10px}.cat-badge,.status-pill-am{display:inline-block;font-size:11px;font-weight:700;white-space:nowrap}.status-pill-am{border-radius:20px;padding:6px 12px;text-transform:capitalize}.status-pill-am.status-available{background:#d1fae5;color:#065f46}.status-pill-am.status-in_use{background:#dbeafe;color:#0c4a6e}.status-pill-am.status-under_maintenance{background:#fef3c7;color:#78350f}.status-pill-am.status-disposed{background:#fee2e2;color:#7f1d1d}.condition-pill{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;padding:6px 12px;text-transform:capitalize;white-space:nowrap}.condition-pill.condition-excellent{background:#d1fae5;color:#065f46}.condition-pill.condition-good{background:#dbeafe;color:#0c4a6e}.condition-pill.condition-fair{background:#fef3c7;color:#78350f}.condition-pill.condition-damaged{background:#fee2e2;color:#7f1d1d}.assigned-pill{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;padding:6px 12px;white-space:nowrap}.assigned-pill.yes{background:#dbeafe;color:#0c4a6e}.assigned-pill.no{background:#d1fae5;color:#065f46}.table-actions-cell{align-items:center;display:flex;gap:6px}.btn-table-action{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s;white-space:nowrap}.btn-view-edit{background:#3b82f6;color:#fff}.btn-view-edit:hover{background:#2563eb;box-shadow:0 2px 6px #2563eb4d}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626;box-shadow:0 2px 6px #dc26264d}.btn-history{background:#8b5cf6;color:#fff}.btn-history:hover{background:#7c3aed;box-shadow:0 2px 6px #7c3aed4d}@media (max-width:768px){.asset-management{padding:12px}.all-assets-filters{flex-direction:column}.all-assets-filters select,.asset-search-box,.btn-refresh-assets,.btn-search-sm{width:100%}.all-assets-table{font-size:12px}.all-assets-table td,.all-assets-table th{padding:10px 8px}.table-actions-cell{flex-direction:column;gap:4px}.btn-table-action{font-size:11px;justify-content:center;padding:5px 8px;width:100%}.assignment-row,.request-row{align-items:flex-start;flex-direction:column}.assignment-actions,.request-actions{margin-left:0;margin-top:12px;width:100%}.assignment-details,.request-details{flex-direction:column;gap:6px}.modal-content{padding:20px;width:95%}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.admin-sidebar{background:linear-gradient(180deg,#003049,#003d82);box-shadow:2px 0 8px #0000001a;color:#fff;flex-shrink:0;height:100vh;overflow-y:auto;padding:0;position:-webkit-sticky;position:sticky;top:0;transition:width .3s ease;width:280px}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:30px 20px}.sidebar-title{font-size:24px;font-weight:700;letter-spacing:.5px;margin:0;text-align:center}.profile-section{background-color:#0003;border-bottom:1px solid #ffffff1a;padding:30px 20px;text-align:center}.profile-avatar{align-items:center;background-color:#fff3;border-radius:50%;display:flex;font-size:32px;height:70px;justify-content:center;margin:0 auto 15px;width:70px}.profile-section h3{color:#fff;font-size:18px;font-weight:600;margin:15px 0 5px}.profile-role{background-color:#ffffff26;border-radius:20px;color:#ffffffe6;display:inline-block;font-size:12px;font-weight:500;margin:8px 0;padding:6px 16px}.profile-email{color:#ffffffbf;font-size:12px;margin-top:10px;word-break:break-all}.sidebar-nav{padding:15px 0}.nav-btn{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#ffffffbf;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 20px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.nav-icon{flex-shrink:0;font-size:18px}.nav-btn:hover{background-color:#ffffff14;border-left-color:#ffffff80;color:#fff}.nav-btn.active{background-color:#ffffff26;border-left-color:#fff;color:#fff;font-weight:600}.sidebar-toggle-btn{align-items:center;background:#fff;border:2px solid #003049;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#003049;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:-12px;top:15px;transition:all .3s ease;width:28px;z-index:10}.sidebar-toggle-btn:hover{background:#003049;color:#fff;transform:scale(1.1)}.admin-sidebar.collapsed{width:80px}.admin-sidebar.collapsed .sidebar-header{padding:15px 0}.admin-sidebar.collapsed .sidebar-title{display:none}.admin-sidebar.collapsed .profile-section{min-height:auto;padding:15px 10px}.admin-sidebar.collapsed .profile-avatar{font-size:24px;height:50px;margin:0 auto 10px;width:50px}.admin-sidebar.collapsed .profile-email,.admin-sidebar.collapsed .profile-role,.admin-sidebar.collapsed .profile-section h3{display:none}.admin-sidebar.collapsed .nav-btn{gap:0;justify-content:center;padding:12px 10px}.admin-sidebar.collapsed .nav-icon{font-size:20px}.admin-sidebar.collapsed .sidebar-nav{padding:10px 0}@media (max-width:1024px){.admin-sidebar{width:260px}}@media (max-width:768px){.asset-management-page{flex-direction:column}.admin-sidebar{border-bottom:1px solid #e2e8f0;height:auto;max-height:200px;overflow-y:auto;position:relative;width:100%}.sidebar-header{padding:20px}.sidebar-title{font-size:18px}.profile-section{padding:15px 20px}.sidebar-nav{display:grid;grid-template-columns:repeat(2,1fr);padding:10px 0}.nav-btn{font-size:13px;padding:10px 15px}.asset-management{padding:18px}}@media (max-width:480px){.admin-sidebar{max-height:150px}.sidebar-nav{grid-template-columns:1fr}.profile-avatar{font-size:24px;height:50px;width:50px}.profile-section h3{font-size:16px}}.pending-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:center;min-height:100vh;padding:20px}.pending-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:600px;padding:40px;text-align:center;width:100%}.pending-icon{animation:pulse 2s infinite;color:#f59e0b;font-size:60px;margin-bottom:20px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pending-card h1{color:#1e293b;font-size:28px;margin:20px 0 15px}.pending-message{margin-bottom:30px;text-align:left}.pending-message>p{color:#64748b;font-size:16px;line-height:1.6;margin-bottom:25px}.request-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:25px;padding:15px}.detail-row{align-items:center;gap:10px}.detail-row .label{color:#475569;min-width:80px}.detail-row .value{color:#1e293b;flex:1 1;font-family:Monaco,Menlo,monospace;font-size:14px}.copy-btn{background:#0f766e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease;white-space:nowrap}.copy-btn:hover{background:#0d6e66}.info-box{background:#f0fdf4;border:1px solid #dcfce7;border-left:4px solid #16a34a;border-radius:8px;margin-bottom:25px;padding:20px;text-align:left}.info-box h3{color:#166534;font-size:16px;margin:0 0 12px}.info-box ol{color:#16a34a;margin:0;padding-left:20px}.info-box li{color:#166534;line-height:1.5;margin:8px 0}.timeline{margin-bottom:30px;position:relative}.timeline-item{display:flex;gap:20px;margin-bottom:20px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-line{background:#e2e8f0;height:50px;left:29px;position:absolute;top:40px;width:2px}.timeline-circle{align-items:center;background:#e2e8f0;border-radius:50%;color:#94a3b8;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:60px;justify-content:center;transition:all .3s ease;width:60px}.timeline-circle.active{background:#0f766e;box-shadow:0 0 0 4px #0f766e1a;color:#fff}.timeline-content{flex:1 1;padding-top:5px;text-align:left}.timeline-content h4{color:#1e293b;font-size:14px;margin:0 0 4px}.timeline-content p{color:#64748b;font-size:13px;margin:0}.action-buttons{display:flex;gap:12px;margin-bottom:20px}.btn-back,.btn-login{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.btn-login{background:#0f766e;color:#fff}.btn-login:hover{background:#0d6e66;box-shadow:0 4px 12px #0f766e33;transform:translateY(-2px)}.btn-back{background:#e2e8f0;color:#475569}.btn-back:hover{background:#cbd5e1;transform:translateY(-2px)}.help-text{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:12px;text-align:center}.help-text p{color:#92400e;font-size:13px;line-height:1.5;margin:0}@media (max-width:640px){.pending-card{padding:30px 20px}.pending-card h1{font-size:24px}.pending-icon{font-size:50px}.action-buttons,.detail-row{flex-direction:column}.detail-row{align-items:flex-start;gap:8px}.detail-row .label{min-width:auto}.timeline{margin-bottom:20px}.timeline-circle{font-size:16px;height:50px;width:50px}.timeline-line{height:40px;left:24px}}.asset-user-approval-page{margin:0 auto;max-width:1200px;padding:20px}.approval-header{margin-bottom:30px}.approval-header h2{color:#1e293b;font-size:28px;margin:0}.approval-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.filter-btn{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.filter-btn:hover{border-color:#0f766e;color:#0f766e}.filter-btn.active{background:#0f766e;border-color:#0f766e;color:#fff}.approval-error{background:#fee2e2;border-radius:6px;color:#991b1b;margin-bottom:20px;padding:15px}.approval-empty{background:#f1f5f9;border-radius:8px;color:#64748b;padding:40px 20px;text-align:center}.approval-requests{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.request-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px;transition:all .3s ease}.request-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.request-card.request-pending{border-left:4px solid #eab308}.request-card.request-approved{background:#f0fdf4;border-left:4px solid #16a34a}.request-card.request-rejected{background:#fef2f2;border-left:4px solid #dc2626}.request-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.request-header h3{color:#1e293b;font-size:18px;margin:0}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.approved{background:#dcfce7;color:#166534}.status-badge.rejected{background:#fee2e2;color:#991b1b}.request-details{color:#64748b;font-size:14px;margin-bottom:15px}.request-details p{margin:8px 0}.request-details strong{color:#475569}.rejection-reason{background:#fef2f2;border-left:3px solid #dc2626;border-radius:6px;color:#991b1b;font-size:13px;margin-top:10px;padding:12px}.request-actions{display:flex;gap:10px}.btn-view{align-items:center;background:#0f766e;border-radius:6px;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:all .3s ease}.btn-view:hover{background:#0d6e66}.approval-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.approval-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:95%}.modal-header{padding:20px}.close-btn{background:none;color:#94a3b8;font-size:28px;height:30px;padding:0;width:30px}.close-btn:hover{color:#475569}.modal-content{padding:20px}.request-info{margin-bottom:20px}.request-info h4{color:#1e293b;margin-top:0}.request-info p{color:#64748b;font-size:14px;margin:10px 0}.request-info strong{color:#475569}.action-section{margin-top:20px}.rejection-form{margin-bottom:20px}.rejection-form label{color:#1e293b;display:block;font-size:14px;margin-bottom:8px}.rejection-form textarea{border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.rejection-form textarea:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a;outline:none}.modal-actions{gap:10px;margin-top:20px}.btn-approve,.btn-cancel,.btn-reject{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .3s ease}.btn-approve{background:#16a34a;color:#fff}.btn-approve:hover:not(:disabled){background:#15803d}.btn-reject{background:#dc2626}.btn-reject:hover:not(:disabled){background:#b91c1c}.btn-cancel{color:#64748b}.btn-cancel:hover:not(:disabled){background:#cbd5e1}.btn-approve:disabled,.btn-cancel:disabled,.btn-reject:disabled{cursor:not-allowed;opacity:.6}.approval-loading{color:#64748b;font-size:16px;padding:40px;text-align:center}@media (max-width:768px){.approval-requests{grid-template-columns:1fr}.approval-filters{flex-direction:column}.filter-btn{width:100%}.approval-modal{width:90%}}.asset-history-container{background-color:#f5f5f5;display:flex;height:100vh}.asset-history-content{flex:1 1;overflow-y:auto;padding:30px}.history-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;gap:20px;margin-bottom:30px;padding:20px}.history-header h1{color:#1a3a52;flex:1 1;font-size:28px;margin:0}.btn-back{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px;display:flex;font-size:14px;font-weight:500;transition:all .3s ease}.btn-back:hover{box-shadow:0 4px 12px #667eea66;transform:translateX(-5px)}.asset-metadata-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:25px}.metadata-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metadata-item{display:flex;flex-direction:column}.metadata-item .label{color:#667eea;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.metadata-item .value{color:#333;font-size:15px;font-weight:500}.status-badge{border-radius:20px;font-size:12px;padding:5px 12px;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.status-badge.status-available{background-color:#d4edda;color:#155724}.unit-allocation-badge{align-items:center;border:1px solid;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;text-transform:capitalize;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.unit-allocation-badge.available{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.unit-allocation-badge.allocated{background:#fef3c7;border-color:#fcd34d;color:#92400e}.unit-allocation-badge.others{background:#faf5ff;border-color:#e9d5ff;color:#6b21a8}.status-badge.status-in_use{background-color:#cfe2ff;color:#084298}.status-badge.status-under_maintenance{background-color:#fff3cd;color:#664d03}.status-badge.status-active{background-color:#d1ecf1;color:#0c5460}.status-badge.status-returned{background-color:#e2e3e5;color:#383d41}.status-badge.status-swapped{background-color:#d1e7dd;color:#0f5132}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.summary-card{border-left:4px solid #667eea;border-radius:8px;box-shadow:0 2px 8px #0000001a;gap:15px;transition:all .3s ease}.summary-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-5px)}.summary-card .icon{font-size:40px;min-width:50px;text-align:center}.summary-card .info h3{color:#667eea;font-size:24px;font-weight:700;margin:0}.summary-card .info p{color:#666;font-size:12px;letter-spacing:.5px;margin:5px 0 0;text-transform:uppercase}.tabs-nav{background:#fff;border-bottom:2px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;gap:10px;margin-bottom:20px;padding:0 20px}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;position:relative;top:2px;transition:all .3s ease}.tab-btn:hover{color:#667eea}.tab-btn.active{border-bottom-color:#667eea;color:#667eea}.tab-content{background:#fff;border-radius:0 8px 8px 8px;box-shadow:0 2px 8px #0000001a;padding:25px}.tab-content h2{color:#1a3a52;font-size:20px;margin:0 0 20px}.history-table{font-size:14px}.history-table thead{background-color:#f8f9fa}.history-table th{border-bottom:2px solid #e0e0e0;color:#667eea;font-size:12px;padding:15px;text-align:left}.history-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:15px}.history-table tbody tr:hover{background-color:#f9f9f9}.user-name{color:#1a3a52;font-weight:600}.days-used{color:#667eea;font-weight:600}.maintenance-type{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.maintenance-preventive{background-color:#d1ecf1;color:#0c5460}.user-name-cell{color:#1a3a52;font-weight:600;white-space:nowrap}.continuation-row{background-color:#fafafa}.role-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.maintenance-breakdown{background-color:#f8d7da;color:#721c24}.maintenance-calibration{background-color:#d1e7dd;color:#0f5132}.priority{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.priority-low{background-color:#d1ecf1;color:#0c5460}.priority-medium{background-color:#fff3cd;color:#664d03}.priority-high{background-color:#f8d7da;color:#721c24}.issues-list{grid-gap:15px;display:grid;gap:15px}.issue-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:5px;padding:15px}.issue-header{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.issue-type{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.issue-preventive{background-color:#d1ecf1;color:#0c5460}.issue-breakdown{background-color:#f8d7da;color:#721c24}.issue-calibration{background-color:#d1e7dd;color:#0f5132}.severity{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.severity-low{background-color:#d1ecf1;color:#0c5460}.severity-medium{background-color:#fff3cd;color:#664d03}.severity-high{background-color:#f8d7da;color:#721c24}.issue-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.issue-status-pending{background-color:#fff3cd;color:#664d03}.issue-status-accepted{background-color:#cfe2ff;color:#084298}.issue-status-in_progress{background-color:#d1ecf1;color:#0c5460}.issue-status-resolved{background-color:#d1e7dd;color:#0f5132}.issue-status-closed{background-color:#e2e3e5;color:#383d41}.issue-status-rejected{background-color:#f8d7da;color:#721c24}.issue-details{display:flex;flex-direction:column;gap:8px}.issue-details p{color:#333;font-size:13px;line-height:1.6;margin:0}.issue-details strong{color:#667eea}.no-data{color:#999;font-size:16px;padding:40px;text-align:center}.error-message{background-color:#f8d7da;border-radius:5px;color:#721c24;padding:15px}@media (max-width:1200px){.metadata-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.unit-status-badges{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:25px}.status-badge-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;padding:12px 16px;transition:all .3s ease}.status-badge-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.status-badge-item.available{background:#f0fdf4;border-color:#10b981}.status-badge-item.available .badge-count{background:#10b981;color:#fff}.status-badge-item.allocated{background:#fffbf0;border-color:#f59e0b}.status-badge-item.allocated .badge-count{background:#f59e0b;color:#fff}.status-badge-item.others{background:#faf5ff;border-color:#8b5cf6}.status-badge-item.others .badge-count{background:#8b5cf6;color:#fff}.badge-count{align-items:center;border-radius:6px;display:inline-flex;font-size:1.1rem;font-weight:700;height:32px;justify-content:center;width:32px}.badge-label{color:#374151;font-size:.95rem;font-weight:600}.status-badge-item.available .badge-label{color:#10b981}.status-badge-item.allocated .badge-label{color:#f59e0b}.status-badge-item.others .badge-label{color:#8b5cf6}.units-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:30px}.unit-card{background:#fff;border:2px solid #e0e0e0;border-left:4px solid #667eea;border-radius:8px;cursor:pointer;padding:15px;transition:all .3s ease}.unit-card:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-5px)}.unit-card.selected{border-color:#667eea;color:#000}.unit-card.selected .unit-id,.unit-card.selected .unit-info p{color:#000}.unit-card.selected .status-badge{background-color:#0000004d;color:#fff}.unit-card.unit-status-available{border-left-color:#0c5460}.unit-card.unit-status-in_use{border-left-color:#084298}.unit-card.unit-status-under_maintenance{border-left-color:#664d03}.unit-card.unit-status-disposed{border-left-color:#721c24}.unit-id{color:#667eea;font-family:Courier New,monospace;font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:10px}.unit-info{font-size:12px}.unit-info p{color:#555;display:flex;justify-content:space-between;margin:6px 0}.unit-info strong{color:#667eea;margin-right:8px}.unit-detail-section{background:#fff;border-left:4px solid #667eea;border-radius:8px;margin-top:30px;padding:25px}.unit-detail-section h3{align-items:center;color:#1a3a52;display:flex;font-size:18px;gap:10px;margin-top:0}.unit-detail-section h3:before{content:"📦";font-size:20px}.unit-assignment-history{margin-top:20px}.unit-assignment-history h4{color:#667eea;font-size:16px;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}@media (max-width:1200px){.metadata-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.units-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.asset-history-content{padding:15px}.history-header{align-items:flex-start;flex-direction:column}.history-header h1{font-size:22px}.metadata-grid{grid-template-columns:1fr}.summary-cards{grid-template-columns:repeat(2,1fr)}.history-table{font-size:12px}.history-table td,.history-table th{padding:10px}.tabs-nav{overflow-x:auto}.tab-btn{font-size:12px;padding:10px 15px}}@media (max-width:480px){.asset-history-content{padding:10px}.summary-cards{grid-template-columns:1fr}.summary-card{padding:15px}.history-table td,.history-table th{font-size:11px;padding:8px}}.asset-name-cell{display:flex;flex-direction:column;gap:4px}.asset-name-main{color:#1a3a52;font-size:14px;font-weight:600}.asset-unit-id{color:#999;font-family:Courier New,monospace;font-size:11px;font-weight:500;letter-spacing:.5px}.user-cell{padding-left:10px}.user-cell strong{color:#1a3a52;display:block;font-weight:600;margin-bottom:4px}.user-email{color:#666;font-size:12px;margin-bottom:2px}.user-dept{color:#999;font-size:12px;font-style:italic}.btn-view-details{border-radius:5px;display:flex;font-size:12px;padding:8px 14px}.btn-view-details:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.btn-view-details:active{transform:scale(.98)}.modal-overlay{overflow-y:auto}.modal-content{box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-width:900px}.modal-header-details{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:25px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#fff;flex:1 1;font-size:22px}.btn-close-modal{align-items:center;background:#fff3;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.btn-close-modal:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{flex:1 1;overflow-y:auto}.modal-footer{background:#f9f9f9;border-radius:0 0 12px 12px;border-top:2px solid #f0f0f0;gap:10px;padding:20px 30px}.btn-secondary{background:#e0e0e0;border:none;border-radius:5px;color:#333}.btn-secondary:hover{background:#d0d0d0}.details-section{background:#f9f9f9;border-left:4px solid #667eea;border-radius:8px;padding:20px}.details-section:last-child{margin-bottom:0}.section-title{align-items:center;color:#1a3a52;display:flex;font-size:18px;font-weight:700;gap:10px;letter-spacing:1px;margin:0 0 20px;text-transform:uppercase}.section-title:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";display:inline-block;height:20px;width:4px}.detail-item{gap:8px}.detail-label{color:#667eea;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#333;font-size:15px;font-weight:500;word-break:break-word}.remarks-text{background:#fff;border-left:3px solid #667eea;border-radius:6px;color:#333;font-size:14px;padding:15px}@media (max-width:768px){.modal-content{max-height:95vh;max-width:95vw}.modal-header{padding:15px}.modal-header h2{font-size:18px}.modal-body,.modal-footer{padding:15px}.details-grid{gap:15px;grid-template-columns:1fr}.details-section{margin-bottom:20px;padding:15px}}.asset-user-history-container{background-color:#f8fafc;display:flex;min-height:100vh;width:100%}.asset-user-history-content{flex:1 1;overflow-y:auto;padding:2rem}.history-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:1rem}.history-header .btn-back{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .3s ease;white-space:nowrap}.history-header .btn-back:hover{background-color:#2563eb}.history-header div{flex:1 1}.history-header h1{color:#1f2937;font-size:2rem;font-weight:600;margin:0 0 .5rem}.history-header p{color:#6b7280;font-size:1rem;margin:0}.assignments-table-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow-x:auto}.assignments-table{border-collapse:collapse;font-size:.95rem;table-layout:auto;width:100%}.assignments-table thead{background:linear-gradient(135deg,#003d82,#001f4d);position:-webkit-sticky;position:sticky;top:0;z-index:10}.assignments-table thead th{border-bottom:2px solid #1e40af;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.4px;min-width:80px;padding:1rem .8rem;text-align:left;white-space:nowrap}.assignments-table th:first-child{min-width:40px}.assignments-table th:nth-child(2){min-width:130px}.assignments-table th:nth-child(3){min-width:110px}.assignments-table th:nth-child(4){min-width:100px}.assignments-table th:nth-child(5){min-width:110px}.assignments-table th:nth-child(6){min-width:120px}.assignments-table th:nth-child(7){min-width:110px}.assignments-table th:nth-child(8){min-width:95px}.assignments-table th:nth-child(9){min-width:70px}.assignments-table th:nth-child(10){min-width:110px}.assignments-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.assignments-table tbody tr:hover{background-color:#f8fbff;box-shadow:inset 0 0 8px #3b82f614}.assignments-table tbody tr:last-child{border-bottom:none}.assignments-table tbody td{color:#374151;font-size:.95rem;padding:1rem .8rem;vertical-align:middle}.assignments-table tbody td:first-child{min-width:40px}.assignments-table tbody td:nth-child(2){min-width:130px}.assignments-table tbody td:nth-child(3){min-width:110px}.assignments-table tbody td:nth-child(4){min-width:100px}.assignments-table tbody td:nth-child(5){min-width:110px}.assignments-table tbody td:nth-child(6){min-width:120px}.assignments-table tbody td:nth-child(7){min-width:110px}.assignments-table tbody td:nth-child(8){min-width:95px}.assignments-table tbody td:nth-child(9){min-width:70px}.assignments-table tbody td:nth-child(10){min-width:110px}.assignments-table td.row-number{color:#6b7280;font-weight:600;width:40px}.assignments-table td.asset-name{color:#1f2937;font-weight:500}.assignments-table td.serial-number{color:#6b7280;font-family:Courier New,monospace;font-size:.9rem}.assignments-table td.unit-id{color:#6b7280;font-size:.9rem}.assignments-table td.assigned-date{color:#5b6270;font-weight:500}.assignments-table td.duration{color:#3b82f6;font-weight:600}.assignments-table td.remaining-days{font-size:.96rem;font-weight:600}.assignments-table td.status-cell{text-align:center}.assignments-table td.issues-count{font-weight:600;text-align:center}.assignments-table td.issues-count.has-issues{background-color:#fee2e2;border-radius:6px;color:#dc2626;padding:.8rem}.assignments-table td.actions-cell{text-align:center}.assignments-table .status-badge{border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:.45rem 1rem;text-align:center;transition:all .2s ease}.assignments-table .status-badge:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.assignments-table .btn-view-details{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;box-shadow:0 2px 4px #3b82f640;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.55rem 1.1rem;transition:all .3s ease;white-space:nowrap}.assignments-table .btn-view-details:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.assignments-table .btn-view-details:active{transform:translateY(0)}.loading{font-weight:500}@media (max-width:1200px){.assignments-table{font-size:.9rem}.assignments-table tbody td,.assignments-table thead th{padding:.8rem .7rem}.assignments-table .btn-view-details{font-size:.8rem;padding:.45rem .8rem}.assignments-table td:nth-child(2),.assignments-table th:nth-child(2){width:120px}.assignments-table td:nth-child(3),.assignments-table th:nth-child(3){width:100px}}@media (max-width:1024px){.assignments-table{font-size:.85rem;min-width:900px}.assignments-table tbody td,.assignments-table thead th{padding:.75rem .6rem}.assignments-table .btn-view-details{font-size:.75rem;padding:.4rem .7rem}.assignments-table td:nth-child(2),.assignments-table th:nth-child(2){width:110px}.assignments-table td:nth-child(6),.assignments-table th:nth-child(6){width:100px}.assignments-table td:nth-child(7),.assignments-table th:nth-child(7){width:90px}}@media (max-width:768px){.asset-user-history-content{padding:1rem}.history-header{flex-direction:column;gap:1rem}.history-header h1{font-size:1.5rem}.assignments-table{font-size:.8rem;min-width:850px}.assignments-table tbody td,.assignments-table thead th{padding:.6rem .5rem}.assignments-table .btn-view-details{font-size:.7rem;padding:.35rem .6rem}}.assignments-list{display:flex;flex-direction:column;gap:1.5rem}.assignment-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:none;overflow:hidden;transition:all .3s ease}.assignment-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001f}.card-header{background:linear-gradient(135deg,#f0f9ff,#f0f4ff);border-bottom:1px solid #e2e8f0;padding:1.25rem}.asset-info{flex:1 1}.asset-info h3{font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.serial-number{color:#9ca3af;display:block;font-size:.85rem;margin-top:.25rem}.card-body{padding:1.5rem}.info-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.info-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;padding:1rem}.info-item .icon{color:#3b82f6;flex-shrink:0;font-size:1.25rem;margin-top:.25rem}.info-item div{display:flex;flex:1 1;flex-direction:column}.info-item label{color:#6b7280;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.info-item value{color:#1f2937;font-size:1rem;font-weight:500}.info-item value.has-issues{color:#ef4444;font-weight:600}.remarks-section{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.remarks-section label{color:#6b7280;display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.remarks-section p{color:#4b5563;line-height:1.5;margin:0}.card-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:1.25rem}.modal-content{max-width:1000px}.modal-header h2{color:#1f2937}.detail-section{margin-bottom:2rem}.detail-section h4{border-bottom:2px solid #e2e8f0;color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.detail-row{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem}.detail-row.full-width{grid-column:1/-1}.detail-row .label{font-size:.9rem;font-weight:600}.detail-row .value{font-weight:500}.remarks-text{color:#4b5563;font-size:.95rem;line-height:1.6;margin:0}.allocation-info{display:flex;flex-direction:column;gap:.5rem}.allocation-info .value{color:#1f2937;font-size:.95rem;font-weight:500}.allocation-info .remaining-info{background-color:#dbeafe;color:#1e40af;font-weight:600}.allocation-info .remaining-info,.status-badge-inline{border-radius:6px;display:inline-block;font-size:.85rem;padding:.4rem .8rem}.status-badge-inline{color:#fff;font-weight:500}.error-message{color:#dc2626}@media (max-width:768px){.asset-user-history-content{margin-left:0;padding:1rem}.history-header{flex-direction:column}.info-grid{grid-template-columns:1fr}.card-header{align-items:flex-start;flex-direction:column;gap:1rem}.status-badge{align-self:flex-start}.modal-content{max-height:100vh;max-width:100%}.detail-row{flex-direction:column;gap:.5rem}.detail-row .label{min-width:auto}}.manage-users-container{background-color:#f8fafc;display:flex;min-height:100vh;width:100%}.manage-users-content{flex:1 1;overflow-y:auto;padding:2rem}.manage-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:1rem}.manage-header .btn-back{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .3s ease;white-space:nowrap}.manage-header .btn-back:hover{background-color:#2563eb}.manage-header div{flex:1 1}.manage-header h1{color:#1f2937;font-size:2rem;font-weight:600;margin:0 0 .5rem}.manage-header p{color:#6b7280;font-size:1rem;margin:0}.empty-state{background-color:#fff;border:2px dashed #cbd5e1;border-radius:12px;padding:3rem}.empty-state .empty-icon{color:#cbd5e1;font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#4b5563;font-size:1.3rem;margin:0 0 .5rem}.empty-state p{color:#9ca3af}.users-table-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:linear-gradient(135deg,#003d82,#001f4d)z;color:#fff;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.users-table thead th{background-color:linear-gradient(135deg,#0a2c5e,#1047a0);border-bottom:2px solid #1e3a8a;font-size:.95rem;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.users-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.users-table tbody tr:hover{background-color:#f8fafc}.users-table tbody td{color:#374151;font-size:.95rem;padding:1rem 1.25rem}.users-table .row-number{color:#9ca3af;font-weight:500;width:50px}.users-table .user-name{color:#1f2937;font-weight:600}.name-info{align-items:center;display:flex;gap:.75rem}.user-avatar{border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.name-text{display:flex;flex-direction:column;gap:.2rem}.name-text strong{color:#1f2937;font-size:.95rem}.users-table .email{color:#6b7280;font-size:.9rem}.users-table .department{color:#6b7280}.active-assets,.total-assets{text-align:center}.badge{background-color:#f3f4f6;border-radius:6px;color:#374151;font-size:.9rem;padding:.4rem .8rem}.badge.active{background-color:#d1fae5;color:#065f46}.users-table .actions{text-align:center}.btn-view-details{background-color:#3b82f6;font-weight:500;gap:.5rem;padding:.6rem 1.2rem}.btn-view-details:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f666}.modal-overlay{background-color:#00000080;padding:1rem}.modal-content{background-color:#fff;box-shadow:0 20px 25px #00000026}.user-details-modal{max-width:1200px}.modal-header{align-items:flex-start;background:linear-gradient(135deg,#f0f9ff,#f0f4ff);padding:1.5rem}.user-header-info h2{color:#1f2937;font-size:1.5rem;margin:0 0 .25rem}.user-header-info .user-role{color:#6b7280;font-size:.9rem;margin:0}.modal-close{border-radius:6px;height:2rem;width:2rem}.modal-body{padding:1.5rem}.info-section{margin-bottom:2rem}.info-section h4{border-bottom:2px solid #e2e8f0;color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.info-row{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;padding:.75rem}.info-row .label{color:#6b7280;font-size:.85rem;font-weight:600;margin-bottom:.25rem}.info-row .value{color:#1f2937;font-weight:500;word-break:break-all}.no-assets{background-color:#f8fafc;border:1px dashed #cbd5e1}.no-assets p{color:#6b7280;margin:0}.assets-list{display:flex;flex-direction:column;gap:1rem}.asset-allocation-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .3s ease}.asset-allocation-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.allocation-header{align-items:center;background-color:#f0f9ff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem}.asset-details h5{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.asset-details .serial{color:#6b7280;display:block;font-size:.85rem}.status-pill{border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:500;padding:.4rem .8rem;white-space:nowrap}.allocation-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:1rem}.detail-item{gap:.75rem}.detail-item .icon{color:#3b82f6;flex-shrink:0;font-size:1.1rem;margin-top:.25rem}.detail-item div{display:flex;flex-direction:column}.detail-item .label{color:#6b7280;font-size:.8rem}.detail-item .value{color:#1f2937;font-weight:500;margin-top:.25rem}.detail-item .value.has-issues{color:#dc2626;font-weight:600}.allocation-footer{background-color:#fafbfc;border-top:1px solid #e2e8f0;display:flex;font-size:.85rem;gap:1rem;padding:.75rem 1rem}.allocation-footer .category,.allocation-footer .department{color:#6b7280}.allocation-footer .category{color:#3b82f6;font-weight:500}.assets-table-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:1rem;overflow:hidden}.assets-table{border-collapse:collapse;font-size:.9rem;width:100%}.assets-table thead{background:linear-gradient(135deg,#003d82,#001f4d);position:-webkit-sticky;position:sticky;top:0;z-index:5}.assets-table thead th{border-bottom:2px solid #1e40af;color:#fff;font-weight:600;letter-spacing:.3px;padding:.85rem;text-align:left}.assets-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.assets-table tbody tr:hover{background-color:#f0f9ff}.assets-table tbody td{color:#374151;padding:.85rem;vertical-align:middle}.assets-table tbody tr:last-child{border-bottom:none}.assets-table .status-badge-table{border-radius:16px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;padding:.4rem .8rem;text-align:center}.assets-table td.remaining-days{color:#3b82f6;font-weight:600;padding:.85rem}.assets-table td.remaining-days:empty{color:#9ca3af}.assets-table td.has-issues{color:#ef4444;font-weight:600}.modal-footer{background-color:#f8fafc;gap:.75rem;padding:1.5rem}.btn-close{background-color:#e5e7eb;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .3s ease}.btn-close:hover{background-color:#d1d5db}@media (max-width:1024px){.manage-users-content{margin-left:0}.allocation-details,.info-grid{grid-template-columns:1fr}}@media (max-width:768px){.manage-header{flex-direction:column}.users-table{font-size:.85rem}.users-table tbody td,.users-table thead th{background-color:linear-gradient(135deg,#0a2c5e,#1047a0);padding:.75rem}.users-table .user-name{min-width:120px}.modal-content,.user-details-modal{max-width:100%}.assets-table-wrapper{overflow-x:auto}.assets-table{font-size:.8rem;min-width:900px}.assets-table tbody td,.assets-table thead th{padding:.6rem}.allocation-header{align-items:flex-start;flex-direction:column;gap:.75rem}.status-pill{align-self:flex-start}}.admin-buy-plan-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#eef2ff);display:flex;justify-content:center;min-height:calc(100vh - 220px);padding:24px}.admin-buy-plan-card{background:#fff;border:1px solid #dbeafe;border-radius:14px;box-shadow:0 12px 30px #0f172a14;max-width:560px;padding:24px;width:100%}.admin-buy-plan-card h2{color:#0f172a;margin:0 0 8px}.admin-buy-plan-card p{color:#475569;margin:0 0 16px}.selected-plan-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-bottom:16px;padding:14px}.selected-plan-box h3{color:#1d4ed8;margin:0 0 8px}.selected-plan-box p{margin:4px 0}.info{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;color:#334155;margin-bottom:16px}.info,.message{padding:10px 12px}.message{margin-bottom:12px}.message.error{background:#fef2f2;color:#b91c1c}.message.success{background:#ecfdf3;border:1px solid #bbf7d0;color:#166534}.admin-buy-plan-card form{grid-gap:10px;display:grid;gap:10px}.admin-buy-plan-card .verify-form{border-top:1px solid #dbeafe;margin-top:14px;padding-top:14px}.admin-buy-plan-card label{color:#334155;font-weight:600}.admin-buy-plan-card input{border:1px solid #cbd5e1;border-radius:8px;font-size:14px;padding:11px 12px;width:100%}.actions-row{display:flex;gap:10px;margin-top:8px}.actions-row button{background:#1d4ed8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:11px 14px}.actions-row button:disabled{cursor:not-allowed;opacity:.7}.actions-row .secondary-btn{background:#e2e8f0;color:#0f172a}.payment-row{margin-top:10px}.payment-row button{background:#059669;width:100%}@media (max-width:640px){.admin-buy-plan-page{padding:14px}.admin-buy-plan-card{padding:16px}.actions-row{flex-direction:column}}.user-profile-page{margin:0 auto;max-width:700px;min-height:80vh;padding:28px}.back-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;display:inline-flex;font-weight:600;gap:6px;margin-bottom:24px;padding:8px 16px;transition:all .2s}.back-btn:hover{background:#e2e8f0;color:#0f172a}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;overflow:hidden}.profile-card-header{align-items:center;background:linear-gradient(135deg,#003049,#005f8a);display:flex;gap:20px;padding:32px 28px}.profile-big-avatar{color:#ffffffe6;flex-shrink:0;font-size:72px}.profile-card-title h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.profile-role-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 14px}.profile-role-badge.role-asset_incharge{background:#dbeafee6;color:#1e40af}.profile-role-badge.role-lab_technician{background:#fef3c7e6;color:#92400e}.profile-role-badge.role-lab_admin{background:#ede9fee6;color:#5b21b6}.profile-role-badge.role-asset_user{background:#d1fae5e6;color:#065f46}.profile-card-body{gap:20px;padding:28px}.profile-card-body,.profile-field{display:flex;flex-direction:column}.profile-field{gap:6px}.profile-field label{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.field-value{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;color:#0f172a;font-size:15px;font-weight:500;padding:10px 14px}.profile-field input{border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:10px 14px;transition:all .2s;width:100%}.profile-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.skills-list{display:flex;flex-wrap:wrap;gap:8px}.skill-chip{background:#eff6ff;border-radius:20px;color:#2563eb;font-size:13px;font-weight:600;padding:5px 14px}.profile-card-footer{background:#fafbfc;border-top:1px solid #f1f5f9;padding:20px 28px}.edit-profile-btn{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.edit-profile-btn:hover{background:#1e40af;box-shadow:0 4px 12px #2563eb4d}.edit-actions{display:flex;gap:12px}.cancel-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.cancel-btn:hover{background:#e2e8f0}.save-btn{align-items:center;background:#16a34a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 24px;transition:all .2s}.save-btn:hover{background:#15803d;box-shadow:0 4px 12px #16a34a4d}.save-btn:disabled{cursor:not-allowed;opacity:.6}.profile-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:15px;padding:10px 14px;transition:all .2s;width:100%}.profile-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.skills-card{margin-top:20px}.skills-section-title{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 6px}.skills-section-desc{color:#64748b;font-size:13px;margin:0 0 16px}.skills-grid-profile{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:16px}.skill-card-profile{align-items:center;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 14px;transition:all .2s;-webkit-user-select:none;user-select:none}.skill-card-profile:hover{background:#f0f4ff;border-color:#93c5fd}.skill-card-profile.selected{background:#eff6ff;border-color:#2563eb;color:#1e40af}.skill-card-profile input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:16px;width:16px}.selected-skills-summary{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:12px 14px}.selected-skills-summary strong{color:#64748b;display:block;font-size:13px;margin-bottom:8px}.profile-pic-container{flex-shrink:0;position:relative}.profile-pic-image{border:3px solid #ffffff4d;border-radius:50%;height:72px;object-fit:cover;width:72px}.profile-pic-actions{background:#fff;border-radius:20px;bottom:-15px;box-shadow:0 4px 12px #00000026;display:flex;gap:6px;left:50%;opacity:0;padding:4px 6px;position:absolute;transform:translateX(-50%);transition:opacity .2s}.profile-pic-container:hover .profile-pic-actions{opacity:1}.pic-action-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s;white-space:nowrap}.pic-action-btn.upload-btn{background:#2563eb;color:#fff}.pic-action-btn.upload-btn:hover:not(:disabled){background:#1e40af}.pic-action-btn.delete-btn{background:#dc2626;color:#fff}.pic-action-btn.delete-btn:hover:not(:disabled){background:#b91c1c}.pic-action-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.user-profile-page{padding:16px}.profile-card-header{flex-direction:column;padding:24px 20px;text-align:center}.profile-big-avatar{font-size:56px}.profile-pic-actions{justify-content:center;margin-top:8px;opacity:1;position:static;transform:none}.profile-card-body{padding:20px}.edit-actions{flex-direction:column}}.notification-bell-container{margin-right:20px}.notification-bell,.notification-bell-container{align-items:center;display:flex;position:relative}.notification-bell{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:20px;justify-content:center;padding:8px;transition:all .3s ease}.notification-bell:hover{background-color:#3b82f61a;color:#3b82f6}.notification-bell.has-notifications{color:#ef4444}.notification-bell.has-notifications:hover{background-color:#ef44441a}.bell-icon{font-size:22px}.notification-badge{align-items:center;background-color:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-2px;top:-2px;width:20px}.notification-dropdown{animation:slideDown .3s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;max-height:500px;position:absolute;right:0;top:50px;width:400px;z-index:1000}.notif-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px}.notif-title-section{display:flex;flex-direction:column;gap:4px}.notif-title-section h3{color:#1e293b;font-size:16px;font-weight:600;margin:0}.notif-role{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.notif-header-actions{align-items:center;display:flex;gap:8px}.notif-close-btn,.notif-refresh-btn{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px 8px;transition:all .2s ease}.notif-close-btn:hover,.notif-refresh-btn:hover:not(:disabled){background-color:#3b82f61a;color:#3b82f6}.notif-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.notif-list{flex:1 1;max-height:380px;overflow-y:auto}.notif-list::-webkit-scrollbar{width:6px}.notif-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.notif-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.notif-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notif-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:14px;justify-content:center;padding:40px 20px;text-align:center}.notif-empty svg{font-size:32px;margin-bottom:12px;opacity:.6}.notif-loading{padding:30px 20px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;height:24px;margin:0 auto 12px;width:24px}.notif-item{border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:all .2s ease}.notif-item:hover{background-color:#f8fafc}.notif-item.unread{background-color:#eff6ff}.notif-item.unread:hover{background-color:#dbeafe}.notif-item-left{align-items:flex-start;display:flex;flex-shrink:0;font-size:18px;padding-top:2px}.notif-icon-high{color:#dc2626}.notif-icon-warning{color:#ea580c}.notif-icon-info{color:#0284c7}.notif-item-content{flex:1 1;min-width:0}.notif-item-title{color:#1e293b;font-size:13px;font-weight:600;margin-bottom:4px}.notif-item-message{word-wrap:break-word;color:#475569;font-size:12px;line-height:1.4;margin-bottom:6px}.notif-item-time{color:#94a3b8;font-size:11px}.notif-unread-dot{background-color:#3b82f6;border-radius:50%;flex-shrink:0;height:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:8px}.notif-footer{background-color:#f8fafc;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;padding:12px 16px}.notif-clear-btn{background-color:#e2e8f0;border:none;border-radius:6px;color:#1e293b;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s ease;width:100%}.notif-clear-btn:hover{background-color:#cbd5e1;color:#0f172a}@media (max-width:600px){.notification-dropdown{right:-10px;width:320px}.notif-item{padding:10px 12px}.notification-bell-container{margin-right:10px}}.notifications-page-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:calc(100vh - 200px);padding:40px 20px}.notifications-page-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:900px;padding:30px}.notifications-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.notifications-page-title-section{align-items:center;display:flex;gap:15px}.notifications-page-icon{color:#1976d2;font-size:32px}.notifications-page-title-section h1{color:#333;font-size:28px;font-weight:600;margin:0}.notifications-page-unread{color:#d32f2f;font-size:14px;margin:5px 0 0}.notifications-page-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.notifications-page-btn{align-items:center;background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.notifications-page-btn:hover{background:#1565c0;box-shadow:0 4px 12px #1976d24d;transform:translateY(-2px)}.notifications-page-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.notifications-page-btn-secondary{background:#757575}.notifications-page-btn-secondary:hover{background:#616161}.notifications-page-btn-danger{background:#d32f2f}.notifications-page-btn-danger:hover{background:#c62828}.notifications-page-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px}.notifications-page-search,.notifications-page-select{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s}.notifications-page-search{flex:1 1;min-width:200px}.notifications-page-select{background:#fff;cursor:pointer;min-width:150px}.notifications-page-search:focus,.notifications-page-select:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;outline:none}.notifications-page-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.notifications-page-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#1976d2;height:40px;margin-bottom:15px;width:40px}.notifications-page-loading p{color:#666;font-size:16px;margin:0}.notifications-page-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.notifications-page-empty-icon{color:#ccc;font-size:48px;margin-bottom:15px}.notifications-page-empty p{color:#999;font-size:16px;margin:0}.notifications-page-list{display:flex;flex-direction:column;gap:0;margin-bottom:20px}.notifications-page-item{border-bottom:1px solid #eee;cursor:pointer;display:flex;gap:15px;padding:16px;transition:all .2s}.notifications-page-item:last-child{border-bottom:none}.notifications-page-item:hover{background:#f9f9f9}.notifications-page-item.unread{background:#f5f5f5}.notifications-page-item-icon{align-items:flex-start;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.notifications-page-item-content{flex:1 1;min-width:0}.notifications-page-item-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px}.notifications-page-item-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.notifications-page-item-badges{display:flex;flex-shrink:0;gap:6px}.notifications-page-badge{background:#e0e0e0;border-radius:12px;color:#333;display:inline-block;font-size:11px;font-weight:500;padding:3px 8px;white-space:nowrap}.notifications-page-badge-new{background:#ffebee;border:1px solid #d32f2f;color:#d32f2f}.notifications-page-item-message{color:#666;font-size:14px;line-height:1.4;margin:6px 0}.notifications-page-item-time{color:#999;display:block;font-size:12px;margin-top:4px}.notifications-page-item-actions{display:flex;flex-shrink:0;gap:8px}.notifications-page-item-btn{align-items:center;background:#e0e0e0;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.notifications-page-item-btn:hover{background:#d0d0d0;color:#333}.notifications-page-item-btn-delete:hover{background:#ffebee;color:#d32f2f}.notifications-page-pagination{align-items:center;border-top:1px solid #eee;display:flex;gap:15px;justify-content:center;padding:20px 0}.notifications-page-pagination-btn{background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.notifications-page-pagination-btn:hover:not(:disabled){background:#1565c0}.notifications-page-pagination-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.notifications-page-pagination-info{color:#666;font-size:14px;font-weight:500}.notifications-page-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.notifications-page-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:400px;overflow-y:auto;width:90%}.notifications-page-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.notifications-page-modal-header h2{color:#333;font-size:20px;margin:0}.notifications-page-modal-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:color .2s;width:32px}.notifications-page-modal-close:hover{color:#333}.notifications-page-modal-content{color:#666;font-size:14px;line-height:1.6;padding:20px}.notifications-page-modal-preview{background:#f5f5f5;border-radius:6px;margin-top:15px;padding:12px}.notifications-page-modal-preview h4{color:#333;font-size:14px;font-weight:600;margin:0 0 8px}.notifications-page-modal-preview p{color:#666;font-size:13px;margin:0}.notifications-page-modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:20px}@media (max-width:768px){.notifications-page-content{padding:20px}.notifications-page-header{flex-direction:column}.notifications-page-actions{width:100%}.notifications-page-filters{flex-direction:column}.notifications-page-search,.notifications-page-select{width:100%}.notifications-page-item{flex-direction:column;padding:12px}.notifications-page-item-header{flex-direction:column}.notifications-page-item-actions{justify-content:flex-start;width:100%}.notifications-page-pagination{flex-direction:column;gap:10px}.notifications-page-pagination-btn{width:100%}}@media (max-width:480px){.notifications-page-container{padding:20px 10px}.notifications-page-content{border-radius:8px;padding:15px}.notifications-page-title-section h1{font-size:24px}.notifications-page-item{gap:10px;padding:10px}.notifications-page-item-message{font-size:13px}.notifications-page-btn{font-size:12px;padding:8px 12px}}.technician-maintenance-page{display:flex;height:100vh;width:100%}.technician-maintenance-page .page-container{background-color:#f5f5f5;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:2rem}.maintenance-page{margin:0 auto;max-width:1200px;width:100%}.maintenance-page h2{align-items:center;color:#1e293b;display:flex;font-size:28px;font-weight:700;gap:10px;margin:0 0 2rem}.summary-card.pending{border-left-color:#f59e0b}.summary-card.pending svg{color:#f59e0b}.summary-card.in_progress{border-left-color:#3b82f6}.summary-card.in_progress svg{color:#3b82f6}.summary-card.completed{border-left-color:#10b981}.summary-card.completed svg{color:#10b981}.maintenance-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:2rem;overflow:hidden;width:100%}.maintenance-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.maintenance-table th{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.maintenance-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:14px 16px}.maintenance-table tbody tr:first-child td{border-top:1px solid #e2e8f0}.maintenance-table tbody tr:hover{background:#f8fafc}.priority-badge,.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-badge.status-pending{background:#fef3c7;color:#b45309}.status-badge.status-completed{background:#dcfce7;color:#166534}.status-badge.status-rejected{background:#fee2e2;color:#991b1b}.priority-badge{background:#f1f5f9;color:#475569}.priority-badge.priority-low{background:#dcfce7;color:#166534}.priority-badge.priority-medium{background:#fef3c7;color:#b45309}.priority-badge.priority-high{background:#fed7aa;color:#b45309}.priority-badge.priority-critical{background:#fee2e2;color:#991b1b}.modal-section{grid-template-columns:1fr 1fr}.modal-info-items{display:flex;flex-direction:column;gap:8px}.info-value{text-align:right}.maintenance-type-badge{background:#f59e0b;border-radius:16px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.modal-completion-card{background:#f0fdf4;border-left:3px solid #10b981}.modal-completion-card .modal-card-title{color:#166534}.modal-completion-card .modal-description{color:#15803d}.modal-progress-card{background:#eff6ff;border-left:3px solid #3b82f6}.modal-progress-card .modal-card-title{color:#1e40af}.btn-accept,.btn-close,.btn-complete,.btn-reject,.btn-start{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-accept,.btn-start{background:#10b981;color:#fff}.btn-accept:hover,.btn-start:hover{background:#059669}.btn-complete{background:#3b82f6;color:#fff}.btn-complete:hover{background:#2563eb}.btn-reject{background:#ef4444}.btn-reject:hover{background:#dc2626}@media (max-width:1024px){.technician-maintenance-page .page-container{padding:1.5rem}.summary-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.technician-maintenance-page{flex-direction:column}.technician-maintenance-page .page-container{flex:1 1;overflow-y:auto;padding:1rem;width:100%}.maintenance-page h2{font-size:22px}.filter-box{align-items:flex-start;flex-direction:column}.summary-row{grid-template-columns:1fr}.maintenance-table{font-size:12px}.maintenance-table td,.maintenance-table th{padding:10px 12px}.modal{width:95%}}@media (max-width:480px){.technician-maintenance-page .page-container{padding:.75rem}.maintenance-page h2{font-size:18px;gap:6px}.maintenance-table{font-size:11px}.maintenance-table td,.maintenance-table th{padding:8px}.btn-view{font-size:12px;padding:6px 12px}.modal{max-height:95vh;width:95%}.modal-body,.modal-header{padding:16px}.modal-footer{flex-direction:column;padding:12px 16px}.btn-accept,.btn-close,.btn-complete,.btn-reject,.btn-start{width:100%}}.technician-issues-page{display:flex;height:100vh;width:100%}.technician-issues-page .page-container{background-color:#f5f5f5;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:2rem}.issues-page{margin:0 auto;max-width:1200px;width:100%}.issues-page h2{color:#1e293b;font-size:28px;font-weight:700;gap:10px;margin:0 0 2rem}.filter-box,.issues-page h2{align-items:center;display:flex}.filter-box{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;flex-wrap:wrap;gap:16px;margin-bottom:2rem;padding:16px 20px}.filter-box label{color:#64748b;font-weight:600;white-space:nowrap}.filter-box select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s}.filter-box select:hover{border-color:#cbd5e1}.filter-box select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.summary-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.summary-card{align-items:center;background:#fff;border-left:4px solid #0000;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;gap:16px;padding:20px;transition:all .2s ease}.summary-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.summary-card svg{flex-shrink:0;font-size:24px}.summary-card div span{display:block;font-size:24px;font-weight:700;line-height:1.2}.summary-card div p{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;margin:4px 0 0;text-transform:uppercase}.summary-card.reported{border-left-color:#f59e0b}.summary-card.reported svg{color:#f59e0b}.summary-card.progress{border-left-color:#3b82f6}.summary-card.progress svg{color:#3b82f6}.summary-card.resolved{border-left-color:#10b981}.summary-card.resolved svg{color:#10b981}.summary-card.total{border-left-color:#8b5cf6}.summary-card.total svg{color:#8b5cf6}.loading{color:#64748b;padding:40px}.issues-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:2rem;overflow:hidden;width:100%}.issues-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.issues-table th{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.issues-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:14px 16px}.issues-table tbody tr:first-child td{border-top:1px solid #e2e8f0}.issues-table tbody tr:hover{background:#f8fafc}.severity-badge,.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-badge{background:#f1f5f9;color:#475569}.status-badge.status-reported{background:#fef3c7;color:#b45309}.status-badge.status-in_progress{background:#dbeafe;color:#0369a1}.severity-badge.severity-low,.status-badge.status-resolved{background:#dcfce7;color:#166534}.severity-badge.severity-medium{background:#fef3c7;color:#b45309}.severity-badge.severity-high{background:#fed7aa;color:#b45309}.severity-badge.severity-critical{background:#fee2e2;color:#991b1b}.btn-view{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-view:hover{background:#2563eb;box-shadow:0 2px 8px #3b82f64d;transform:translateY(-1px)}.btn-view:active{transform:translateY(0)}.modal-overlay{animation:fadeIn .2s ease-out}.modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px #00000026;left:30%;max-height:85vh;max-width:600px;overflow-y:auto;top:10%;width:90%}.modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.modal-header h3{align-items:center;color:#1e293b;display:flex;font-size:20px;gap:8px;margin:0}.modal-close-btn{border-radius:6px;color:#64748b;font-size:20px;padding:4px 8px;transition:all .2s}.modal-close-btn:hover{background:#e2e8f0;color:#1e293b}.modal-body{padding:28px}.modal-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 3fr;margin-bottom:24px}.modal-section.full-width{grid-template-columns:1fr}.modal-field{display:flex;flex-direction:column}.modal-field label{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.modal-field div,.modal-field p{color:#1e293b;font-size:15px;line-height:1.6;margin:0}.description-text{border-left:3px solid #3b82f6;color:#475569;padding:12px}.description-text,.modal-info-card{background:#f8fafc;border-radius:8px}.modal-card-title{color:#1e293b;letter-spacing:.5px;text-transform:uppercase}.checklist-pct{border-radius:4px;color:#4f46e5}.modal-description{color:#475569}.checklist-progress{background:#e2e8f0;border-radius:4px}.progress-bar{background:linear-gradient(90deg,#10b981,#059669)}.checklist-item{border-radius:6px;gap:8px;padding:8px;transition:all .2s}.checklist-item:hover{background:#f1f5f9}.checklist-item input[type=checkbox]{accent-color:#10b981}.checklist-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.checklist-item label{color:#475569}.checklist-item label.completed{color:#94a3b8}.modal-remarks-card{background:#f0fdf4;border-left:3px solid #10b981}.modal-remarks-card .modal-card-title{color:#166534}.modal-remarks-card .modal-description{color:#15803d}.modal-rejection-card{border-left:3px solid #ef4444}.modal-rejection-card .modal-card-title{color:#991b1b}.modal-rejection-card .modal-description{color:#dc2626}.modal-info-item{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:8px 0}.modal-info-item:last-child{border-bottom:none}.info-label{color:#64748b;font-weight:700;letter-spacing:.5px}.info-value{color:#1e293b;font-weight:600}.modal-attachments-section{background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:16px}.modal-attachments-section h4{color:#1e293b;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.attachment-list{display:flex;flex-direction:column;gap:8px}.attachment-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;padding:10px}.attachment-item a{color:#3b82f6;flex:1 1;font-size:13px;text-decoration:none;word-break:break-all}.attachment-item a:hover{text-decoration:underline}.btn-delete-attachment{background:#fee2e2;border:none;border-radius:4px;color:#991b1b;cursor:pointer;font-size:12px;font-weight:600;margin-left:8px;padding:6px 12px;transition:all .2s;white-space:nowrap}.btn-delete-attachment:hover{background:#fecaca}.action-form{background:#f0f4f8;border-radius:8px;margin-top:16px;padding:20px}.action-form h4{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 16px}.action-form textarea{border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.action-form textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-buttons{display:flex;gap:12px;margin-top:16px}.btn-cancel,.btn-submit{flex:1 1;padding:10px 20px;transition:all .2s}.btn-submit{background:#3b82f6}.btn-submit:hover:not(:disabled){background:#2563eb;box-shadow:0 2px 8px #3b82f64d;transform:translateY(-1px)}.btn-submit:disabled{background:#cbd5e1;color:#94a3b8}.btn-cancel{background:#e2e8f0;color:#475569}.btn-cancel:hover{background:#cbd5e1}.issue-type-badge{background:#e0e7ff;border-radius:16px;color:#4f46e5;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;bottom:0;padding:16px 28px;position:-webkit-sticky;position:sticky}.btn-close,.btn-resolve,.btn-start{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-start{background:#10b981;color:#fff}.btn-start:hover{background:#059669;box-shadow:0 2px 8px #10b9814d;transform:translateY(-1px)}.btn-resolve{background:#3b82f6}.btn-resolve:hover{background:#2563eb;box-shadow:0 2px 8px #3b82f64d;transform:translateY(-1px)}.btn-close{background:#e2e8f0;color:#475569}.btn-close:hover{background:#cbd5e1}@media (max-width:1024px){.technician-issues-page .page-container{padding:1.5rem}.summary-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.technician-issues-page{flex-direction:column}.technician-issues-page .page-container{flex:1 1;overflow-y:auto;padding:1rem;width:100%}.issues-page h2{font-size:22px}.filter-box{align-items:flex-start;flex-direction:column}.summary-row{grid-template-columns:1fr}.issues-table{font-size:12px}.issues-table td,.issues-table th{padding:10px 12px}.modal{width:95%}.modal-section{gap:16px;grid-template-columns:1fr}.modal-footer{flex-direction:column;gap:8px}.btn-close,.btn-resolve,.btn-start{width:100%}}@media (max-width:480px){.technician-issues-page .page-container{padding:.75rem}.issues-page h2{font-size:18px;gap:6px}.issues-table{font-size:11px}.issues-table td,.issues-table th{padding:8px}.btn-view{font-size:12px;padding:6px 12px}.modal{max-height:95vh;width:95%}.modal-header{padding:16px}.modal-header h3{font-size:18px}.modal-body{padding:16px}.modal-footer{padding:12px 16px}.modal-section{margin-bottom:16px}.modal-field label{font-size:11px}.modal-field div,.modal-field p{font-size:14px}}.generate-barcode-container{background-color:#f8fafc;display:flex;min-height:100vh;width:100%}.barcode-content{flex:1 1;overflow-y:auto;padding:2rem}.barcode-header{border-bottom:2px solid #e2e8f0;margin-bottom:2rem;padding-bottom:1rem}.barcode-header h1{align-items:center;color:#1f2937;display:flex;font-size:2rem;gap:.75rem;margin:0 0 .5rem}.barcode-header p{color:#6b7280;font-size:1rem;margin:0}.generated-list-btn{margin-top:1rem}.error-message{border-left:4px solid #dc2626;font-weight:500;margin-bottom:1.5rem;padding:1rem}.barcode-main{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.assets-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.section-header{margin-bottom:1.5rem}.section-header h2{color:#1f2937;font-size:1.3rem;margin:0 0 1rem}.search-box{align-items:center;display:flex}.search-icon{color:#9ca3af;font-size:1rem;left:12px}.search-box input{border:2px solid #e5e7eb;padding:.75rem .75rem .75rem 2.5rem;width:100%}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.assets-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.asset-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;padding:1.25rem;transition:all .3s ease}.asset-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.asset-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem;position:relative}.asset-icon{color:#3b82f6;font-size:2rem}.quantity-badge{background-color:#dbeafe;border-radius:6px;color:#1e40af;font-size:.85rem;font-weight:600;padding:.35rem .75rem}.asset-card-body{flex:1 1;margin-bottom:1rem}.asset-card-body h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.asset-card-body p{color:#6b7280;font-size:.9rem;margin:.35rem 0}.serial-number{color:#4b5563;font-family:Courier New,monospace;font-weight:500}.category{background-color:#f3f4f6;border-radius:4px;display:inline-block;font-size:.85rem;padding:.25rem .75rem}.department{color:#7c3aed;font-weight:500}.asset-card-footer{display:flex;gap:.5rem}.status-badge{font-size:.8rem;padding:.35rem .75rem}.status-badge.status-available{background-color:#10b981}.status-badge.status-in_use{background-color:#f59e0b}.status-badge.status-under_maintenance{background-color:#ef4444}.status-badge.status-disposed{background-color:#6b7280}.loading{color:#6b7280}.no-assets{background-color:#f9fafb;border-radius:8px}.barcode-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.barcode-modal{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.barcode-modal .modal-header{align-items:center;background:linear-gradient(135deg,#f0f9ff,#f0f4ff);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0}.barcode-modal .modal-header h2{color:#1f2937;font-size:1.5rem;margin:0}.modal-close{color:#6b7280;font-size:1.5rem}.modal-close:hover{background-color:#f0f0f0;border-radius:6px;color:#1f2937}.barcode-modal .modal-body{padding:1.5rem}.asset-info{background-color:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.asset-info h3{color:#1f2937;font-size:1.1rem;margin:0 0 .75rem}.asset-info p{color:#4b5563;font-size:.95rem;margin:.5rem 0}.unit-selection{margin-bottom:1.5rem}.unit-selection label{color:#374151;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.unit-select{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}.unit-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.barcode-display{background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:1.5rem;text-align:center}.barcode-display h3{color:#1f2937;margin:0 0 1rem}.barcode-info{background:#fff;border-radius:6px;margin-bottom:1.5rem;padding:1rem;text-align:left}.barcode-info p{color:#4b5563;margin:.5rem 0}.barcode-preview{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:center;margin-bottom:1.5rem;min-height:200px;padding:1.5rem}.barcode-preview canvas{max-height:300px;max-width:100%}.barcode-preview img,.barcode-preview svg{border:1px solid #e5e7eb;border-radius:8px;max-height:300px;max-width:100%}.barcode-error{background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-weight:500;padding:1rem;text-align:center}.btn{font-size:.95rem;padding:.75rem 1.5rem}.btn-primary{background-color:#3b82f6}.btn-primary:hover:not(:disabled){background-color:#2563eb;box-shadow:0 4px 12px #3b82f666}.btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.download-btn,.generate-btn{justify-content:center;width:100%}.generated-list-modal{max-width:900px}.generated-table-wrap{overflow-x:auto}.generated-table{border-collapse:collapse;width:100%}.generated-table td,.generated-table th{border-bottom:1px solid #e5e7eb;padding:.75rem;text-align:left;white-space:nowrap}.generated-table th{background-color:#f3f4f6;color:#374151;font-weight:600}.btn-download-small{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s ease,transform .2s ease}.btn-download-small:hover{background-color:#2563eb;transform:translateY(-2px)}.btn-download-small:active{transform:translateY(0)}@media (max-width:768px){.barcode-content{padding:1rem}.assets-grid{grid-template-columns:1fr}.barcode-modal{max-width:95%}}.barcode-details-page{background:#f3f6fb;min-height:100vh;padding:24px}.barcode-details-wrap{margin:0 auto;max-width:1200px}.barcode-details-wrap h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 24px}.details-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;padding:24px}.details-card h2{color:#1f2937;font-size:1.4rem;font-weight:600;margin:0 0 18px}.details-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.details-grid div{background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.95rem;line-height:1.6;padding:12px}.details-grid strong{color:#1f2937;display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.allocated-status{background:#dcfce7;color:#166534}.allocated-status,.unallocated-status{border-radius:6px;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 12px}.unallocated-status{background:#fee2e2;color:#991b1b}.spec-section{margin-top:20px}.spec-section h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 12px}.spec-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.spec-row{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;font-size:.9rem;justify-content:space-between;padding:12px 14px}.spec-row span{color:#6b7280;font-weight:500}.spec-row strong{color:#1f2937;font-weight:600}.history-table-wrap{overflow-x:auto}.history-table{border-collapse:collapse;font-size:.9rem;width:100%}.history-table td,.history-table th{border-bottom:1px solid #e5e7eb;padding:14px 12px;text-align:left;white-space:nowrap}.history-table th{background:#f3f4f6;color:#374151;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.history-table td{color:#374151}.history-table tbody tr:hover{background-color:#f9fafb}.state-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:60px auto;max-width:700px;padding:24px;text-align:center}.state-box.error{border-color:#fecaca;color:#991b1b}.muted{color:#6b7280}.compliance-page{background:#f0f1f3;display:flex;min-height:100vh;width:100%}.compliance-page .page-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;scrollbar-color:#64748b #1e293b;scrollbar-width:thin}.compliance-page .page-container::-webkit-scrollbar{width:8px}.compliance-page .page-container::-webkit-scrollbar-track{background:#1e293b}.compliance-page .page-container::-webkit-scrollbar-thumb{background:#64748b;border-radius:4px}.compliance-dashboard{margin:0 auto;max-width:1600px;padding:2rem;width:100%}.compliance-header{border-bottom:2px solid #94a3b84d;margin-bottom:2.5rem;padding-bottom:1.5rem}.compliance-header h2{color:#000;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.compliance-header p{color:#000;font-size:14px;margin:0}.compliance-subtab-bar{display:flex;gap:12px;margin-bottom:2rem;padding:0}.compliance-subtab{align-items:center;background:#fff;border:2px solid #94a3b84d;border-radius:10px;color:#000;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.compliance-subtab:hover{background:#ffffff14;border-color:#94a3b880;color:#fff}.compliance-subtab.active{background:linear-gradient(135deg,#dc2626,#991b1b);border-color:#0000;box-shadow:0 4px 12px #dc26264d;color:#fff}.compliance-stats-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.compliance-stat-card{align-items:center;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-left:5px solid;border-radius:14px;box-shadow:0 4px 16px #00000014;display:flex;gap:1.5rem;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.compliance-stat-card:hover{box-shadow:0 12px 28px #0000001f;transform:translateY(-4px)}.compliance-stat-card.critical{border-left-color:#dc2626}.compliance-stat-card.warning{border-left-color:#f59e0b}.compliance-stat-card.upcoming{border-left-color:#3b82f6}.compliance-stat-card.total{border-left-color:#8b5cf6}.compliance-stat-card .stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:32px;height:60px;justify-content:center;width:60px}.compliance-stat-card.critical .stat-icon{background:#dc26261a;color:#dc2626}.compliance-stat-card.warning .stat-icon{background:#f59e0b1a;color:#f59e0b}.compliance-stat-card.upcoming .stat-icon{background:#3b82f61a;color:#3b82f6}.compliance-stat-card.total .stat-icon{background:#8b5cf61a;color:#8b5cf6}.compliance-stat-card .stat-content{display:flex;flex-direction:column;gap:8px}.compliance-stat-card .stat-label{color:#64748b;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.compliance-stat-card .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,currentColor,currentColor);-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:800}.compliance-stat-card.critical .stat-value{color:#dc2626}.compliance-stat-card.warning .stat-value{color:#f59e0b}.compliance-stat-card.upcoming .stat-value{color:#3b82f6}.compliance-stat-card.total .stat-value{color:#8b5cf6}.compliance-stat-card .stat-sublabel{color:#94a3b8;font-size:11px;font-weight:500}.compliance-filter-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #94a3b826;border-radius:12px;display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.compliance-filter-group{align-items:center;display:flex;gap:12px}.compliance-filter-group label{color:#000;font-size:14px;font-weight:600;white-space:nowrap}.compliance-filter-group select{background-color:#1e293b80;border:2px solid #94a3b84d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;min-width:180px;padding:10px 16px;transition:all .2s ease}.compliance-filter-group select:hover{background-color:#1e293bb3;border-color:#3b82f6}.compliance-filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.compliance-container{background:#fffffff2;border-radius:14px;box-shadow:0 8px 24px #0000001f;padding:2rem}.table-wrapper{border:1px solid #e5e7eb;border-radius:8px}.compliance-table{background:#fff;border-collapse:collapse;width:100%}.compliance-table thead{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-bottom:2px solid #d1d5db}.compliance-table th{color:#374151;font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.compliance-table td{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;padding:14px 16px}.compliance-table tbody tr{transition:all .2s ease}.compliance-table tbody tr:hover{background-color:#f9fafb}.compliance-table tbody tr.critical-row{background-color:#fef2f2}.compliance-table tbody tr.warning-row{background-color:#fffbeb}.asset-name{color:#1f2937;font-weight:600}.asset-serial{color:#9ca3af;font-size:12px;margin-top:2px}.holder{display:flex;flex-direction:column;gap:2px}.holder-name{color:#1f2937;font-weight:600}.holder-email{color:#9ca3af;font-size:12px}.days{border-radius:6px;display:inline-block;font-size:13px;font-weight:600;padding:4px 8px}.days.critical{background-color:#dc26261a;color:#dc2626}.days.warning{background-color:#f59e0b1a;color:#f59e0b}.days.upcoming{background-color:#3b82f61a;color:#3b82f6}.badge{letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.badge.critical{background-color:#fee2e2;color:#7f1d1d}.badge.warning{background-color:#fef3c7;color:#92400e}.badge.upcoming{background-color:#dbeafe;color:#1e40af}.badge.completed{background-color:#d1fae5;color:#065f46}.badge.overdue{background-color:#fecaca;color:#7f1d1d}.stage-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .3s ease}.stage-badge.stage-pending{background-color:#fef3c7;border-left:3px solid #f59e0b;color:#92400e}.stage-badge.stage-accepted{background-color:#dbeafe;border-left:3px solid #3b82f6;color:#1e40af}.stage-badge.stage-in_progress{background:linear-gradient(135deg,#e0e7ff,#dbeafe);border-left:3px solid #6366f1;color:#3730a3}.stage-badge.stage-completed{background-color:#d1fae5;border-left:3px solid #10b981;color:#065f46}.btn-edit{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;display:inline-flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-edit:hover{background-color:#000;box-shadow:0 4px 12px #3b82f64d}.btn-edit:active{transform:translateY(0)}.btn-completed{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-completed:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-completed:active{transform:translateY(0)}.btn-revert{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-revert:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.btn-revert:active{transform:translateY(0)}.empty-state{color:#9ca3af;padding:4rem 2rem}.empty-icon{font-size:56px;margin-bottom:1rem;opacity:.5}.empty-title{color:#374151;font-size:20px;font-weight:600;margin-bottom:.5rem}.empty-message{color:#9ca3af;font-size:15px}.loading{color:#94a3b8;font-size:14px;gap:10px;padding:3rem}.spin{animation:spin 1s linear infinite}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a99}.modal-content{animation:slideUp .3s ease;border-radius:16px;box-shadow:0 25px 60px #00000040;max-width:480px}.modal-header{background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:16px 16px 0 0;color:#fff;z-index:10}.modal-header-left{gap:12px}.modal-header-left,.modal-icon{align-items:center;display:flex}.modal-icon{background:#fff3;border-radius:12px;font-size:24px;height:44px;justify-content:center;width:44px}.modal-header h3{font-size:18px;font-weight:700;margin:0 0 4px}.modal-subtitle{font-size:12px;opacity:.9}.close-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:background .2s;width:40px}.close-btn:hover{background:#ffffff59}.modal-body{padding:24px}.edit-form{display:flex;flex-direction:column;gap:1.5rem}.date-input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s ease}.date-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.info-box{align-items:center;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:6px;color:#1e40af;display:flex;font-size:13px;gap:8px;padding:1rem}.modal-footer{border-top:1px solid #e5e7eb;padding:16px 24px}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-cancel{background:#e5e7eb;color:#1f2937}.btn-cancel:hover{background:#d1d5db}.btn-save{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 4px 12px #dc262633;color:#fff}.btn-save:hover:not(:disabled){box-shadow:0 6px 16px #dc26264d;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.issue-detail-modal{max-width:800px}.modal-badges-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.modal-badge-group{display:flex;flex-direction:column;gap:6px}.modal-badge-label{color:#6b7280;letter-spacing:.5px}.modal-badge,.modal-badge-label{font-size:12px;font-weight:600;text-transform:uppercase}.modal-badge{border-radius:20px;display:inline-block;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.modal-badge-critical{background:#fee2e2;color:#7f1d1d}.modal-badge-warning{background:#fef3c7;color:#92400e}.modal-badge-upcoming{background:#dbeafe;color:#1e40af}.modal-badge-info{background:#e0e7ff;color:#3730a3}.modal-info-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;padding:16px}.modal-card-title{align-items:center;color:#1f2937;display:flex;font-size:14px;font-weight:700;justify-content:space-between;margin:0 0 12px}.checklist-pct{background:#e0e7ff;border-radius:12px;color:#3730a3;font-size:12px;font-weight:600;padding:2px 8px}.checklist-progress{background:#e5e7eb;border-radius:10px;height:6px;margin-bottom:12px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#3b82f6,#0ea5e9);height:100%;transition:width .3s ease}.checklist-interactive{display:flex;flex-direction:column;gap:8px}.checklist-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;padding:12px;transition:all .2s ease}.checklist-item:hover{background:#f3f4f6;border-color:#d1d5db}.checklist-item input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.checklist-item label{color:#374151;cursor:pointer;flex:1 1;font-size:14px;margin:0;-webkit-user-select:none;user-select:none}.checklist-item label.completed{color:#9ca3af;text-decoration:line-through}.modal-description{word-wrap:break-word;color:#4b5563;font-size:14px;line-height:1.6;margin:0}.modal-remarks-card{background:#eff6ff;border-color:#3b82f6}.modal-rejection-card{background:#fef2f2;border-color:#ef4444}.modal-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.modal-info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase}.info-value{color:#1f2937;font-size:14px;font-weight:500}.btn-accept,.btn-close,.btn-progress,.btn-reject,.btn-resolve,.btn-submit{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.btn-resolve{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98133;color:#fff}.btn-resolve:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-close{background:#e5e7eb;color:#374151}.btn-close:hover{background:#d1d5db}.btn-accept{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-accept:hover:not(:disabled){transform:translateY(-2px)}.btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-reject:hover:not(:disabled){transform:translateY(-2px)}.btn-progress{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-progress:hover:not(:disabled){transform:translateY(-2px)}.btn-submit{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.btn-submit:disabled{opacity:.5}.stage-indicator{background:linear-gradient(135deg,#f0f9ff,#f0fdf4);border:1px solid #d1fae5;border-radius:10px;justify-content:space-between;margin-bottom:24px;padding:20px}.stage-indicator,.stage-step{align-items:center;display:flex}.stage-step{flex:1 1;flex-direction:column;gap:8px}.stage-circle{align-items:center;background:#e5e7eb;border:2px solid #d1d5db;border-radius:50%;color:#9ca3af;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.stage-step.active .stage-circle{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#1e40af;box-shadow:0 4px 12px #3b82f64d;color:#fff}.stage-step.completed .stage-circle{background:linear-gradient(135deg,#10b981,#059669);border-color:#047857;color:#fff}.stage-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.3px;text-align:center;text-transform:uppercase}.stage-step.active .stage-label{color:#1f2937;font-weight:700}.stage-step.completed .stage-label{color:#047857;font-weight:700}.stage-connector{flex:1 1;height:2px;margin:0 10px;transition:all .3s ease}.stage-connector,.stage-step:nth-child(odd)~.stage-connector{background:#e5e7eb}@media (max-width:768px){.stage-indicator{padding:16px}.stage-circle{font-size:14px;height:36px;width:36px}.stage-label{font-size:10px}.stage-connector{flex:0.5 1}}@media (max-width:1024px){.compliance-dashboard{padding:1.5rem}.compliance-stats-container{gap:1.25rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.compliance-dashboard{padding:1rem}.compliance-stats-container{grid-template-columns:1fr}.compliance-header h2{font-size:24px}.compliance-filter-section{flex-direction:column}.compliance-table{font-size:12px}.compliance-table th{font-size:11px;padding:10px 12px}.compliance-table td{padding:10px 12px}.modal-content{max-height:95vh;max-width:95vw}.compliance-stat-card{gap:1rem}.compliance-stat-card .stat-value{font-size:32px}}@media (max-width:480px){.compliance-dashboard{padding:.75rem}.compliance-stats-container{gap:1rem}.compliance-stat-card{padding:1.25rem}.compliance-container{padding:1rem}.modal-body,.modal-footer,.modal-header{padding:16px}}.super-admin-login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-background{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.gradient-blob{border-radius:45% 55% 60% 40%/55% 45% 40% 60%;filter:blur(50px);opacity:.3;position:absolute}.blob1{animation:blob 7s infinite;background:#ffffff4d;left:-100px;top:-50px}.blob1,.blob2{height:300px;width:300px}.blob2{animation:blob 10s 2s infinite;background:#ffc10733;bottom:-50px;right:-100px}@keyframes blob{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-50px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(50px,50px) scale(1.05)}}.login-card-super{animation:slideUp .5s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;position:relative;width:100%;z-index:2}.back-button{align-items:center;color:#667eea;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:30px;text-decoration:none;transition:all .3s ease}.back-button:hover{color:#764ba2;gap:12px}.back-button svg{font-size:.9rem}.login-header{margin-bottom:30px;text-align:center}.admin-icon{font-size:3rem;margin-bottom:12px}.login-header h1{color:#333;font-size:1.8rem;font-weight:700;margin:0 0 8px}.login-header p{color:#666;font-size:.95rem;margin:0}.success-message{background-color:#d1fae5;border-left:4px solid #10b981;color:#065f46}.error-message,.success-message{border-radius:8px;font-size:.9rem;margin-bottom:20px;padding:12px 16px}.error-message{border-left:4px solid #ef4444;color:#991b1b}.login-form{margin-bottom:20px}.form-group label{align-items:center;color:#333;display:flex;font-size:.95rem;gap:8px}.form-group label svg{color:#667eea;font-size:.9rem}.form-group input{border:2px solid #e0e0e0;font-size:.95rem;padding:12px 16px;transition:all .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-footer{background:#f8f9ff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;text-align:center}.login-footer p{color:#666;font-size:.9rem;margin:4px 0}.login-footer p:first-child{color:#333;font-weight:600;margin-bottom:6px}.credentials{background:#fff;border-radius:4px;color:#333;font-family:Courier New,monospace;font-size:.85rem;margin:6px 0;padding:8px 12px}.credentials strong{color:#667eea;font-weight:700}.disclaimer{color:#e67e22!important;font-size:.8rem!important;margin-top:8px!important}@media (max-width:768px){.login-card-super{padding:30px 20px}.login-header h1{font-size:1.5rem}.admin-icon{font-size:2.5rem}.blob1,.blob2{height:200px;width:200px}}@media (max-width:480px){.super-admin-login-container{padding:10px}.login-card-super{border-radius:12px;padding:24px 16px}.login-header h1{font-size:1.3rem}.admin-icon{font-size:2rem}.back-button{font-size:.85rem;margin-bottom:20px}.form-group label{font-size:.9rem}.form-group input{font-size:.9rem;padding:10px 12px}.credentials{font-size:.75rem}}.super-admin-container{background:#eef2f6;display:flex;height:100vh}.super-admin-content{flex:1 1;margin-left:280px;overflow-y:auto;padding:30px}.dashboard-header{background:linear-gradient(135deg,#eef3f8,#e5ebf3);border:1px solid #d1d9e6;border-radius:12px;margin-bottom:30px;padding:18px 24px}.dashboard-header h1{color:#1f2937;font-size:28px;font-weight:700}.dashboard-header p{color:#4b5563;font-size:14px}.subscription-summary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.summary-pill{border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:10px 12px;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.summary-pill:hover{box-shadow:0 4px 10px #0f172a14;transform:translateY(-1px)}.summary-pill.active{background:#edf7f0;border:1px solid #b9ddc2;color:#245b33}.summary-pill.near-expire{background:#faf5e8;border:1px solid #e6d5a9;color:#7a5a1a}.summary-pill.expired{background:#f9eded;border:1px solid #e8c5c5;color:#7f2d2d}.metrics-grid,.superadmin-metrics-grid{margin-bottom:30px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.metric-card{align-items:flex-start;background:#fff;border-left:4px solid #94a3b8;border-radius:12px;box-shadow:0 2px 8px #0f172a14;display:flex;gap:16px;padding:20px;transition:all .3s ease}.metric-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.metric-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.metric-icon.companies{background:linear-gradient(135deg,#475569,#334155)}.metric-icon.plans{background:linear-gradient(135deg,#0f766e,#115e59)}.metric-icon.subscriptions{background:linear-gradient(135deg,#000f2f,#002079)}.metric-icon.revenue{background:linear-gradient(135deg,#15803d,#166534)}.metric-icon.renewals{background:linear-gradient(135deg,#b45309,#92400e)}.metric-content h3{color:#1a1f3a;font-size:24px;font-weight:700;margin:0}.metric-content p{color:#666;font-size:13px;margin:4px 0 0}.metric-trend{align-items:center;color:#43e97b;display:flex;font-size:12px;font-weight:600;gap:4px;margin-top:8px}.metric-trend.pending{color:#f5576c}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:30px}.dashboard-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.dashboard-card h2{align-items:center;color:#1a1f3a;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-header h2{margin-bottom:0}.view-link{color:#1d4ed8;font-size:13px;font-weight:600;text-decoration:none;transition:color .3s ease}.view-link:hover{color:#1e40af}.plans-performance{display:flex;flex-direction:column;gap:20px}.plan-stat{padding:12px 0}.plan-name{color:#1a1f3a;font-weight:600;margin-bottom:8px}.plan-bar{background:#f0f0f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.plan-fill{background:linear-gradient(90deg,#475569,#334155);height:100%;transition:width .3s ease}.plan-info{color:#666;display:flex;font-size:12px;justify-content:space-between}.plan-info .revenue{color:#166534;font-weight:700}.companies-list{display:flex;flex-direction:column;gap:16px}.company-item{align-items:center;border:1px solid #f0f0f0;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .3s ease}.company-item:hover{background:#f9f9f9;border-color:#ddd}.company-info h4{color:#1a1f3a;font-size:14px;font-weight:600;margin:0 0 6px}.plan-label{color:#666;font-size:12px;margin:4px 0}.plan-badge{background:#334155;border-radius:4px;font-weight:600;padding:2px 8px}.company-meta{color:#999;font-size:12px;margin:4px 0 0}.status-badge{letter-spacing:.5px}.status-badge.status-active{background:#d4edda;color:#155724}.status-badge.status-pending{background:#fff3cd;color:#856404}.quick-actions{grid-column:1/-1}.quick-actions h2{margin-bottom:20px}.actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.action-btn{border:none;border-radius:8px;color:#fff;display:flex;font-size:14px;gap:8px;padding:10px;transition:all .3s ease}.action-btn svg{font-size:20px}.action-btn.create-plan{background:linear-gradient(135deg,#1f2937,#111827)}.action-btn.view-companies{background:linear-gradient(135deg,#0f766e,#115e59)}.action-btn.view-subscriptions{background:linear-gradient(135deg,#2563eb,#1e40af)}.action-btn.analytics{background:linear-gradient(135deg,#15803d,#166534)}.action-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.loading{color:#666;font-size:16px;height:100%}@media (max-width:1200px){.super-admin-content{margin-left:0;padding:20px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.super-admin-container{flex-direction:column}.super-admin-content{margin-left:0}.metrics-grid{grid-template-columns:1fr}.dashboard-card{padding:16px}.action-btn{font-size:12px;padding:12px}}.page-header{flex-wrap:wrap;gap:20px;margin-bottom:30px}.page-header h1{color:#1a1f3a;font-size:28px}.page-header p{color:#666;font-size:14px}.btn-primary{align-items:center;background:linear-gradient(135deg,#0a2c5e,#1047a0);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-secondary:hover{border-color:#667eea}.plans-container{width:100%}.plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.plan-card{background:#fff;border:2px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;padding:24px;position:relative;transition:all .3s ease}.plan-card:hover{border-color:#667eea;box-shadow:0 8px 24px #0000001f;transform:translateY(-8px)}.plan-card.highlighted{background:linear-gradient(135deg,#ffc10705,#0000);border-color:#ffc107}.featured-badge{background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:20px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;position:absolute;right:16px;text-transform:uppercase;top:-12px}.plan-header{margin-bottom:20px}.plan-header h3{color:#1a1f3a;font-size:20px;font-weight:700;margin:0 0 8px}.plan-description{color:#666;font-size:13px;margin:0}.plan-pricing{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;padding:16px 0}.price{color:#667eea;font-size:32px;font-weight:700}.cycle{color:#999;font-size:14px}.plan-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.detail-item{font-size:14px;justify-content:space-between;padding:8px 0}.detail-item .label{font-weight:500}.detail-item .value{color:#1a1f3a;font-weight:700}.plan-features{margin-bottom:auto;padding:16px 0}.plan-features h4{color:#1a1f3a;font-size:13px;font-weight:700;margin:0 0 8px;text-transform:uppercase}.plan-features p{color:#666;font-size:13px;line-height:1.5;margin:0}.plan-actions{border-top:1px solid #f0f0f0;display:flex;gap:8px;margin-top:20px;padding-top:16px}.plan-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .3s ease}.btn-edit{background:#002641}.btn-edit:hover{background:#00172e}.btn-delete{background:#ffebee;color:#c62828}.btn-delete:hover{background:#c62828;color:#fff}.btn-view{background:#f3e5f5;color:#6a1b9a}.btn-view:hover{background:#6a1b9a}.modal-content{box-shadow:0 20px 60px #0000004d;max-width:500px}.modal-header{border-bottom:1px solid #f0f0f0}.modal-header h2{color:#1a1f3a;font-size:20px}.modal-close{color:#999;font-size:28px;height:32px;transition:color .3s ease;width:32px}.modal-close:hover{color:#1a1f3a}.plan-form{padding:24px}.form-group label{color:#1a1f3a}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group.checkbox,.form-group.checkbox label{align-items:center;display:flex}.form-group.checkbox label{cursor:pointer;gap:8px;margin:0}.form-group.checkbox input[type=checkbox]{cursor:pointer;margin:0;width:auto}.form-row{grid-gap:16px;gap:16px}.form-row .form-group{margin-bottom:0}.modal-footer{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:24px}.empty-state p{color:#999;margin-bottom:20px}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column}.btn-primary{justify-content:center;width:100%}.plans-grid{grid-template-columns:1fr}.modal-content{max-width:100%}.form-row{grid-template-columns:1fr}}.companies-management{padding:30px}.page-header{background:linear-gradient(135deg,#667eea,#764ba2)}.search-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-group svg{color:#667eea}.filter-group select:focus{border-color:#667eea}.companies-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.companies-table{border-collapse:collapse;font-size:.95rem;width:100%}.companies-table thead{border:2px solid #9e9e9e;color:#000;font-weight:600}.companies-table th{font-weight:600;padding:18px;text-align:left}.companies-table td{border-bottom:1px solid #f0f0f0;padding:16px 18px}.companies-table tbody tr{border-left:4px solid #0000;transition:all .3s ease}.companies-table tbody tr:hover{background-color:#f8f9ff}.companies-table tbody tr.status-active{border-left-color:#10b981}.companies-table tbody tr.status-warning{border-left-color:#f59e0b}.companies-table tbody tr.status-inactive{border-left-color:#ef4444}.company-cell{align-items:center;display:flex;gap:12px}.company-info{min-width:0}.company-name{color:#333;font-weight:bolder;margin:0}.company-email,.company-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-email{color:#666;font-size:.85rem;margin:4px 0 0}.plan-badge{background:linear-gradient(135deg,#667eea,#764ba2)}.users-info{align-items:center;color:#667eea;display:flex;font-weight:500;gap:6px}.status-badge.status-idle{background-color:#fef3c7;color:#92400e}.status-badge.status-inactive{background-color:#fee2e2;color:#991b1b}.expiry-cell{color:#333;font-size:.9rem;line-height:1.4}.expiry-cell.warning{color:#d97706;font-weight:500}.expiry-cell small{display:block;font-size:.8rem;margin-top:2px;opacity:.8}.btn-view-details{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-view-details:hover{box-shadow:0 6px 16px #667eea66}.modal-close{color:#710000}.details-section h3{border-bottom:2px solid #667eea}@media (max-width:1024px){.companies-table{font-size:.9rem}.companies-table td,.companies-table th{padding:12px}.details-grid{grid-template-columns:1fr}}@media (max-width:768px){.page-header{padding:20px}.page-header h1{font-size:1.5rem}.filters-section{flex-direction:column}.filter-group,.search-box input{width:100%}.companies-table{font-size:.85rem}.companies-table td,.companies-table th{padding:10px}.company-icon{font-size:1rem;height:35px;width:35px}.company-name{font-size:.9rem;font-weight:bolder!important}.company-email{font-size:.75rem}.btn-view-details{font-size:.8rem;padding:6px 10px}.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-body{padding:20px}.details-section h3{font-size:1rem}}@media (max-width:480px){.page-header{padding:15px}.page-header h1{font-size:1.25rem}.companies-table{font-size:.8rem}.companies-table td,.companies-table th{padding:8px}.company-cell{gap:8px}.company-icon{font-size:.9rem;height:32px;width:32px}.modal-header h2{font-size:1.25rem}.modal-close{font-size:1.5rem;height:35px;width:35px}.details-section h3{font-size:.95rem;margin-bottom:15px}.detail-item .label{font-size:.8rem}.detail-item .value{font-size:.9rem}}.subscriptions-management{padding:30px}.page-header{align-items:flex-start;border-radius:12px;box-shadow:0 10px 30px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:40px;padding:30px}.page-header h1{font-size:2rem;font-weight:700;margin:0 0 8px}.page-header p{font-size:.95rem;margin:0;opacity:.9}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-bottom:40px}.stat-card{align-items:center;box-shadow:0 4px 12px #00000014}.stat-card:hover{box-shadow:0 8px 20px #0000001f}.stat-icon{border-radius:12px;font-size:1.8rem;height:60px;width:60px}.stat-icon.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-icon.upcoming{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-icon.expired{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-icon.total{background:linear-gradient(135deg,#764ba2,#f093fb);color:#fff}.stat-info h3{color:#666;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.stat-info .stat-number{color:#333;font-size:1.8rem;font-weight:700;margin:0}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.search-box input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:.95rem;min-width:250px;padding:12px 16px;transition:all .3s ease}.search-box input:focus{border-color:#764ba2;box-shadow:0 0 0 3px #764ba21a;outline:none}.filter-group{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;display:flex;font-weight:500;gap:10px;padding:12px 16px}.filter-group svg{color:#764ba2}.filter-group select{background:#fff;border:1px solid #dccccc;border-radius:4px;color:#333;cursor:pointer;font-size:.95rem;padding:6px 10px}.filter-group select:focus{border-color:#764ba2;outline:none}.subscriptions-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.subscriptions-tab{background:#fff;border:2px solid #e6e6e6;border-radius:999px;color:#4b5563;cursor:pointer;font-size:.9rem;font-weight:700;padding:9px 14px;transition:all .2s ease}.subscriptions-tab:hover{border-color:#764ba2;color:#764ba2}.subscriptions-tab.active{border-color:#100058;color:#000}.subscriptions-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.empty-state{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:60px 30px}.empty-state svg{color:#ddd;font-size:3rem;margin-bottom:15px}.empty-state p{font-size:1.1rem;margin:0}.table-wrapper{overflow-x:auto}.subscriptions-table{border-collapse:collapse;font-size:.95rem;width:100%}.subscriptions-table thead{background-color:linear-gradient(135deg,#13004c,#93c4fb);color:#000;font-weight:600}.subscriptions-table th{font-weight:600;padding:18px;text-align:left}.subscriptions-table td{border-bottom:1px solid #f0f0f0;padding:16px 18px}.subscriptions-table tbody tr{border-left:4px solid #0000;transition:all .3s ease}.subscriptions-table tbody tr:hover{background-color:#f8f7ff}.subscriptions-table tbody tr.status-active{border-left-color:#10b981}.subscriptions-table tbody tr.status-pending{background-color:#fff!important;border-left-color:#f59e0b}.subscriptions-table tbody tr.status-expired{border-left-color:#ef4444}.subscriptions-table tbody tr.upcoming{background-color:#fff}.company-cell{color:#333;font-weight:600}.subscriptions-table td:nth-child(2),.subscriptions-table td:nth-child(3){white-space:nowrap}.subscription-id{color:#764ba2;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.plan-badge{background:linear-gradient(135deg,#1f007c,#99a1fd);border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:500;padding:6px 12px}.renewal-info{color:#333;font-size:.9rem;line-height:1.4}.renewal-info.warning{color:#d97706;font-weight:500}.renewal-info.danger{color:#dc2626;font-weight:600}.renewal-info small{display:block;font-size:.8rem;margin-top:2px;opacity:.8}.status-badge{display:inline-block;font-size:.85rem}.status-badge.status-active{background-color:#d1fae5;color:#065f46}.status-badge.status-pending{background-color:#fef3c7;color:#92400e}.status-badge.status-expired{background-color:#fee2e2;color:#991b1b}.auto-renew-badge{border-radius:6px;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 12px}.auto-renew-badge.enabled{background-color:#d1fae5;color:#065f46}.auto-renew-badge.disabled{background-color:#fee2e2;color:#991b1b}.btn-view-details{align-items:center;background:linear-gradient(135deg,#0a003c,#9db4ff);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.subscription-action-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn-view-details.invoice{background:linear-gradient(135deg,#fff,#cacaca);border:1px solid #000;color:#000}.btn-view-details.download{background:linear-gradient(135deg,#059669,#047857)}.btn-view-details:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.btn-view-details:hover{box-shadow:0 6px 16px #764ba266;transform:translateY(-2px)}.btn-view-details:active{transform:translateY(0)}.invoice-modal-overlay{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:1200}.invoice-modal-shell{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 24px 64px #02061759;display:flex;flex-direction:column;height:min(92vh,980px);overflow:hidden;width:min(96vw,1320px)}.invoice-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:14px 18px}.invoice-modal-header h2{color:#0f172a;font-size:1.03rem;font-weight:700;margin:0}.invoice-modal-close{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;font-size:1.3rem;height:34px;justify-content:center;line-height:1;transition:background .2s ease,border-color .2s ease,color .2s ease;width:34px}.invoice-modal-close:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.invoice-modal-frame{background:#f8fafc;border:none;flex:1 1;width:100%}.invoice-modal-actions{background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:12px 16px}.invoice-modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:700;gap:7px;padding:9px 14px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.invoice-modal-btn.primary{background:#0f766e;color:#fff}.invoice-modal-btn.primary:hover{background:#115e59;box-shadow:0 8px 20px #0f766e47;transform:translateY(-1px)}.invoice-modal-btn.secondary{background:#e2e8f0;color:#1e293b}.invoice-modal-btn.secondary:hover{background:#cbd5e1}.modal-overlay{padding:20px}.modal-content{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.details-modal{max-width:700px}.modal-header{border-radius:12px 12px 0 0;color:#000}.modal-header h2{font-size:1.5rem}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#500000;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.modal-close:hover{background:#fff3}.modal-body{padding:30px}.details-section{margin-bottom:30px}.details-section h3{border-bottom:2px solid #764ba2;color:#333;font-size:1.15rem;font-weight:600;margin:0 0 20px;padding-bottom:10px}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item .label{color:#666;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item .value{color:#333;font-size:.95rem}.detail-item .value.plan-badge{display:inline-block;width:-webkit-fit-content;width:fit-content}.detail-item .value.warning{color:#d97706;font-weight:500}.detail-item .value.danger{color:#dc2626;font-weight:600}.alert-box{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:12px;margin-top:20px;padding:16px}.alert-box.warning{background-color:#fef3c7;border-left:4px solid #f59e0b;color:#92400e}.alert-box.danger{background-color:#fee2e2;border-left:4px solid #ef4444;color:#991b1b}.alert-box svg{flex-shrink:0;font-size:1.2rem}.modal-actions{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px}.btn-cancel,.btn-renew{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.btn-renew{background:linear-gradient(135deg,#190032,#2c009a);color:#fff}.btn-renew:hover{box-shadow:0 6px 16px #764ba266;transform:translateY(-2px)}.btn-cancel{background:#e0e0e0;color:#333}.btn-cancel:hover{background:#d0d0d0}@media (max-width:1024px){.stats-cards{grid-template-columns:repeat(2,1fr)}.subscriptions-table{font-size:.9rem}.subscriptions-table td,.subscriptions-table th{padding:12px}.details-grid{grid-template-columns:1fr}}@media (max-width:768px){.page-header{padding:20px}.page-header h1{font-size:1.5rem}.stats-cards{grid-template-columns:1fr}.stat-card{gap:12px;padding:16px}.stat-icon{font-size:1.5rem;height:50px;width:50px}.filters-section,.subscriptions-tabs{flex-direction:column}.subscriptions-tabs{align-items:stretch}.subscriptions-tab{border-radius:10px;text-align:center;width:100%}.filter-group,.search-box input{width:100%}.subscriptions-table{font-size:.85rem}.modal-overlay,.subscriptions-table td,.subscriptions-table th{padding:10px}.invoice-modal-shell{height:92vh;width:98vw}.invoice-modal-frame{min-height:58vh}.modal-content{max-height:95vh}.modal-body{padding:20px}.details-section h3{font-size:1rem}.invoice-modal-actions,.modal-actions{flex-direction:column}}@media (max-width:480px){.page-header{padding:15px}.page-header h1{font-size:1.25rem}.stat-card{flex-direction:column;text-align:center}.stat-icon{font-size:1.2rem;height:40px;width:40px}.subscriptions-table{font-size:.8rem}.subscriptions-table td,.subscriptions-table th{padding:8px}.btn-view-details{font-size:.8rem;padding:6px 10px}.modal-header h2{font-size:1.25rem}.modal-close{font-size:1.5rem;height:35px;width:35px}.details-section h3{font-size:.95rem;margin-bottom:15px}.detail-item .label{font-size:.8rem}.detail-item .value{font-size:.9rem}.btn-cancel,.btn-renew{font-size:.9rem;padding:10px 16px}}.trial-users-header{margin-bottom:16px}.trial-users-header h1{color:#1a1f3a;margin:0 0 6px}.trial-users-header p{color:#64748b;margin:0}.trial-users-toolbar{display:flex;gap:10px;margin-bottom:12px}.trial-users-toolbar input{border:1px solid #cbd5e1;border-radius:8px;flex:1 1;padding:10px 12px}.trial-users-toolbar button{background:#0f766e;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 14px}.trial-users-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;margin-bottom:10px;padding:10px 12px}.trial-users-loading{color:#64748b;padding:40px;text-align:center}.trial-users-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.trial-users-table{border-collapse:collapse;width:100%}.trial-users-table td,.trial-users-table th{border-bottom:1px solid #f1f5f9;font-size:14px;padding:10px 12px;text-align:left;white-space:nowrap}.trial-users-table th{background:#f8fafc;color:#334155;font-weight:700}.trial-users-empty{color:#94a3b8;padding:24px 12px!important;text-align:center!important}.badge{border-radius:999px;font-size:12px;font-weight:700;padding:3px 10px}.badge.ok{background:#dcfce7;color:#166534}.badge.pending{background:#fef3c7;color:#92400e}.razorpay-checkout-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.checkout-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;width:100%}.checkout-card h2{color:#1f2937;font-size:28px;margin-bottom:8px;text-align:center}.checkout-card>p{color:#6b7280;font-size:14px;margin-bottom:30px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:40px auto;width:40px}.message{border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px 16px}.message.error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.message.success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.plan-summary{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:30px;padding:20px}.plan-summary h3{color:#1f2937;font-size:16px;margin-bottom:16px;margin-top:0}.summary-item{border-bottom:1px solid #e5e7eb;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.summary-item:last-child{border-bottom:none}.summary-item .label{color:#6b7280;font-weight:500}.summary-item .value{color:#1f2937;font-weight:600}.summary-item .price{color:#059669;font-size:16px}.form-group{margin-bottom:24px}.form-group input{box-sizing:border-box;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background-color:#f3f4f6;opacity:.6}.form-group small{color:#9ca3af;display:block;font-size:12px;margin-top:6px}.actions{display:flex;gap:12px;margin-bottom:24px}.pay-button{flex:1 1}.primary-btn,.secondary-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s}.primary-btn{background-color:#3b82f6;color:#fff;flex:1 1}.primary-btn:hover:not(:disabled){background-color:#2563eb;box-shadow:0 8px 16px #3b82f666;transform:translateY(-2px)}.primary-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.secondary-btn{background-color:#f3f4f6;border:2px solid #e5e7eb;color:#1f2937;flex:1 1}.secondary-btn:hover:not(:disabled){background-color:#e5e7eb;border-color:#d1d5db}.secondary-btn:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin .8s linear infinite;border:2px solid #fff;border-top-color:#0000;display:inline-block;height:14px;width:14px}.security-notice{background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;font-size:13px;margin-bottom:20px;padding:12px;text-align:center}.security-notice p{margin:0}.payment-methods{border-top:1px solid #e5e7eb;padding-top:20px;text-align:center}.payment-methods p{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.methods-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.method{background-color:#f3f4f6;border-radius:6px;color:#1f2937;font-size:12px;padding:8px 12px}.success-card{text-align:center}.success-icon{align-items:center;background-color:#d1fae5;border-radius:50%;color:#059669;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.payment-details{background-color:#f9fafb;border-radius:8px;margin:24px 0;padding:20px}.detail-row{border-bottom:1px solid #e5e7eb;display:flex;font-size:14px;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#6b7280;font-weight:500}.detail-row .value{color:#1f2937;font-weight:600;word-break:break-all}.redirect-message{color:#6b7280;font-size:13px;margin-top:16px}.error-card{text-align:center}.error-icon{align-items:center;background-color:#fee2e2;border-radius:50%;color:#991b1b;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.error-message{background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#7f1d1d;font-size:14px;margin-bottom:16px;padding:12px}.support-message{color:#6b7280;font-size:13px;margin-bottom:24px}.info{background-color:#dbeafe;border-radius:6px;color:#1e40af;font-size:14px;padding:12px;text-align:center}@media (max-width:600px){.checkout-card{padding:30px 20px}.checkout-card h2{font-size:24px}.actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.methods-list{flex-direction:column}.method{width:100%}}.admin-faq-chatbot{bottom:20px;position:fixed;right:20px;z-index:1200}.chatbot-fab{align-items:center;background:linear-gradient(135deg,#0f4c81,#0a3559);border:none;border-radius:50%;box-shadow:0 10px 22px #0f4c8159;color:#fff;cursor:pointer;display:inline-flex;font-size:22px;height:56px;justify-content:center;width:56px}.chatbot-panel{background:#fff;border:1px solid #d9e4f0;border-radius:14px;box-shadow:0 16px 32px #0f172a38;display:flex;flex-direction:column;max-height:min(85vh,750px);overflow:hidden;width:min(550px,calc(100vw - 24px))}.chatbot-header{align-items:center;background:linear-gradient(135deg,#0f4c81,#0a3559);color:#fff;display:flex;justify-content:space-between;padding:12px 14px}.chatbot-header h4{font-size:15px;margin:0}.chatbot-header p{font-size:12px;margin:3px 0 0;opacity:.9}.chatbot-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:18px}.chatbot-body{background:#f8fbff;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:12px}.chat-msg{border-radius:10px;font-size:13px;line-height:1.35;max-width:88%;padding:10px 12px;white-space:pre-wrap}.chat-msg.user{background:#0f4c81;border-bottom-right-radius:4px;color:#fff;margin-left:auto}.chat-msg.bot{background:#fff;border:1px solid #dce7f4;border-bottom-left-radius:4px;color:#17324d;margin-right:auto}.quick-question-wrap{background:linear-gradient(180deg,#fff 0,#f8fafc);border-top:1px solid #e7edf5;flex:1 1;overflow-y:auto;padding:12px 10px}.category-title{color:#2d3748;display:block;font-size:13px;font-weight:700;margin:0 0 10px}.category-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.category-tab{background:#fff;border:2px solid #cbd5e0;border-radius:20px;color:#4a5568;cursor:pointer;font-size:11px;font-weight:600;max-width:140px;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.category-tab:hover{background:#eff6ff;border-color:#0f4c81;color:#0f4c81;transform:translateY(-1px)}.category-tab.active{background:linear-gradient(135deg,#0f4c81,#0a3559);border-color:#0f4c81;box-shadow:0 4px 12px #0f4c8140;color:#fff}.questions-select{background:#f3f8fe;border:2px solid #cbd5e0;border-radius:8px;color:#1b3f63;font-size:12px;outline:none;padding:8px 10px;transition:all .2s ease;width:100%}.questions-select:hover{border-color:#0f4c81}.questions-select:focus{border-color:#0f4c81;box-shadow:0 0 0 3px #0f4c811a}.quick-question-dropdown-row{display:flex;flex-direction:column;gap:8px;width:100%}.quick-question-dropdown-row select{background:#f3f8fe;border:1px solid #c9d9ea;border-radius:8px;color:#1b3f63;font-size:12px;outline:none;padding:8px 10px;width:100%}.chatbot-input{background:#fff;border-top:1px solid #e7edf5;display:flex;gap:8px;padding:12px}.chatbot-input input{border:2px solid #cbd5e0;border-radius:8px;flex:1 1;font-size:13px;outline:none;padding:10px 12px;transition:border-color .2s ease}.chatbot-input input:focus{border-color:#0f4c81}.chatbot-input button{background:linear-gradient(135deg,#0f4c81,#0a3559);border:none;border-radius:8px;color:#fff;cursor:pointer;width:42px}@media (max-width:768px){.admin-faq-chatbot{bottom:12px;right:12px}.chatbot-panel{max-height:72vh;width:calc(100vw - 16px)}}:root{--primary-blue:#0052cc;--secondary-blue:#1e7ce8;--dark-slate:#0f172a;--light-bg:#f9fafb;--text-gray:#6b7280;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 10px 25px #0034cc1f;--shadow-lg:0 20px 50px #0034cc2e}.features-page{background:#fff;background:var(--white);color:#1f2937;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}.features-hero{align-items:center;background:linear-gradient(135deg,#0f2947,#1a3a5c 50%,#0052cc);background-attachment:fixed;color:#fff;display:flex;height:70vh;justify-content:center;padding:100px 20px 80px;text-align:center}.features-hero:before{background:radial-gradient(circle at 30% 50%,#fbbf2414 0,#0000 50%),radial-gradient(circle at 70% 80%,#ffffff0f 0,#0000 50%);height:150%;left:-50%;top:0;width:150%}.features-hero:after{background:linear-gradient(180deg,#fff0,#fff);bottom:-2px;height:100px;left:0;pointer-events:none;right:0}.hero-content{margin:0 auto;max-width:1200px;position:relative;z-index:2}.hero-grid{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.hero-left{text-align:left}.accent-badge{background:linear-gradient(120deg,#fbbf24,#f59e0b);background:linear-gradient(120deg,var(--accent-yellow),var(--accent-hover));box-shadow:0 4px 15px #fbbf244d;color:#78350f;letter-spacing:.8px;margin-bottom:24px;padding:8px 18px}.hero-title{font-size:56px;font-weight:600;letter-spacing:-1.5px;line-height:1.1;margin-bottom:24px;text-shadow:0 2px 20px #0000004d}.hero-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#fbbf24,#f59e0b);background:linear-gradient(120deg,var(--accent-yellow),#f59e0b);-webkit-background-clip:text;background-clip:text}.hero-description{font-size:18px;font-weight:300;line-height:1.8;margin-bottom:40px;max-width:600px;opacity:.95}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px}.simple-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:10px;overflow:hidden;padding:16px 36px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(120deg,#fbbf24,#f59e0b);background:linear-gradient(120deg,var(--accent-yellow),var(--accent-hover));box-shadow:0 8px 20px #fbbf244d;color:#78350f}.btn-primary:hover{box-shadow:0 16px 40px #fbbf2466;transform:translateY(-4px)}.btn-ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;color:#fff}.btn-ghost:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-4px)}.hero-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:2px solid #ffffff26;border-radius:20px;padding:28px 24px}.stat-card:hover{border-color:#fbbf244d;box-shadow:0 15px 40px #fbbf2433;transform:translateY(-8px)}.stat-number{color:#fbbf24;color:var(--accent-yellow);letter-spacing:-.5px;margin-bottom:8px}.stat-label{color:#ffffffb3;font-size:13px}.features-section{background:linear-gradient(135deg,#fff,#f2f2f8 50%,#eff2f6);border-bottom:3px solid #0034cc1a;border-top:3px solid #0034cc1a;padding:100px 20px;position:relative}.section-container{margin:0 auto;max-width:1200px}.section-header{display:inline!important;margin:2px;text-align:center;text-align:center!important}.section-header h2{font-size:40px!important;font-weight:600!important;margin:12px}.section-title{color:#1f2937;font-size:45px;margin-bottom:16px;margin-top:16px}.section-subtitle{color:#6b7280;color:var(--text-gray);font-size:18px;line-height:1.8;margin:0 auto;max-width:700px}.features-grid{grid-gap:32px;gap:32px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.feature-card{background:linear-gradient(135deg,#fff,#f0f8ff66);border:2px solid #0034cc14;border-radius:20px;box-shadow:0 10px 35px #0034cc1f,inset 0 1px 0 #fffc;padding:48px 40px;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:before{background:linear-gradient(90deg,#0052cc,#fbbf24);background:linear-gradient(90deg,var(--primary-blue),var(--accent-yellow));content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.feature-card:after{background:radial-gradient(circle,#0034cc14 0,#0000 70%);border-radius:50%;height:200px;right:-100px;top:-100px;transition:all .4s ease;width:200px}.feature-card:hover{background:linear-gradient(135deg,#fff,#fffac833);border-color:#fbbf244d;box-shadow:0 20px 50px #0034cc2e,inset 0 1px 0 #ffffffe6;transform:translateY(-16px)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover:after{transform:translate(50px,50px)}.feature-card.highlight:hover{box-shadow:0 30px 80px #0034cc40;transform:translateY(-20px)}.feature-icon{background:linear-gradient(135deg,#0034cc1a,#fbbf241a);border-radius:16px;color:#0052cc;color:var(--primary-blue);font-size:40px;height:70px;margin-bottom:24px;transition:all .3s ease;width:70px}.feature-card:hover .feature-icon{background:linear-gradient(135deg,#0034cc33,#fbbf2433);transform:rotate(10deg) scale(1.1)}.feature-title{color:#1f2937;color:var(--text-dark);font-size:20px;font-weight:700;letter-spacing:-.3px;margin-bottom:12px}.feature-desc{color:#6b7280;color:var(--text-gray);font-size:15px;line-height:1.8;margin-bottom:24px}.feature-link{align-items:center;color:#0052cc;color:var(--primary-blue);cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;transition:all .3s ease}.feature-link:hover{color:#1e7ce8;color:var(--secondary-blue);gap:12px}.stats-section{background:linear-gradient(135deg,#c7ddf7,#6b9bd6);color:#1f2937;color:var(--text-dark);overflow:hidden;padding:80px 20px;position:relative}.stats-section:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#0034cc1f 0,#0000 70%);border-radius:50%;content:"";height:800px;position:absolute;right:-15%;top:-50%;width:800px}.stats-wrapper{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1300px;position:relative;z-index:2}.stats-content{padding:20px}.stats-header-block{margin-bottom:50px;text-align:left}.stats-main-title{color:#1f2937;color:var(--text-dark);font-size:48px;font-weight:600;letter-spacing:-.8px;margin:0 0 16px}.stats-description{color:#000000b3;font-size:16px;font-weight:400;margin:0}.stats-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.stats-card-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:2px solid #0034cc26;border-radius:16px;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.stats-card-box:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.stats-card-box:first-child:before{background:linear-gradient(90deg,#0000,#3b82f6,#0000)}.stats-card-box:nth-child(2):before{background:linear-gradient(90deg,#0000,#f59e0b,#0000)}.stats-card-box:nth-child(3):before{background:linear-gradient(90deg,#0000,#22c55e,#0000)}.stats-card-box:nth-child(4):before{background:linear-gradient(90deg,#0000,#a855f7,#0000)}.stats-card-box:hover{background:#fffffff2;border-color:#fbbf2466;box-shadow:0 20px 50px #0034cc2e;transform:translateY(-8px)}.stats-card-icon{align-items:center;color:#0052cc;color:var(--primary-blue);display:inline-flex;font-size:28px;justify-content:center;margin-bottom:14px;transition:all .3s ease}.stats-card-box:hover .stats-card-icon{color:#fbbf24;color:var(--accent-yellow);transform:scale(1.15) rotate(-5deg)}.stats-card-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#1e40af);-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:800;letter-spacing:-1px;margin-bottom:8px}.stats-card-label{color:#6b7280;color:var(--text-gray);font-size:13px;font-weight:700;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.stats-image-wrapper{padding:20px}.stats-image-container,.stats-image-wrapper{align-items:center;display:flex;justify-content:center}.stats-image-container{border-radius:16px;height:100%;min-height:500px;overflow:hidden;transition:all .4s ease;width:100%}.stats-image-element{height:100%;min-height:400px;min-width:400px;object-fit:cover;padding:30px;transition:transform .4s ease;width:100%}.stats-image-container:hover{box-shadow:0 30px 80px #0034cc59;transform:translateY(-5px)}.stats-image-container:hover .stats-image-element{transform:scale(1.05)}@media (max-width:1024px){.stats-wrapper{gap:40px;grid-template-columns:1fr}.stats-main-title{font-size:36px}.stats-cards-container{gap:18px;grid-template-columns:repeat(2,1fr)}.stats-card-box{padding:28px 20px}.stats-image-container{min-height:380px}}@media (max-width:768px){.stats-section{padding:60px 16px}.stats-wrapper{gap:30px}.stats-content{padding:0}.stats-header-block{margin-bottom:35px}.stats-main-title{font-size:28px}.stats-description{font-size:14px}.stats-cards-container{gap:14px;grid-template-columns:1fr}.stats-card-box{padding:24px 18px}.stats-card-value{font-size:32px}.stats-image-wrapper{padding:0}.stats-image-container{min-height:300px}}@media (max-width:480px){.stats-section{padding:50px 12px}.stats-main-title{font-size:24px}.stats-cards-container{grid-template-columns:1fr}.stats-card-box{padding:20px 16px}.stats-card-value{font-size:28px}.stats-card-label{font-size:12px}.stats-image-container{border-radius:12px;min-height:250px}.stats-image-element{padding:20px}}.comparison-section{background:linear-gradient(135deg,#f3f4f6,#e8f0fe 50%,#f0f9ff);border-top:3px solid #0034cc14;padding:100px 20px}.comparison-container{margin:0 auto;max-width:1400px}.comparison-zigzag{grid-gap:60px;align-items:center;animation:fadeInUp .8s ease-out forwards;animation-delay:.3s;display:grid;gap:60px;grid-template-columns:1fr 1fr;opacity:0}.comparison-content{flex:1 1}.comparison-image-wrapper{border-radius:16px;min-width:500px;overflow:hidden;position:relative}.comparison-image-wrapper:hover .comparison-image-inner{border-color:#1e3a8a73;box-shadow:0 30px 80px #1e3a8a59;transform:translateY(-5px)}.comparison-image{height:90%;margin-left:90px;transition:transform .4s ease;width:100%}.comparison-image-wrapper:hover .comparison-image{transform:scale(1.05)}.comparison-header{margin-bottom:60px;text-align:center}.comparison-title{color:#1f2937;color:var(--text-dark);font-size:45px;font-weight:600;letter-spacing:-1px;margin-bottom:16px;margin-top:16px;text-align:center}.comparison-box{background:linear-gradient(135deg,#fff,#f0f8ff4d);border:2px solid #0034cc14;border-radius:24px;box-shadow:0 15px 50px #0034cc1f,inset 0 1px 0 #fffc;padding:50px 40px;transition:all .3s ease}.comparison-box:hover{background:linear-gradient(135deg,#fff,#fffac826);border-color:#fbbf2433;box-shadow:0 20px 60px #0034cc26,inset 0 1px 0 #ffffffe6}.comparison-row{grid-gap:24px;align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-gray);display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr;padding:24px 0}.comparison-row:last-of-type{border-bottom:none}.comparison-feature{color:#1f2937;color:var(--text-dark);font-weight:700}.comparison-us{align-items:center;background:#10b98114;border-radius:8px;color:#059669;display:flex;font-weight:700;gap:8px;justify-content:center;padding:12px 16px;text-align:center}.comparison-other{color:#6b7280;color:var(--text-gray);text-align:center}.comparison-labels{grid-gap:24px;color:#6b7280;color:var(--text-gray);display:grid;font-size:13px;font-weight:700;gap:24px;grid-template-columns:1fr 1fr 1fr;letter-spacing:.5px;text-transform:uppercase}.label-us{color:#0052cc;color:var(--primary-blue)}.label-other,.label-us{text-align:center}.testimonial-section{background:linear-gradient(135deg,#c7ddf7,#6b9bd6);border-bottom:3px solid #0034cc1a;border-top:3px solid #0034cc1a;padding:100px 20px;position:relative}.testimonial-section:before{background:radial-gradient(circle,#0034cc14 0,#0000 70%);border-radius:50%;content:"";height:500px;position:absolute;right:-200px;top:-200px;width:500px}.testimonial-container{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.stars{display:flex;gap:8px;justify-content:center;margin-bottom:32px}.star-icon{animation:twinkle 2s ease-in-out infinite;color:#fbbf24;color:var(--accent-yellow)}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.6}}.testimonial-quote{color:#1f2937;color:var(--text-dark);font-size:28px;font-weight:600;letter-spacing:-.5px;line-height:1.8;margin-bottom:32px;text-align:center}.testimonial-author{margin-top:40px}.author-name{margin-bottom:4px}.author-title{color:#6b7280;color:var(--text-gray);font-size:14px}.pricing-cta{background:linear-gradient(135deg,#001929,#0f172af2);border-radius:0;overflow:visible;padding:80px 20px;position:relative}.pricing-cta:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:600px;right:-10%;top:-50%;width:600px}.pricing-cta:after,.pricing-cta:before{border-radius:50%;content:"";position:absolute}.pricing-cta:after{background:radial-gradient(circle,#fbbf2414 0,#0000 70%);bottom:-300px;height:500px;left:-200px;width:500px}.pricing-cta-content{align-items:center;display:flex;gap:80px;margin:0 auto;max-width:1400px;position:relative;z-index:2}.pricing-cta-left{flex:1 1;min-width:300px;text-align:left}.pricing-cta-left h2{color:#fff;font-size:48px;font-weight:600;letter-spacing:-1px;line-height:1.2;margin-bottom:24px}.pricing-cta-left p{color:#fffffff2;font-size:18px;line-height:1.8;margin-bottom:40px}.pricing-cta-left button{background:linear-gradient(120deg,#ffd60a,#ffc300);border:none;border-radius:12px;box-shadow:0 10px 30px #fbbf2466;color:#78350f;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;overflow:hidden;padding:16px 48px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.pricing-cta-left button:before{background:#fff3;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.pricing-cta-left button:hover{box-shadow:0 18px 48px #fbbf2480;transform:translateY(-4px)}.pricing-cta-left button:hover:before{left:100%}.pricing-cta-left button:active{transform:translateY(-2px)}.pricing-cta-right{align-items:center;display:flex;flex:1 1;height:480px;justify-content:flex-end;position:relative}.cta-mockup-container{align-items:center;bottom:0;display:flex;justify-content:flex-start;left:-50px;position:absolute;right:0;top:0}.cta-mockup-mobile{border-radius:30px;box-shadow:0 20px 60px #00000080;height:450px;left:0;overflow:hidden;position:absolute;width:280px;z-index:3}.cta-mockup-mobile img{display:block;height:100%;object-fit:cover;width:100%}.cta-mockup-laptop{border-radius:12px;box-shadow:0 30px 80px #0009;height:320px;overflow:hidden;position:absolute;right:40px;width:480px;z-index:2}.cta-mockup-laptop img{display:block;height:100%;object-fit:cover;width:100%}@media (max-width:1024px){.hero-grid{gap:40px;grid-template-columns:1fr}.hero-left{text-align:center}.zigzag-row{gap:40px;grid-template-columns:1fr;margin-bottom:60px}.zigzag-row-2{direction:ltr}.zigzag-image{min-height:380px}.zigzag-image-left,.zigzag-image-right{margin:0}.comparison-zigzag{gap:40px;grid-template-columns:1fr}.comparison-image-wrapper{min-height:350px;min-width:100%}.pricing-cta-content{flex-direction:column;gap:50px}.pricing-cta-right{height:380px}.cta-mockup-container{left:auto;left:0!important;position:relative}.cta-mockup-mobile{height:300px;margin:0 auto 20px;position:static;width:200px}.cta-mockup-laptop{height:220px;margin:0 auto;position:static;width:320px}.hero-title{font-size:44px}.comparison-title,.cta-title,.section-title,.stats-title{font-size:36px}}@media (max-width:1100px){.stats-container{align-items:stretch;flex-direction:column}.stats-image{height:320px;margin-top:26px;max-width:100%;width:100%}}@media (max-width:768px){.features-hero{padding:60px 20px 40px}.hero-title{font-size:36px}.hero-description{font-size:16px}.hero-stats{grid-template-columns:1fr;margin-top:40px}.features-section{padding:60px 20px}.section-title{font-size:28px}.features-grid{gap:24px;grid-template-columns:repeat(2,1fr)}.feature-card{padding:32px 24px}.comparison-row{grid-template-columns:1fr;text-align:center}.comparison-section{padding:60px 20px}.comparison-box{padding:32px 24px}.comparison-image-wrapper{min-height:300px;min-width:100%}.testimonial-section{padding:60px 20px}.testimonial-quote{font-size:22px}.pricing-cta{padding:60px 20px}.pricing-cta-content{flex-direction:column;gap:40px}.pricing-cta-left h2{font-size:32px}.pricing-cta-right{height:320px}.cta-mockup-container{left:auto;position:relative}.cta-mockup-mobile{height:300px;margin-bottom:20px;max-width:100%;position:static;width:100%}.cta-mockup-laptop{height:240px;position:static;width:100%}}@media (max-width:480px){.features-hero{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);padding:50px 16px 30px}.hero-title{font-size:28px;margin-bottom:16px}.hero-description{font-size:14px;margin-bottom:32px}.accent-badge{font-size:11px;padding:6px 14px}.hero-buttons{gap:12px}.simple-btn{font-size:13px;padding:12px 20px}.features-section{padding:40px 16px}.section-header{margin-bottom:40px}.section-title{font-size:24px}.features-grid{gap:16px;grid-template-columns:1fr}.feature-card{padding:24px 16px}.comparison-section{padding:40px 16px}.comparison-box{padding:24px 16px}.comparison-row{padding:16px 0}.comparison-image-wrapper{min-height:250px;min-width:100%}.testimonial-quote{font-size:18px}.pricing-cta{padding:50px 16px}.pricing-cta-left h2{font-size:24px}.pricing-cta-left p{font-size:14px}.pricing-cta-left button{font-size:14px;padding:14px 32px}.pricing-cta-right{height:240px}.cta-mockup-mobile{height:180px;width:140px}.cta-mockup-laptop{height:140px;width:200px}}.features-page{font-family:Inter,system-ui,sans-serif}.features-hero{overflow:hidden;position:relative}.features-hero:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#f9c31f33,#0000 70%);height:700px;right:-15%;top:-40%;width:700px}.features-hero:after,.features-hero:before{border-radius:50%;content:"";position:absolute}.features-hero:after{animation:float 10s ease-in-out infinite reverse;background:radial-gradient(circle,#f9c31f1f,#0000 70%);bottom:-20%;height:500px;left:-10%;width:500px}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.feature-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-left:4px solid hsl(var(--primary));border-radius:var(--radius);overflow:hidden;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}.feature-card:after{background:linear-gradient(135deg,hsl(var(--primary)/.03),hsl(var(--secondary)/.05));content:"";inset:0;opacity:0;position:absolute;transition:opacity .35s ease}.feature-card:hover{border-left-color:hsl(var(--secondary));box-shadow:var(--glow-blue);transform:translateY(-6px)}.feature-card:hover:after{opacity:1}.feature-icon{box-shadow:var(--glow-blue);color:#06004e}.feature-icon,.feature-icon-yellow{border-radius:12px;height:52px;width:52px}.feature-icon-yellow{align-items:center;box-shadow:var(--glow-yellow);display:flex;justify-content:center}.accent-badge,.feature-icon-yellow{background:var(--accent-gradient);color:hsl(var(--accent-foreground))}.accent-badge{border-radius:100px;font-size:.75rem;font-weight:700;letter-spacing:.08em;padding:6px 18px}.blue-section{background:var(--hero-gradient)}.blue-section:before{background:repeating-linear-gradient(-45deg,#0000,#0000 60px,hsla(0,0%,100%,.015) 0,hsla(0,0%,100%,.015) 120px);inset:0}.stat-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:var(--radius);padding:28px 20px;text-align:center;transition:all .3s ease}.stat-card:hover{background:#ffffff1f;transform:translateY(-2px)}.comparison-item{border-bottom:1px solid hsl(var(--border));padding:16px 0}.cta-gradient{background:linear-gradient(180deg,hsl(var(--background)),hsl(var(--muted)/.5))}.text-shimmer{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,hsl(var(--secondary)),#ffd966,hsl(var(--secondary)));background-size:200% auto}.blogs-gradient-hero{background:linear-gradient(135deg,#0f172a,#1a3a5c 50%,#0f172a)!important}.blogs-gradient-featured{background:linear-gradient(135deg,#fff,#f6e487)!important}.blogs-gradient-grid{background:linear-gradient(135deg,#f0f9ff,#e1e1e1)!important}.blogs-gradient-trending{background:url(https://plus.unsplash.com/premium_photo-1661963874418-df1110ee39c1?fm=jpg&q=60&w=3000&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8Y29tcHV0ZXIlMjBzb2Z0d2FyZXxlbnwwfHwwfHx8MA%3D%3D) 50%/cover no-repeat;position:relative;z-index:1}.blogs-gradient-trending>*{position:relative;z-index:3}.blogs-gradient-trending:before{background:#ffffff8c;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.blogs-gradient-quote{background:linear-gradient(135deg,#fff,#f6e487)!important}.blogs-gradient-newsletter{background:linear-gradient(135deg,#0f172a,#1a3a5c)!important}:root{--primary-blue:#0f172a;--secondary-blue:#1a3a5c;--primary-foreground:#fff;--muted-foreground:#6b7280;--secondary:#fbbf24;--primary:#0f172a;--border:#e5e7eb;--card:#fff;--foreground:#1f2937;--background:#fff}.fade-in-up{animation:fadeInUp .6s ease-out forwards;opacity:0}.fade-in{animation:fadeIn .6s ease-out forwards}.blog-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.blog-hero{background:linear-gradient(135deg,#0f172a,#1a3a5c 50%,#0f172a);background-attachment:fixed;color:#fff;height:70vh;overflow:visible;padding:80px 20px;position:relative}.blog-hero,.blog-hero__wrapper{align-items:center;display:flex;gap:40px;justify-content:space-between}.blog-hero__wrapper{height:100%;margin:0 auto;max-width:1400px;width:100%}.blog-hero__content{flex:1 1;max-width:600px;position:relative;z-index:10}.blog-hero__image{align-items:center;display:flex;flex-basis:40%;justify-content:center;min-height:300px;position:relative;z-index:2}.blog-hero__image img{animation:slideInRight .8s ease-out;border-radius:12px;box-shadow:0 20px 60px #0000004d;height:auto;margin-top:20px;max-height:500px;max-width:90%;object-fit:contain}.blog-hero:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:800px;right:-10%;top:-50%;width:800px}.blog-hero:after,.blog-hero:before{border-radius:50%;content:"";position:absolute}.blog-hero:after{animation:float 8s ease-in-out infinite reverse;background:radial-gradient(circle,#fbbf240d 0,#0000 70%);bottom:-30%;height:600px;left:-5%;width:600px}.accent-badge{background:#fbbf2426;border-radius:50px;color:#fbbf24;display:inline-block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:0;padding:8px 16px;text-transform:uppercase}.text-shimmer{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text}.blog-hero input{background:#ffffff14;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:14px;padding:12px 16px;transition:all .3s ease;width:70%}.blog-hero input::placeholder{color:#ffffff80}.blog-hero input:focus{background:#ffffff1f;border-color:#fbbf2480;box-shadow:0 0 0 3px #fbbf241a;outline:none}.category-chip{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:50px;color:#1f2937;color:var(--foreground);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-chip:hover{border-color:#0f172a;box-shadow:0 4px 12px #0f172a26;color:#0f172a;transform:translateY(-2px)}.category-chip-active{background:linear-gradient(120deg,#0f172a,#1a3a5c);border-color:#0f172a;box-shadow:0 6px 20px #0f172a40;color:#fff}.featured-section{background:linear-gradient(135deg,#0f172a0a,#fbbf240f 50%,#0f172a0a);overflow:hidden;position:relative}.featured-section:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#fbbf2414 0,#0000 70%);border-radius:50%;content:"";height:600px;pointer-events:none;position:absolute;right:-15%;top:-30%;width:600px}.featured-post{align-items:stretch;background:linear-gradient(135deg,#fffae6,#fff);border:2px solid #fbbf2433;border-radius:20px;box-shadow:0 10px 25px #0f172a26;display:grid;grid-template-columns:1fr 1fr;min-height:450px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.featured-post:hover{border-color:#fbbf2433;box-shadow:0 30px 80px #0f172a33;transform:translateY(-8px)}.featured-post-image{background:linear-gradient(135deg,#0f172a,#1a3a5c);height:100%;overflow:hidden;position:relative;width:100%}.featured-post-image img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.featured-post:hover .featured-post-image img{transform:scale(1.05)}.featured-post h2{color:#1f2937;color:var(--foreground);line-height:1.3;margin:0}.featured-post>div:last-child span{align-items:center;display:flex;gap:5px}.featured-post>div:last-child>p{color:#6b7280;color:var(--muted-foreground);line-height:1.6;margin:10px 0}.featured-overlay{background:linear-gradient(135deg,#0f172a4d,#1a3a5c4d);inset:0}.featured-post>div:last-child{background:linear-gradient(135deg,#fffbf0,#fff);display:flex;flex-direction:column;gap:15px;justify-content:center;padding:40px}.featured-post>div:last-child>div:last-of-type{align-items:center;display:flex;flex-wrap:wrap;gap:12px}button{border:none;cursor:pointer;font-family:inherit;transition:all .3s ease}.featured-post button[class*=btn],.featured-post button[class*=primary]{align-items:center;background:linear-gradient(120deg,#0f172a,#1a3a5c);border:none;border-radius:8px;box-shadow:0 4px 15px #0f172a33;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 28px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.featured-post button[class*=btn]:hover,.featured-post button[class*=primary]:hover{background:linear-gradient(120deg,#1a3a5c,#2d5a8c);box-shadow:0 6px 20px #0f172a4d;transform:translateY(-2px)}.featured-post button[class*=btn]:active,.featured-post button[class*=primary]:active{transform:translateY(0)}.featured-post button[type=button]{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;color:#6b7280;color:var(--muted-foreground);padding:10px 12px;transition:all .3s ease}.featured-post button[type=button]:hover{background:#fbbf240d;border-color:#fbbf24;color:#0f172a}.inline-badge-featured{align-items:center;background:linear-gradient(120deg,#fbbf24,#f59e0b);border-radius:50px;box-shadow:0 4px 15px #fbbf244d;color:#78350f;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.blog-card{background:linear-gradient(135deg,#fff,#f0f9ff);border:2px solid #1e7ce833;border-radius:16px;box-shadow:0 10px 25px #0f172a26;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.blog-card:nth-child(3n+2){background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#3b82f633}.blog-card:nth-child(3n){background:linear-gradient(135deg,#fffae6,#fff);border-color:#fbbf2433}.blog-card:hover{border-color:#fbbf244d;box-shadow:0 20px 50px #0f172a33;transform:translateY(-12px)}.blog-card-image{background:linear-gradient(135deg,#0f172a,#1a3a5c);height:200px;overflow:hidden;position:relative}.blog-card-image img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.blog-card:hover .blog-card-image img{transform:scale(1.1)}.blog-card-category{align-items:center;background:linear-gradient(120deg,#0f172a,#1a3a5c);border-radius:20px;box-shadow:0 4px 12px #0f172a4d;color:#fbbf24;display:flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:6px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px}.blog-card p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.trending-item{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:12px;margin-bottom:10px;padding:16px!important;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:12}.trending-item:hover{background:#fff;border-color:#fbbf2480;box-shadow:0 12px 32px #0f172a1f;transform:translateX(6px)}.trending-number{color:#0f172a26;flex-shrink:0;font-weight:800;min-width:45px}.cta-gradient{background:linear-gradient(135deg,#fff,#b1eaff);color:#fff;overflow:hidden;position:relative}.cta-gradient:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#fbbf241a 0,#0000 70%);border-radius:50%;content:"";height:600px;position:absolute;right:-10%;top:-50%;width:600px}blockquote{color:#fff;line-height:1.8;text-align:center}.blue-section{background:linear-gradient(135deg,#0f172a,#1a3a5c 50%,#0f172a);background-attachment:fixed;color:#fff;overflow:hidden;position:relative}.blue-section:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#ffffff14 0,#0000 70%);border-radius:50%;content:"";height:600px;position:absolute;right:-10%;top:-50%;width:600px}.blue-section input{background:#ffffff14;border:2px solid #fff3;border-radius:12px;color:#fff;font-size:14px;padding:12px 16px;transition:all .3s ease}.blue-section input::placeholder{color:#ffffff80}.blue-section input:focus{background:#ffffff1f;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a;outline:none}.blue-section button{background:linear-gradient(120deg,#fbbf24,#f59e0b);border:none;border-radius:12px;color:#78350f;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.8px;padding:14px 32px;text-transform:uppercase;transition:all .3s ease}.blue-section button:hover{box-shadow:0 14px 40px #fbbf244d;transform:translateY(-4px)}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-16{padding-bottom:4rem;padding-top:4rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.pt-3{padding-top:.75rem}.pb-3{padding-bottom:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-4{margin-top:1rem}.mt-3{margin-top:.75rem}.mt-2{margin-top:.5rem}.mt-1{margin-top:.25rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.mb-3{margin-bottom:.75rem}.w-full{width:100%}.w-fit{width:-webkit-fit-content;width:fit-content}.max-w-6xl{max-width:72rem}.max-w-5xl{max-width:64rem}.max-w-3xl{max-width:48rem}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-lg{max-width:32rem}.flex{display:flex}.grid{display:grid}.h-12{height:3rem}.h-11{height:2.75rem}.w-11{width:2.75rem}.rounded-xl{border-radius:.75rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-1{grid-template-columns:1fr}.bg-primary{background:#0f172a}.bg-secondary{background:#fbbf24}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-display{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.opacity-0{opacity:0}.opacity-1{opacity:1}.border{border:1px solid}.border-b{border-bottom:1px solid}.rounded{border-radius:.25rem}.relative{position:relative}.absolute{position:absolute}.top-1\/2{top:50%}.left-3{left:.75rem}.-translate-y-1\/2{transform:translateY(-50%)}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (min-width:768px){.md\:py-28{padding-bottom:7rem;padding-top:7rem}.md\:text-5xl{font-size:3rem}.md\:text-3xl{font-size:1.875rem}.md\:text-2xl{font-size:1.5rem}.md\:text-lg{font-size:1.125rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:py-20{padding-bottom:5rem;padding-top:5rem}.md\:py-16{padding-bottom:4rem;padding-top:4rem}}@media (min-width:1024px){.lg\:py-32{padding-bottom:8rem;padding-top:8rem}.lg\:text-6xl{font-size:3.75rem}.lg\:col-span-2{grid-column:span 2}.lg\:grid-cols-3{gap:50px;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.leading-tight{line-height:1.1}.tracking-tight{letter-spacing:-.025em}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.shadow{box-shadow:0 1px 3px 0 #0000001a}.space-y-4>*+*{margin-top:1rem}.space-x-4>*+*{margin-left:1rem}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}.z-10{z-index:10}.z-1{z-index:1}.bg-background{background:#fff}.text-primary{color:#0f172a}.text-primary-foreground{color:#fff}.text-secondary{color:#fbbf24}.text-foreground{color:#1f2937;color:var(--foreground)}.text-muted-foreground{color:#6b7280;color:var(--muted-foreground)}.bg-card{background:#fff}.bg-muted{background:#f9fafb}.border-border{border-color:#e5e7eb;border-color:var(--border)}@media (max-width:1024px){.blog-hero{padding:80px 20px}.blog-hero__image img{max-height:400px}.blog-card{max-width:100%}}@media (max-width:768px){.blog-hero{height:auto;min-height:70vh;padding:60px 20px}.blog-hero__wrapper{flex-direction:column;gap:30px;height:auto}.blog-hero__content{max-width:100%;text-align:center}.blog-hero__image{margin-top:20px;width:100%}.blog-hero__image img{max-height:300px}.featured-post{grid-template-columns:1fr;min-height:auto}.featured-post-image{height:300px;order:-1}.featured-post>div:last-child{padding:30px 20px}.blog-hero h1{font-size:32px}.blog-hero p{font-size:16px}.grid{gap:20px}}@media (max-width:480px){.blog-hero{height:auto;min-height:auto;padding:50px 16px}.blog-hero__wrapper{flex-direction:column;gap:20px}.blog-hero__image{margin-top:15px;width:100%}.blog-hero__image img{max-height:250px}.blog-hero h1{font-size:24px}.accent-badge{font-size:11px;padding:6px 12px}.blog-card-image{height:160px}.category-chip{font-size:12px;padding:8px 16px}.blue-section{padding:40px 16px}.blue-section input{height:44px}}.contact-section-bg-white{background:#fff!important}.contact-section-bg-blue{background:linear-gradient(135deg,#001d3d,#003d7a)!important;background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%)!important;color:#fff}.contact-below-map-image-wrapper{display:flex;justify-content:center;margin-top:32px;width:100%}.contact-below-map-image{border-radius:18px;box-shadow:0 8px 32px #001d3d1a;max-width:350px;object-fit:cover;width:100%}:root{--success-green:#10b981}.contact-page{background:#f8fafb;background:var(--light-bg);color:#1a1f35;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}.contact-container{margin:0 auto;max-width:1200px;padding:0 20px}.contact-header{align-items:center;background:linear-gradient(135deg,#001d3d,#003d7a 50%,#002a5c);background-attachment:fixed;color:#fff;display:flex;gap:60px;height:70vh;justify-content:center;margin:0 auto;max-width:100%;overflow:visible;padding:80px 20px}.contact-header:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle at 30% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 70% 80%,#ffffff14 0,#0000 50%);content:"";height:150%;left:-50%;position:absolute;top:0;width:150%}.contact-header:after{background:linear-gradient(180deg,#f9fafb00,#f9fafb);bottom:-2px;content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0}.contact-header__content{animation:fadeInUp .8s ease-out;flex:0 1 45%;margin-right:0;max-width:600px;position:relative;text-align:left;z-index:2}.contact-header__content h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#ffd60a);-webkit-background-clip:text;background-clip:text;font-size:54px;font-weight:600;letter-spacing:-1px;margin-bottom:20px;text-shadow:0 2px 20px #0000004d}.contact-header__content p{color:#fff;font-size:18px;font-weight:400;line-height:1.8;max-width:600px;opacity:.95}.contact-header__image{align-items:center;display:flex;flex:0 1 45%;justify-content:center;min-height:300px;position:relative;z-index:2}.contact-header__image img{animation:slideInRight .8s ease-out;border-radius:12px;box-shadow:0 20px 60px #0000004d;height:auto;max-height:500px;max-width:80%;object-fit:contain}.contact-info-section{position:relative}.contact-info-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:60px}.contact-info-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 10px 25px #001d3d2e;box-shadow:var(--shadow-md);padding:40px 30px;text-align:center;transition:all .3s ease}.contact-info-card:hover{border-color:#ffd60a;border-color:var(--accent-yellow);box-shadow:0 20px 50px #001d3d40;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.info-icon{align-items:center;background:linear-gradient(135deg,#001d3d1a,#ffd60a0d);border-radius:50%;display:flex;font-size:48px;height:80px;justify-content:center;margin-bottom:16px;margin-left:auto;margin-right:auto;width:80px}.contact-info-card h3{color:#1a1f35;color:var(--text-dark);font-size:20px;font-weight:700;margin-bottom:12px}.info-content{color:#5a6280;color:var(--text-gray);font-size:15px;line-height:1.6;text-decoration:none;transition:all .3s ease}.info-content:hover{color:#001d3d;color:var(--primary-blue);text-decoration:underline}.contact-form-section{background:linear-gradient(135deg,#f8f9fa,#f0f4f8 50%,#e8f0fe);padding:100px 0}.form-map-grid{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1.3fr 1fr}.contact-form-wrapper{background:linear-gradient(135deg,#f8fafc,#f0f4f8 50%,#e8f0fe);border:2px solid #1e7ce81a;border-radius:20px;box-shadow:0 20px 50px #001d3d40;box-shadow:var(--shadow-lg);padding:35px 30px}.contact-form-wrapper h2{color:#1a1f35;color:var(--text-dark);font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:30px}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{grid-gap:14px;gap:14px}.form-group{gap:6px}.form-group label{color:#1a1f35;color:var(--text-dark);font-size:13px;font-weight:700;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-gray);border-radius:8px;color:#1a1f35;color:var(--text-dark);font-family:inherit;font-size:15px;padding:12px 14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffd60a05;border-color:#ffd60a;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #ffd60a26;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#5a6280;color:var(--text-gray);opacity:.7}.form-group textarea{min-height:100px;resize:vertical}.form-group:last-child{grid-column:1/-1}.submit-btn{align-items:center;background:linear-gradient(135deg,#001d3d,#003d7a);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;margin-top:12px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 10px 25px #001d3d4d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.success-message{align-items:center;animation:slideIn .5s ease-out;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 40px;text-align:center}.success-message svg{color:#10b981;color:var(--success-green);font-size:48px}.success-message h3{color:#1a1f35;color:var(--text-dark);font-size:28px;font-weight:800;margin:0}.success-message p{color:#5a6280;color:var(--text-gray);font-size:16px;margin:0}.contact-map-wrapper{align-items:flex-end;background:#fff;box-shadow:0 20px 50px #001d3d40;box-shadow:var(--shadow-lg);display:flex;height:400px;position:relative}.contact-map,.contact-map-wrapper{border-radius:20px;overflow:hidden}.contact-map{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.contact-map iframe{border-radius:20px}.map-overlay{border-radius:0 0 20px 0;box-shadow:-5px -5px 20px #001d3d26;display:block;height:auto;margin-left:auto;object-fit:cover;position:relative;width:40%;z-index:2}.contact-faq-section{background:#fff;padding:100px 0}.section-title{font-size:42px;font-weight:900}.faq-accordion{display:flex;flex-direction:column;gap:16px;max-width:900px}.contact-social-section{background:linear-gradient(135deg,#001d3d,#003d7a);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%);color:#fff;padding:80px 0;text-align:center}.contact-social-section h2{font-size:42px;font-weight:800;letter-spacing:-.5px;margin-bottom:40px}.social-links{flex-wrap:wrap;gap:24px;margin-bottom:30px}.social-link,.social-links{align-items:center;display:flex;justify-content:center}.social-link{background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;color:#fff;font-size:24px;height:56px;text-decoration:none;transition:all .3s ease;width:56px}.social-link:hover{background:#ffd60a;background:var(--accent-yellow);border-color:#ffd60a;border-color:var(--accent-yellow);color:#001d3d;color:var(--primary-blue);transform:translateY(-4px)}.social-cta{font-size:16px;opacity:.9}@media (max-width:1024px){.contact-header{padding:80px 20px 60px}.contact-header__content h1{font-size:42px}.contact-header__image img{max-height:400px}.form-map-grid{gap:40px;grid-template-columns:1fr}.contact-map-wrapper{height:400px}}@media (max-width:768px){.contact-header{flex-direction:column;height:auto;justify-content:center;margin-top:90px;min-height:70vh;padding:60px 20px 40px}.contact-header__content{max-width:100%;text-align:center}.contact-header__content h1{font-size:36px;margin-bottom:16px}.contact-header__content p{font-size:16px}.contact-header__image{margin-top:30px;width:100%}.contact-header__image img{max-height:300px}.contact-info-section{padding:60px 0}.contact-info-grid{gap:20px;grid-template-columns:1fr}.contact-info-card{padding:30px 20px}.contact-form-section{padding:60px 0}.contact-form-wrapper{padding:30px 20px}.contact-form-wrapper h2{font-size:24px;margin-bottom:20px}.form-row{gap:16px;grid-template-columns:1fr}.contact-map-wrapper{height:300px}.contact-faq-section{padding:60px 0}.section-title{font-size:32px;margin-bottom:40px}.faq-accordion{gap:12px}.faq-question{padding:18px 16px}.faq-question span:first-child{font-size:15px}.faq-answer{padding:0 16px 16px}.faq-answer p{font-size:14px}.contact-social-section{padding:60px 0}.contact-social-section h2{font-size:32px;margin-bottom:30px}.social-links{gap:16px}.social-link{font-size:20px;height:48px;width:48px}}@media (max-width:480px){.contact-header{height:auto;min-height:auto;padding:40px 16px 30px}.contact-header__content{text-align:center}.contact-header__image{margin-top:20px;width:100%}.contact-header__image img{max-height:250px}.contact-header__content h1{font-size:28px}.contact-info-grid{gap:16px}.contact-info-card{padding:24px 16px}.contact-form-wrapper{padding:20px 16px}.contact-form-wrapper h2{font-size:20px}.contact-form{gap:16px}.section-title{font-size:24px}.social-links{gap:12px}.social-link{font-size:18px;height:44px;width:44px}}:root{--primary-blue:#001d3d;--secondary-blue:#003d7a;--accent-yellow:#ffd60a;--accent-hover:#ffc300;--dark-slate:#0a0e27;--light-bg:#f8fafb;--text-dark:#1a1f35;--text-gray:#5a6280;--text-light:#d1d5db;--border-gray:#e5e7eb;--shadow-sm:0 1px 3px #001d3d26;--shadow-md:0 10px 25px #001d3d2e;--shadow-lg:0 20px 50px #001d3d40}.indus
.industry-info-page{background:#f8fafb;background:var(--light-bg);color:#1a1f35;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}.industry-container{margin:0 auto;max-width:1200px;padding:0 20px}.industry-header{align-items:center;background:linear-gradient(135deg,#001d3d,#003d7a 50%,#002a5c);background-attachment:fixed;color:#fff;display:flex;gap:60px;height:70vh;justify-content:center;margin:0 auto;max-width:100%;overflow:visible;padding:80px 20px}.industry-header:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle at 30% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 70% 80%,#ffffff14 0,#0000 50%);content:"";height:150%;left:-50%;position:absolute;top:0;width:150%;z-index:1}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-20px)}}.industry-header:after{bottom:-2px;content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0;z-index:2}.industry-header__content{animation:fadeInUp .8s ease-out;flex:0 1 45%;max-width:600px;position:relative;text-align:left;z-index:3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.industry-header h1{font-size:64px;font-weight:600;letter-spacing:-1px;line-height:1.1;margin-bottom:16px}.industry-tagline{color:#ffd60a;font-size:22px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;opacity:.95}.industry-location{font-size:16px;margin-top:20px;opacity:.9}.industry-header__image{align-items:center;display:flex;flex:0 1 45%;justify-content:center;min-height:300px;position:relative;z-index:3}.industry-header__image img{animation:slideInRight .8s ease-out;border-radius:12px;box-shadow:0 25px 50px #0006,0 4px 12px #00000040,inset 0 1px 0 #ffffff1a;filter:drop-shadow(0 0 20px rgba(0,0,0,.2));height:auto;margin-top:30px;max-height:500px;max-width:85%;object-fit:contain}@keyframes slideInRight{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}.industry-main{padding:0}.industry-description-section{background:#fff;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-gray);padding:80px 0}.industry-description{color:#5a6280;color:var(--text-gray);font-size:18px;line-height:1.8;margin:0 auto;max-width:900px;text-align:center}@media (max-width:1024px){.industry-header{gap:40px;padding:80px 20px 60px}.industry-header__content{max-width:600px}.industry-header__image img{max-height:400px}}@media (max-width:768px){.industry-header{flex-direction:column;gap:40px;height:auto;justify-content:center;min-height:70vh;padding:60px 20px 40px}.industry-header__content{flex:1 1;max-width:100%;text-align:center}.industry-header h1{font-size:42px}.industry-tagline{font-size:18px}.industry-header__image{flex:1 1;width:100%}.industry-header__image img{max-height:300px}}@media (max-width:480px){.industry-header{gap:20px;height:auto;min-height:auto;padding:40px 16px 30px}.industry-header h1{font-size:28px}.industry-tagline{font-size:16px}.industry-header__image{margin-top:20px;width:100%}.industry-header__image img{max-height:250px}}.industry-features-section{background:linear-gradient(135deg,#d8e0e9 40%,#699abb);padding:100px 0}.section-title{color:#1a1f35;color:var(--text-dark);font-size:48px;font-weight:600;letter-spacing:-1px;margin-bottom:60px;text-align:center}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#fff;border-left:5px solid #0579ff;border-radius:16px;box-shadow:0 10px 25px #001d3d2e;box-shadow:var(--shadow-md);padding:40px 30px;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 20px 50px #001d3d40;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#001d3d,#003d7a);border-radius:50%;color:#ffd60a;color:var(--accent-yellow);display:flex;font-size:28px;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.feature-card h3{color:#1a1f35;color:var(--text-dark);font-size:20px;font-weight:700;margin-bottom:12px}.feature-card p{color:#5a6280;color:var(--text-gray);font-size:15px;line-height:1.8}.industry-benefits-section{background:#fff;padding:100px 0}.benefits-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.benefit-card{background:linear-gradient(135deg,#001d3d08,#ffd60a05);border:2px solid #e5e7eb;border:2px solid var(--border-gray);border-radius:16px;padding:40px;text-align:center;transition:all .3s ease}.benefit-card:hover{border-color:#ffd60a;border-color:var(--accent-yellow);box-shadow:0 8px 24px #ffd60a26;transform:translateY(-6px)}.benefit-icon{font-size:48px;margin-bottom:16px}.benefit-card h3{color:#1a1f35;color:var(--text-dark);font-size:20px;font-weight:700;margin-bottom:12px}.benefit-card p{color:#5a6280;color:var(--text-gray);font-size:15px;line-height:1.8}.industry-reviews-section{background:#ecf9ff;padding:100px 0}.reviews-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.review-card{background:#fff;border-radius:16px;border-top:5px solid #ffd60a;border-top:5px solid var(--accent-yellow);box-shadow:0 10px 25px #001d3d2e;box-shadow:var(--shadow-md);padding:30px;transition:all .3s ease}.review-card:hover{box-shadow:0 20px 50px #001d3d40;box-shadow:var(--shadow-lg);transform:translateY(-6px)}.review-header h4{color:#001d3d;color:var(--primary-blue);font-size:18px;font-weight:700;margin-bottom:6px}.review-type{color:#ffd60a;color:var(--accent-yellow);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.review-quote{margin-top:18px}.quote-icon{color:#ffd60a;color:var(--accent-yellow);font-size:28px;margin-bottom:12px;opacity:.3}.review-card p{color:#5a6280;color:var(--text-gray);font-size:15px;font-style:italic;line-height:1.8;margin-top:12px}.industry-faq-section{background:#fff;padding:100px 0}.faq-accordion{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.faq-item{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-gray);border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item.active{border-color:#ffd60a;border-color:var(--accent-yellow);box-shadow:0 8px 24px #ffd60a26}.faq-question{align-items:center;background:linear-gradient(135deg,#001d3d05,#ffd60a03);border:none;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:24px;transition:all .3s ease;width:100%}.faq-question:hover{background:linear-gradient(135deg,#001d3d0d,#ffd60a08)}.faq-item.active .faq-question{background:linear-gradient(135deg,#001d3d14,#ffd60a0f)}.faq-question span:first-child{color:#1a1f35;color:var(--text-dark);flex:1 1;font-size:16px;font-weight:600;text-align:left}.faq-arrow{display:inline-block;flex-shrink:0;height:20px;position:relative;transition:transform .3s ease;width:20px}.faq-arrow:before{right:5px;transform:rotate(45deg)}.faq-arrow:after,.faq-arrow:before{background:#ffd60a;background:var(--accent-yellow);content:"";height:12px;position:absolute;top:4px;width:2px}.faq-arrow:after{right:13px;transform:rotate(-45deg)}.faq-item.active .faq-arrow{transform:rotate(180deg)}.faq-answer{animation:slideDown .3s ease;background:#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-gray);padding:0 24px 24px}.faq-answer p{color:#5a6280;color:var(--text-gray);font-size:15px;line-height:1.8;margin:0}.industry-cta-section{background:linear-gradient(135deg,#001d3d,#003d7a);color:#fff;padding:80px 0;text-align:center}.industry-cta-section h2{font-size:42px;font-weight:600;letter-spacing:-.5px;margin-bottom:16px}.industry-cta-section p{font-size:18px;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:700px;opacity:.95}.cta-button{background:#ffd60a;background:var(--accent-yellow);border:none;border-radius:50px;box-shadow:0 8px 24px #ffd60a4d;color:#001d3d;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;padding:16px 48px;text-transform:uppercase;transition:all .3s ease}.cta-button:hover{background:#ffc300;box-shadow:0 12px 32px #ffd60a66;transform:translateY(-4px)}.industry-footer{background:#000;border-top:3px solid #ffd60a;border-top:3px solid var(--accent-yellow);color:#fff;padding:40px 0 20px;text-align:center}.footer-content{display:flex;flex-direction:column;gap:12px}.footer-content p{font-size:14px;opacity:.8}@media (max-width:1024px){.industry-header{padding:80px 20px 60px}.industry-header h1{font-size:48px}.industry-tagline{font-size:18px}.section-title{font-size:36px}}@media (max-width:768px){.industry-header{margin-top:90px;padding:60px 20px 40px}.industry-header h1{font-size:36px;margin-bottom:12px}.industry-tagline{font-size:16px}.industry-location{font-size:14px}.industry-description-section{padding:60px 0}.industry-description{font-size:16px}.industry-benefits-section,.industry-faq-section,.industry-features-section,.industry-reviews-section{padding:60px 0}.section-title{font-size:28px;margin-bottom:40px}.benefits-grid,.features-grid,.reviews-grid{gap:20px}.benefit-card,.feature-card,.review-card{padding:25px 20px}.faq-accordion{gap:12px;grid-template-columns:1fr}.faq-question{padding:18px 16px}.faq-question span:first-child{font-size:15px}.faq-answer{padding:0 16px 16px}.industry-cta-section{padding:60px 0}.industry-cta-section h2{font-size:32px}.industry-cta-section p{font-size:16px}}@media (max-width:480px){.industry-header{height:70vh;padding:40px 20px}.industry-header h1{font-size:28px}.industry-tagline{font-size:14px}.section-title{font-size:24px;margin-bottom:30px}.benefits-grid,.features-grid,.reviews-grid{grid-template-columns:1fr}.industry-description{font-size:14px}.benefit-card h3,.feature-card h3,.review-card h4{font-size:16px}.cta-button{font-size:14px;padding:14px 32px}}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.image-align-controls{align-items:center;display:flex;gap:10px;margin:18px 0 8px}.image-align-controls label{color:#003049;font-weight:600;margin-right:8px}.align-btn{background:#f1f3f7;border:1px solid #cfd8dc;border-radius:4px;color:#003049;cursor:pointer;font-size:14px;padding:5px 16px;transition:background .2s,border .2s}.align-btn.align-active,.align-btn:hover{background:#003049;border-color:#003049;color:#fff}.figma-toolbar-sidebar{align-items:stretch;background:#fff;border:1.5px solid #e0e6ef;border-radius:16px;box-shadow:0 4px 24px #0000001a;display:flex;flex-direction:column;gap:0;left:80%;margin-left:18px;min-height:600px;padding:18px 0;position:fixed;top:90px;width:260px;z-index:2000}.sidebar-section{background:#f8f9fa;border-bottom:1px solid #e0e6ef;margin-bottom:0;padding:18px 24px 12px}.sidebar-section:last-child{border-bottom:none}.sidebar-section-title{color:#222;font-size:15px;font-weight:600;letter-spacing:.01em;margin-bottom:12px}.sidebar-row{display:flex;gap:10px;margin-bottom:10px}.sidebar-input-row{margin-bottom:8px}.sidebar-input{background:#f1f3f7;border:1px solid #cfd8dc;border-radius:6px;color:#003049;font-size:14px;outline:none;padding:6px 8px;width:60px}.sidebar-checkbox-row{align-items:center;color:#003049;font-size:14px;gap:8px;margin-bottom:0}.sidebar-icon-btn{color:#b0b0b0;cursor:not-allowed;padding:6px 10px}.figma-toolbar-sidebar .ql-toolbar button,.figma-toolbar-sidebar button,.sidebar-icon-btn{align-items:center;background:#f1f3f7;border:1px solid #cfd8dc;border-radius:6px;display:flex;font-size:16px;justify-content:center}.figma-toolbar-sidebar .ql-toolbar button,.figma-toolbar-sidebar button{color:#003049;cursor:pointer;height:40px;padding:7px 0;transition:background .2s,border .2s,color .2s;width:40px}.figma-toolbar-sidebar button.ql-active,.figma-toolbar-sidebar button:hover{background:#003049;border-color:#003049;color:#fff}.ql-toolbar.ql-snow{display:none}.rich-editor-wrapper{align-items:flex-start;display:flex;flex-direction:row}.rich-editor{flex:1 1;margin-left:280px}.create-blog-wrapper{background:#f5f6fa;display:flex;min-height:100vh}.create-blog-container{background:#f5f6fa;flex:1 1;margin:0 auto;max-width:1000px;min-height:100vh;padding:30px 20px}.blog-header{align-items:center;border-bottom:2px solid #003049;display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px}.blog-header h1{color:#003049;flex:1 1;font-size:28px;margin:0}.back-btn{background:#003049;border:none;color:#fff}.back-btn:hover{background:#002135;transform:translateX(-3px)}.error-alert{border:1px solid #ff6b6b;border-radius:8px;font-weight:500;margin-bottom:20px;padding:15px 20px}.blog-form{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.form-section{border-bottom:1px solid #f0f0f0;padding:30px}.form-section h2{align-items:center;color:#003049;display:flex;font-size:20px;gap:8px;margin:0 0 20px}.form-section:last-of-type{border-bottom:none}.form-group{margin-bottom:20px}.form-group label{color:#003049;display:block;margin-bottom:8px}.form-input,.form-select,.form-textarea{background:#fafafa;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:12px 15px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;border-color:#003049;box-shadow:0 0 0 3px #0030491a;outline:none}.form-textarea{min-height:80px;resize:vertical}.char-count{color:#999;display:block;font-size:12px;margin-top:5px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-file{border:2px dashed #003049;border-radius:6px;cursor:pointer;padding:10px;transition:all .3s ease}.form-file:hover{background:#f0f4f8;border-color:#002135}.image-preview{border-radius:6px;box-shadow:0 2px 8px #0000001a;margin-top:10px;max-width:300px;overflow:hidden;position:relative;width:100%}.image-preview img{display:block;height:auto;width:100%}.remove-image-btn{align-items:center;background:#ffffffe6;border:none;border-radius:4px;color:#d63031;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:32px}.remove-image-btn:hover{background:#fff}.editor-toolbar-info{background:#e8eef7;border-left:4px solid #003049;border-radius:6px;color:#003049;font-size:13px;margin-bottom:15px;padding:15px}.editor-toolbar-info p{font-weight:600;margin:0 0 8px}.editor-toolbar-info ul{margin:0;padding-left:20px}.editor-toolbar-info li{margin:4px 0}.rich-editor{background:#fff;border:1px solid #ddd;border-radius:6px;display:block;width:100%}.ql-container{border-bottom:1px solid #ddd;border-radius:0 0 6px 6px;font-size:14px}.ql-container,.ql-container.ql-snow{border-top:1px solid #ddd}.ql-editor{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:400px;padding:20px}.ql-editor p{margin:12px 0}.ql-editor img{border-radius:4px;display:block;height:auto;margin:15px 0;max-width:100%}.image-size-info{background:#fff3cd;border:1px solid #ffc107;border-left-width:4px;border-radius:6px;color:#856404;font-size:13px;margin-bottom:15px;padding:12px 15px}.image-size-info p{font-weight:500;margin:0}.ql-toolbar.ql-snow{background:#f8f9fa;border:1px solid #ddd;border-radius:6px 6px 0 0;display:flex;flex-wrap:wrap;gap:5px;padding:8px}.ql-toolbar.ql-snow .ql-stroke{stroke:#003049;color:#003049}.ql-toolbar.ql-snow .ql-fill{fill:#003049}.ql-toolbar.ql-snow .ql-picker-label{color:#003049}.ql-toolbar.ql-snow .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-picker-item:hover,.ql-toolbar.ql-snow .ql-picker-label:hover,.ql-toolbar.ql-snow button.ql-active,.ql-toolbar.ql-snow button:focus,.ql-toolbar.ql-snow button:hover{color:#002135}.ql-toolbar.ql-snow .ql-picker-item.ql-selected .ql-stroke,.ql-toolbar.ql-snow .ql-picker-item:hover .ql-stroke,.ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke,.ql-toolbar.ql-snow button.ql-active .ql-stroke,.ql-toolbar.ql-snow button:focus .ql-stroke,.ql-toolbar.ql-snow button:hover .ql-stroke{stroke:#002135}.ql-toolbar.ql-snow .ql-picker-item.ql-selected .ql-fill,.ql-toolbar.ql-snow .ql-picker-item:hover .ql-fill,.ql-toolbar.ql-snow .ql-picker-label:hover .ql-fill,.ql-toolbar.ql-snow button.ql-active .ql-fill,.ql-toolbar.ql-snow button:focus .ql-fill,.ql-toolbar.ql-snow button:hover .ql-fill{fill:#002135}.form-actions{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:15px;justify-content:flex-end;padding:30px}.btn-cancel,.btn-submit{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 30px;transition:all .3s ease}.btn-submit{background:linear-gradient(135deg,#003049,#002135);box-shadow:0 4px 15px #00304966;color:#fff}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #00304980;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background:#e9ecef;color:#495057}.btn-cancel:hover{background:#dee2e6}.image-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.image-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow-y:auto;width:95%}.image-modal-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px}.image-modal-header h3{color:#003049;font-size:18px;font-weight:600;margin:0}.modal-close-btn{color:#999;font-size:18px;transition:color .3s ease}.modal-close-btn:hover{color:#d63031}.image-modal-content{flex:1 1;padding:25px}.image-preview-large{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:center;margin-bottom:25px;min-height:250px;overflow:auto;padding:15px}.image-preview-large img{border-radius:4px;max-height:100%;max-width:100%;object-fit:contain}.image-sizing-controls{background:#f8f9fa;border-radius:8px;padding:20px}.size-input-group{margin-bottom:15px}.size-input-group label{color:#003049;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.size-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .3s ease;width:100%}.size-input:focus{border-color:#003049;box-shadow:0 0 0 3px #0030491a;outline:none}.size-info{background:#fff;border-left:3px solid #003049;border-radius:6px;margin:15px 0;padding:12px}.size-info p{color:#666;font-size:12px;margin:5px 0}.size-info p:first-child{margin-top:0}.size-info p:last-child{margin-bottom:0}.preset-sizes{margin-top:15px}.preset-sizes p{color:#003049;font-size:13px;font-weight:600;margin:0 0 10px}.preset-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.preset-btn{background:#fff;border:2px solid #ddd;border-radius:6px;color:#003049;cursor:pointer;font-size:12px;font-weight:500;padding:10px 12px;transition:all .3s ease}.preset-btn:hover{background:#f0f4f8;border-color:#003049}.preset-btn.preset-active{background:#003049;border-color:#003049;color:#fff}.image-modal-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:20px}@media (max-width:768px){.create-blog-wrapper{flex-direction:column}.create-blog-container{padding:20px 10px}.blog-header{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{justify-content:center;width:100%}.ql-editor{min-height:300px}.image-modal{max-height:95vh;width:95%}.preset-buttons{grid-template-columns:1fr}.image-modal-footer{flex-direction:column-reverse}.image-modal-footer button{width:100%}}.blog-list-container{background:#f5f6fa;display:flex;min-height:100vh}.blog-list-wrapper{background:#f5f6fa;flex:1 1;min-height:100vh;padding:30px 20px}.blog-list-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin-bottom:40px}.header-content h1{color:#003049;font-size:32px;font-weight:700;margin:0 0 8px}.header-content p{color:#666;font-size:14px;margin:0}.btn-create-blog{align-items:center;background:linear-gradient(135deg,#003049,#002135);border:none;border-radius:8px;box-shadow:0 4px 15px #00304966;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 30px;transition:all .3s ease;white-space:nowrap}.btn-create-blog:hover{box-shadow:0 6px 20px #00304980;transform:translateY(-2px)}.header-buttons{display:flex;flex-wrap:wrap;gap:12px}.btn-create-blogger{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 4px 15px #6366f166;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 30px;transition:all .3s ease;white-space:nowrap}.btn-create-blogger:hover{box-shadow:0 6px 20px #6366f180;transform:translateY(-2px)}.error-alert,.success-alert{align-items:center;animation:slideIn .3s ease;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:20px;padding:15px 20px}.success-alert{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.error-alert{background:#fff5f5;border:1px solid #fcc;color:#d63031}.blog-search-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.search-box{flex:1 1;max-width:400px;min-width:250px;position:relative}.search-icon{color:#999;font-size:16px;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px 15px 12px 40px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#003049;box-shadow:0 0 0 3px #0030491a;outline:none}.blog-stats{display:flex;flex-wrap:wrap;gap:20px}.stat-item{color:#666;font-size:14px}.stat-item strong{color:#1a1a1a;font-weight:600}.loading-state{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.blogs-grid{grid-gap:25px;gap:25px;margin-bottom:40px}.blog-card-wrapper{display:flex;flex-direction:column;gap:8px}.blog-card-wrapper .blog-card{flex:1 1}.blog-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.blog-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.btn-action{border:1px solid #ddd;transition:all .3s ease}.btn-action.btn-edit{border-color:#f39c12;color:#f39c12}.btn-action.btn-edit:hover{background:#f39c12;color:#fff}.btn-action.btn-share{border-color:#059669;color:#059669}.btn-action.btn-share:hover{background:#059669;color:#fff}.btn-action.btn-delete{border-color:#d63031;color:#d63031}.btn-action.btn-delete:hover:not(.btn-confirm-delete){background:#d63031;color:#fff}.btn-action.btn-confirm-delete{background:#d63031;border-color:#d63031;color:#fff}.btn-action.btn-confirm-delete:hover{background:#c92a28;border-color:#c92a28}.blog-featured-image{background:#f0f0f0;height:160px;overflow:hidden;width:100%}.blog-featured-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card:hover .blog-featured-image img{transform:scale(1.05)}.blog-card-content{display:flex;flex:1 1;flex-direction:column;padding:20px}.blog-header-info{margin-bottom:12px}.blog-title-section{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.blog-title{color:#003049;flex:1 1;font-size:16px;font-weight:700;line-height:1.4;margin:0}.status-badge{border-radius:4px;display:inline-flex;font-weight:600;padding:4px 10px;white-space:nowrap}.blog-date{align-items:center;color:#999;display:flex;font-size:12px;gap:6px;margin:0}.blog-category{background:#e9ecef;border-radius:4px;color:#495057;display:inline-block;font-size:11px;font-weight:600;margin-bottom:10px;padding:4px 10px}.blog-description{color:#666;font-size:13px;line-height:1.5;margin:8px 0}.blog-preview{color:#777;flex:1 1;font-size:13px;line-height:1.5;margin:10px 0}.blog-tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.tag{background:#f0f0f0;border-radius:4px;color:#666;display:inline-block}.tag,.tag-more{font-size:11px;padding:4px 8px}.tag-more{color:#999}.blog-stats-row{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;display:flex;gap:20px;margin:12px 0;padding:12px 0}.stat{align-items:center;color:#666;display:flex;font-size:13px;gap:6px}.stat svg{color:#999}.blog-actions,.btn-view{display:none}.btn-view:hover{background:#003049;color:#fff}.btn-edit{display:none}.btn-edit:hover{background:#f39c12;color:#fff}.btn-delete{display:none}.btn-delete:hover:not(.btn-confirm-delete){background:#d63031;color:#fff}.btn-confirm-delete{display:none}.btn-confirm-delete:hover{border-color:#c92a28}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:40px}.pagination-btn{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){border-color:#003049;color:#003049}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#666;font-size:14px;font-weight:600}.empty-state{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h2{color:#003049;font-size:24px;margin:0 0 10px}.empty-state p{color:#666;font-size:14px;margin:0 0 30px}@media (max-width:768px){.blog-list-container,.blog-list-header,.blog-list-wrapper,.header-buttons{flex-direction:column}.header-buttons{width:100%}.btn-create-blog,.btn-create-blogger{justify-content:center;width:100%}.blogs-grid{grid-template-columns:1fr}.search-box{max-width:100%}.blog-actions{flex-direction:column}.blog-actions button{width:100%}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.create-blogger-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0}.modal-header h2{color:#0f172a;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.modal-close-btn:hover:not(:disabled){background:#f3f4f6;color:#1f2937}.modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.create-blogger-form{padding:24px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#1f2937;font-size:14px;font-weight:600;letter-spacing:.3px}.form-group input{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease}.form-group input:focus{background:#f9fafb;border-color:#0052cc;box-shadow:0 0 0 3px #0034cc1a;outline:none}.form-group input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{flex:1 1;padding-right:80px}.toggle-password{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;padding:4px 8px;position:absolute;right:12px;transition:all .2s ease;white-space:nowrap}.toggle-password:hover{background:#f3f4f6;color:#1f2937}.alert{align-items:center;animation:slideDown .3s ease;display:flex;font-size:14px;gap:12px;margin-bottom:20px;padding:12px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:#fee2e2;border-left:4px solid #dc2626;color:#991b1b}.alert-error svg{color:#dc2626;flex-shrink:0}.alert-success{background:#dcfce7;border-left:4px solid #22c55e;color:#166534}.alert-success svg{color:#22c55e;flex-shrink:0}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.btn{font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.btn:disabled{opacity:.6}.btn-primary{background:linear-gradient(120deg,#0052cc,#1e7ce8);box-shadow:0 4px 12px #0034cc4d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #0034cc66}.btn-secondary{background:#f3f4f6;border:2px solid #e5e7eb;color:#1f2937}.btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}@media (max-width:640px){.create-blogger-modal{max-width:100%;width:95%}.form-grid{grid-template-columns:1fr}.form-group,.form-group.full-width{grid-column:auto}.create-blogger-form,.modal-header{padding:16px}.modal-header h2{font-size:18px}.modal-actions{flex-direction:column-reverse}.btn{width:100%}}.blog-detail-container{background:#f5f6fa;margin:0 auto;min-height:100vh;padding:30px 20px}.blog-detail-header{flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;width:100%}.back-btn,.blog-detail-header{align-items:center;display:flex}.back-btn{background:#fff;border:1px solid #003049;border-radius:6px;color:#003049;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:10px 15px;transition:all .3s ease}.back-btn:hover{background:#e8eef7;border-color:#002135;color:#002135}.author-actions{display:flex;gap:10px}.btn-edit{align-items:center;background:linear-gradient(135deg,#003049,#002135);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-edit:hover{background:linear-gradient(135deg,#002135,#001023);box-shadow:0 6px 16px #00304966;transform:translateY(-2px)}.blog-featured-image-large{align-items:center;background:linear-gradient(135deg,#f0f6fa,#e8f0fe);border-radius:10px;box-shadow:0 4px 15px #0000001a;box-sizing:border-box;display:flex;height:400px;justify-content:center;margin-bottom:30px;overflow:hidden;width:100%}.blog-featured-image-large img{height:100%;object-fit:contain;width:100%}.blog-detail-article{border-radius:10px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;margin-bottom:30px;padding:40px;width:100%}.blog-detail-header-section{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:30px}.blog-meta-top{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.category-badge,.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.status-badge.published{background:#ecfdf5;color:#047857}.status-badge.draft{background:#fef3c7;color:#92400e}.category-badge{background:#e0ecff;color:#1e3a8a}.blog-detail-title{color:#003049;font-size:36px;font-weight:700;line-height:1.3;margin:0 0 15px}.blog-detail-description{color:#555;font-size:18px;font-style:italic;line-height:1.6;margin:0 0 20px}.blog-meta-info{display:flex;flex-wrap:wrap;gap:25px;margin-bottom:15px}.meta-item{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.meta-item svg{color:#003049;font-size:16px}.blog-tags-detail{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.blog-tags-detail .tag{background:#f0f0f0;border-radius:6px;color:#666;display:inline-block;font-size:12px;font-weight:500;padding:6px 12px}.blog-content{color:#444;font-size:16px;line-height:1.8;margin-bottom:30px}.blog-content p{font-size:20px;margin:15px 0}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:#003049;font-weight:700;margin:25px 0 15px}.blog-content h1{font-size:28px}.blog-content h2{font-size:24px}.blog-content h3{font-size:20px}.blog-content blockquote{background:#e8eef7;border-left:4px solid #003049;border-radius:4px;color:#333;font-style:italic;margin:20px 0;padding:15px 20px}.blog-content code{background:#f5f5f5;border-radius:3px;color:#d63031;font-family:Courier New,monospace;font-size:14px;padding:2px 6px}.blog-content pre{background:#1e1e1e;border-radius:6px;color:#d4d4d4;margin:15px 0;overflow-x:auto;padding:15px}.blog-content pre code{background:none;color:inherit;padding:0}.blog-content img{border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;margin:15px auto;max-width:100%;object-fit:contain}.blog-content ol,.blog-content ul{margin:15px 0;padding-left:25px}.blog-content li{line-height:1.8;margin:8px 0}.blog-engagement{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;display:flex;gap:15px;padding:20px 0}.engagement-btn,.engagement-stat{align-items:center;border-radius:6px;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 15px;transition:all .3s ease}.engagement-btn{background:#fff;border:1px solid #003049;color:#003049;cursor:pointer}.engagement-btn:hover{background:#003049;border-color:#002135;color:#fff}.engagement-btn.liked{background:#003049;border-color:#003049;color:#fff}.engagement-stat{background:#f8f9fa;color:#666}.blog-comments-section{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;padding:30px;width:100%}.blog-comments-section h2{color:#003049;font-size:22px;margin:0 0 25px}.comment-form{border-bottom:1px solid #f0f0f0;margin-bottom:30px;padding-bottom:30px}.comment-input-wrapper{display:flex;flex-wrap:wrap;gap:10px}.comment-input{border:1px solid #ddd;border-radius:6px;flex:1 1;min-width:200px;padding:12px 15px;transition:all .3s ease}.comment-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-submit-comment{background:#003049;border-radius:6px;font-size:14px;font-weight:600;padding:12px 30px;transition:all .3s ease;white-space:nowrap}.btn-submit-comment:hover:not(:disabled){background:#002135;transform:translateY(-2px)}.btn-submit-comment:disabled{opacity:.6}.comments-list{margin-top:25px}.comment-item{background:#f8f9fa;border-radius:8px;margin-bottom:15px;transition:all .3s ease}.comment-item:hover{background:#f0f1f5}.comment-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.comment-author-info{flex:1 1}.comment-author{color:#003049;margin:0 0 4px}.comment-date{color:#999}.comment-actions{display:flex;gap:8px}.btn-confirm-delete,.btn-delete-comment{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 10px;transition:all .3s ease}.btn-delete-comment{background:#0000;color:#d63031}.btn-delete-comment:hover{background:#ffe8e8}.btn-confirm-delete{background:#d63031;color:#fff}.btn-confirm-delete:hover{background:#c92a28}.comment-text{color:#555;margin:0}.no-comments{background:#f8f9fa;border-radius:8px;color:#999;padding:40px 20px}.error-state,.loading-state{align-items:center;background:#fff;border-radius:10px;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner{border:4px solid #f0f0f0;border-top-color:#003049;margin-bottom:20px}@media (max-width:768px){.blog-detail-container{padding:20px 10px}.blog-featured-image-large{height:250px}.blog-detail-article{padding:20px}.blog-detail-title{font-size:24px}.blog-detail-description{font-size:16px}.blog-meta-info{flex-direction:column;gap:10px}.blog-content{font-size:15px}.comment-input-wrapper{flex-direction:column}.btn-submit-comment{width:100%}.blog-detail-header{align-items:flex-start;flex-direction:column}.author-actions,.btn-edit{width:100%}.btn-edit{justify-content:center}}.blog-detail-container2{background:#f5f6fa;margin:0 auto;max-width:900px;min-height:100vh;padding:30px 20px}:root{--primary-blue:#1a2a5c;--secondary-blue:#2d3e7a;--accent-yellow:#fbbf24;--accent-hover:#f59e0b;--text-dark:#1f2937;--text-light:#6b7280;--bg-light:#f9fafb;--white:#fff}html{scroll-behavior:smooth}.blog-detail-page{background:#fff;background:var(--white);color:#1f2937;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.blog-detail-page .lp-nav,.blog-detail-page .lp-nav--scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2a5c!important}.blog-detail-page .lp-nav--scrolled{box-shadow:0 2px 20px #00000026}.blog-detail-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:50}.blog-detail-header,.btn-back-nav{background:#fff;background:var(--white)}.btn-back-nav{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;color:#1a2a5c;color:var(--primary-blue);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin:16px 24px;padding:12px 20px;transition:all .3s ease}.btn-back-nav:hover{background:#f9fafb;background:var(--bg-light);border-color:#1a2a5c;border-color:var(--primary-blue)}.blog-detail-main{margin:0 auto;max-width:1200px;padding:40px 20px}.blog-detail-container{width:100%}.blog-detail-hero{border-radius:8px;height:400px;margin-bottom:50px;overflow:hidden;position:relative;width:100%}.hero-image{height:100%;object-fit:cover;width:100%}.hero-overlay{background:#1a2a5c1a;inset:0;position:absolute}.blog-detail-content-wrapper{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 340px}.blog-detail-article{background:#fff;background:var(--white)}.article-header{margin-bottom:50px}.article-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.category-tag{background:#fbbf24;background:var(--accent-yellow);border-radius:4px;color:#78350f;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.read-time{align-items:center;color:#6b7280;color:var(--text-light);display:flex;font-size:13px;font-weight:600;gap:6px}.article-title{color:#1a2a5c;color:var(--primary-blue);font-size:42px;font-weight:600;letter-spacing:-.5px;line-height:1.3;margin:24px 0 20px}.article-excerpt{color:#6b7280;color:var(--text-light);font-size:16px;font-weight:500;line-height:1.7;margin-bottom:32px}.article-info-bar{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);gap:16px;justify-content:space-between;padding-top:24px}.article-info-bar,.author-info{align-items:center;display:flex}.author-info{gap:12px}.author-avatar{align-items:center;background:linear-gradient(135deg,#1a2a5c,#2d3e7a);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));border-radius:50%;color:#fff;color:var(--white);display:flex;font-size:16px;font-weight:700;height:44px;justify-content:center;width:44px}.author-name{color:#1f2937;color:var(--text-dark);font-size:14px;font-weight:700}.publish-date{color:#6b7280;color:var(--text-light);font-size:12px}.article-actions{align-items:center;display:flex;gap:12px}.action-btn{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:4px;color:#1a2a5c;color:var(--primary-blue);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.action-btn:hover{background:#f9fafb;background:var(--bg-light)}.action-btn.active,.action-btn:hover{border-color:#1a2a5c;border-color:var(--primary-blue)}.action-btn.active{background:#1a2a5c;background:var(--primary-blue);color:#fff;color:var(--white)}.share-btn,.share-menu{position:relative}.share-dropdown{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #0000001a;margin-top:4px;min-width:140px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-8px);transition:all .2s ease;visibility:hidden;z-index:50}.share-menu:hover .share-dropdown{opacity:1;transform:translateY(0);visibility:visible}.share-option{align-items:center;background:none;border:none;color:#1f2937;color:var(--text-dark);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.share-option:hover{background:#f9fafb;background:var(--bg-light);color:#1a2a5c;color:var(--primary-blue)}.article-body{margin:50px 0}.rich-content{color:#1f2937;color:var(--text-dark);font-size:16px;line-height:1.8}.rich-content p{line-height:1.8;margin:24px 0}.rich-content h1,.rich-content h2,.rich-content h3,.rich-content h4{color:#1a2a5c;color:var(--primary-blue);font-weight:600;line-height:1.4;margin:32px 0 16px}.rich-content h1{font-size:32px}.rich-content h2{font-size:24px}.rich-content h3{font-size:20px}.rich-content h4{font-size:16px}.rich-content b,.rich-content strong{color:#1a2a5c;color:var(--primary-blue);font-weight:700}.rich-content em,.rich-content i{font-style:italic}.rich-content a{color:#2d3e7a;color:var(--secondary-blue);font-weight:600;text-decoration:underline}.rich-content a:hover{color:#1a2a5c;color:var(--primary-blue)}.rich-content ol,.rich-content ul{margin:24px 0 24px 32px}.rich-content li{line-height:1.8;margin:8px 0}.rich-content blockquote{background:#fffbeb;border-left:4px solid #fbbf24;border-left:4px solid var(--accent-yellow);color:#1f2937;color:var(--text-dark);font-size:16px;font-style:italic;line-height:1.7;margin:32px 0;padding:20px 24px}.rich-content code{background:#f9fafb;background:var(--bg-light);border-radius:3px;color:#d946ef;font-family:Courier New,monospace;font-size:14px;padding:2px 6px}.rich-content pre{background:#1e293b;border-radius:6px;margin:24px 0;overflow-x:auto;padding:16px}.rich-content pre code{background:none;color:#e2e8f0;padding:0}.rich-content img{border-radius:6px;height:auto;margin:32px 0;max-width:100%}.article-share-section{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:flex;gap:16px;margin:40px 0;padding:20px 0}.share-label{color:#1f2937;color:var(--text-dark);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.social-share-buttons{display:flex;flex-wrap:wrap;gap:10px}.social-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.social-btn.fb-btn{background:#3b5998;color:#fff;color:var(--white)}.social-btn.fb-btn:hover{background:#2d4373;transform:translateY(-2px)}.social-btn.twitter-btn{background:#1da1f2;color:#fff;color:var(--white)}.social-btn.twitter-btn:hover{background:#1a91da;transform:translateY(-2px)}.social-btn.linkedin-btn{background:#0a66c2;color:#fff;color:var(--white)}.social-btn.linkedin-btn:hover{background:#084399;transform:translateY(-2px)}.social-btn.link-btn{background:#1a2a5c;background:var(--primary-blue);color:#fff;color:var(--white)}.social-btn.link-btn:hover{background:#2d3e7a;background:var(--secondary-blue);transform:translateY(-2px)}.author-section{background:#f9fafb;background:var(--bg-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;display:flex;gap:16px;margin:40px 0;padding:24px}.author-section-avatar{align-items:center;background:linear-gradient(135deg,#1a2a5c,#2d3e7a);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));border-radius:50%;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:50px;justify-content:center;width:50px}.author-section-info{flex:1 1}.author-section-name{color:#1a2a5c;color:var(--primary-blue);font-size:14px;font-weight:700;margin:0 0 6px}.author-section-bio{color:#6b7280;color:var(--text-light);font-size:13px;line-height:1.5;margin:0}.article-navigation{grid-gap:20px;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:40px 0;padding:20px 0}.nav-item{display:flex;flex-direction:column;gap:8px}.nav-label{color:#6b7280;color:var(--text-light);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.nav-link{background:none;border:none;color:#1a2a5c;color:var(--primary-blue);cursor:pointer;font-size:13px;font-weight:600;text-align:left;text-decoration:underline;transition:all .2s ease}.nav-link:hover{color:#fbbf24;color:var(--accent-yellow)}.article-tags{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin:40px 0;padding:30px 0}.article-tags h4{color:#6b7280;color:var(--text-light);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.tags-list{display:flex;flex-wrap:wrap;gap:10px}.tag-badge{align-items:center;background:#f9fafb;background:var(--bg-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;color:#1f2937;color:var(--text-dark);cursor:pointer;display:inline-flex;font-size:12px;gap:5px;padding:6px 12px;transition:all .2s ease}.tag-badge:hover{background:#fbbf24;background:var(--accent-yellow);border-color:#f59e0b;border-color:var(--accent-hover);color:#78350f}.comments-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin:60px 0 0;padding-top:40px}.comments-title{color:#1a2a5c;color:var(--primary-blue);font-size:22px;font-weight:600;margin-bottom:32px}.add-comment-form{background:#f9fafb;background:var(--bg-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;margin-bottom:32px;padding:24px}.add-comment-form h3{color:#1a2a5c;color:var(--primary-blue);font-size:14px;font-weight:700;margin-bottom:16px}.comment-input{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:14px;line-height:1.5;margin-bottom:14px;padding:12px 14px;resize:vertical;transition:all .2s ease;width:100%}.comment-input:focus{border-color:#1a2a5c;border-color:var(--primary-blue);box-shadow:0 0 0 3px #1a2a5c14;outline:none}.btn-submit-comment{align-items:center;background:#1a2a5c;background:var(--primary-blue);border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:10px 24px;transition:all .2s ease}.btn-submit-comment:hover:not(:disabled){background:#2d3e7a;background:var(--secondary-blue)}.btn-submit-comment:disabled{cursor:not-allowed;opacity:.5}.comments-list{display:flex;flex-direction:column;gap:20px}.comment-item{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.comment-item:hover{box-shadow:0 2px 8px #00000014}.comment-avatar{align-items:center;background:linear-gradient(135deg,#1a2a5c,#2d3e7a);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));border-radius:50%;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.comment-content{flex:1 1}.comment-author{color:#1f2937;color:var(--text-dark);font-size:14px;font-weight:700;margin-bottom:2px}.comment-date{color:#6b7280;color:var(--text-light);font-size:12px;margin-bottom:8px}.comment-text{color:#1f2937;color:var(--text-dark);font-size:14px;line-height:1.6}.no-comments{color:#6b7280;color:var(--text-light);padding:32px 20px;text-align:center}.related-posts-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin-top:60px;padding-top:40px}.related-title{color:#1a2a5c;color:var(--primary-blue);font-size:20px;font-weight:800;margin-bottom:28px}.related-posts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.related-post-card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.related-post-card:hover{border-color:#fbbf24;border-color:var(--accent-yellow);box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.related-post-image{background:linear-gradient(135deg,#1a2a5c,#2d3e7a);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));height:160px;overflow:hidden;position:relative}.related-post-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.related-post-card:hover .related-post-image img{transform:scale(1.05)}.related-category{background:#fbbf24;background:var(--accent-yellow);border-radius:3px;color:#78350f;font-size:10px;font-weight:700;padding:4px 10px;position:absolute;right:10px;text-transform:uppercase;top:10px}.related-post-content{display:flex;flex:1 1;flex-direction:column;padding:16px}.related-post-content h3{color:#1a2a5c;color:var(--primary-blue);font-size:14px;font-weight:700;line-height:1.4;margin-bottom:8px;margin-top:0}.related-post-content p{color:#6b7280;color:var(--text-light);flex:1 1;font-size:12px;line-height:1.5;margin:0 0 12px}.btn-read-more{align-self:flex-start;background:#1a2a5c;background:var(--primary-blue);border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;font-size:12px;font-weight:700;padding:8px 14px;transition:all .2s ease}.btn-read-more:hover{background:#2d3e7a;background:var(--secondary-blue)}.blog-toc-sidebar{display:flex;flex-direction:column;gap:24px}.toc-container{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;padding:20px}.toc-title{align-items:center;border-bottom:2px solid #fbbf24;border-bottom:2px solid var(--accent-yellow);color:#1a2a5c;color:var(--primary-blue);display:flex;font-size:13px;font-weight:800;gap:6px;letter-spacing:.8px;margin-bottom:14px;padding-bottom:10px;text-transform:uppercase}.toc-nav{display:flex;flex-direction:column;gap:8px}.toc-link{border-left:3px solid #0000;border-radius:3px;color:#6b7280;color:var(--text-light);display:block;font-size:12px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.toc-link:hover{background:#fbbf2414;border-left-color:#fbbf24;border-left-color:var(--accent-yellow);color:#1a2a5c;color:var(--primary-blue);padding-left:14px}.toc-level-1{font-weight:600;margin-top:4px}.toc-level-2{font-size:11px;padding-left:20px}.toc-level-3{font-size:15px;opacity:.85;padding-left:32px}.sidebar-box{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;padding:20px}.sidebar-box h3{border-bottom:2px solid #fbbf24;border-bottom:2px solid var(--accent-yellow);color:#1a2a5c;color:var(--primary-blue);font-size:13px;font-weight:800;letter-spacing:.8px;margin-bottom:14px;padding-bottom:10px;text-transform:uppercase}.sidebar-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:10px 0}.sidebar-item:last-child{border-bottom:none}.sidebar-link{align-items:center;color:#1f2937;color:var(--text-dark);display:flex;font-size:13px;font-weight:500;justify-content:space-between;text-decoration:none;transition:all .2s ease}.sidebar-link:hover{color:#1a2a5c;color:var(--primary-blue)}.sidebar-date{color:#6b7280;color:var(--text-light);font-size:11px;margin-top:3px}.about-author{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;padding:20px;text-align:center}.about-author h3{border-bottom:2px solid #fbbf24;border-bottom:2px solid var(--accent-yellow);color:#1a2a5c;color:var(--primary-blue);font-size:13px;font-weight:800;letter-spacing:.8px;margin-bottom:14px;padding-bottom:10px;text-transform:uppercase}.author-bio-avatar{align-items:center;background:linear-gradient(135deg,#1a2a5c,#2d3e7a);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));border-radius:50%;color:#fff;color:var(--white);display:flex;font-size:20px;font-weight:700;height:60px;justify-content:center;margin:0 auto 12px;width:60px}.author-bio-name{color:#1f2937;color:var(--text-dark);font-size:13px;font-weight:700;margin-bottom:6px}.author-bio-text{color:#6b7280;color:var(--text-light);font-size:12px;line-height:1.5;margin:0}.popular-posts-widget{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;padding:20px}.popular-posts-widget h3{border-bottom:2px solid #fbbf24;border-bottom:2px solid var(--accent-yellow);color:#1a2a5c;color:var(--primary-blue);font-size:13px;font-weight:800;letter-spacing:.8px;margin-bottom:14px;padding-bottom:10px;text-transform:uppercase}.popular-post-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:10px 0}.popular-post-item:last-child{border-bottom:none}.popular-post-title{color:#1a2a5c;color:var(--primary-blue);display:block;font-size:12px;font-weight:600;line-height:1.4;text-decoration:none;transition:all .2s ease}.popular-post-title:hover{color:#fbbf24;color:var(--accent-yellow)}.popular-post-date{color:#6b7280;color:var(--text-light);font-size:11px;margin-top:4px}.newsletter-banner{background:linear-gradient(135deg,#1a2a5c,#2d3e7a);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));border-radius:6px;color:#fff;color:var(--white);padding:20px;text-align:center}.newsletter-banner h3{color:#fff;color:var(--white);font-size:13px;font-weight:800;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.newsletter-banner p{font-size:12px;line-height:1.5;margin-bottom:14px;opacity:.9}.newsletter-banner input{border:none;border-radius:4px;font-size:12px;margin-bottom:10px;padding:10px 12px;width:100%}.newsletter-banner .btn-submit-comment{background:#fbbf24;background:var(--accent-yellow);color:#78350f;font-size:12px;padding:10px 12px;width:100%}.newsletter-banner .btn-submit-comment:hover{background:#f59e0b;background:var(--accent-hover)}.categories-widget{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;padding:20px}.categories-widget h3{border-bottom:2px solid #fbbf24;border-bottom:2px solid var(--accent-yellow);color:#1a2a5c;color:var(--primary-blue);font-size:13px;font-weight:800;letter-spacing:.8px;margin-bottom:14px;padding-bottom:10px;text-transform:uppercase}.category-item{align-items:center;display:flex;gap:8px;padding:10px 0}.category-item input[type=checkbox]{accent-color:#1a2a5c;accent-color:var(--primary-blue);cursor:pointer;height:16px;width:16px}.category-label{align-items:center;color:#1f2937;color:var(--text-dark);cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:8px;justify-content:space-between}.category-count{color:#6b7280;color:var(--text-light);font-size:11px;font-weight:600}.newsletter-input{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:4px;font-size:12px;margin-bottom:10px;padding:10px 12px;transition:all .2s ease;width:100%}.newsletter-input:focus{border-color:#1a2a5c;border-color:var(--primary-blue);box-shadow:0 0 0 3px #1a2a5c14;outline:none}.tags-widget{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;padding:20px}.tags-widget h3{border-bottom:2px solid #fbbf24;border-bottom:2px solid var(--accent-yellow);color:#1a2a5c;color:var(--primary-blue);font-size:13px;font-weight:800;letter-spacing:.8px;margin-bottom:14px;padding-bottom:10px;text-transform:uppercase}.tags-list-widget{display:flex;flex-wrap:wrap;gap:8px}.tag-link{background:#f9fafb;background:var(--bg-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:14px;color:#1a2a5c;color:var(--primary-blue);display:inline-block;font-size:12px;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .2s ease}.tag-link:hover{background:#fbbf24;background:var(--accent-yellow);border-color:#f59e0b;border-color:var(--accent-hover);color:#78350f}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{border:4px solid #e5e7eb;border-top:4px solid #1a2a5c;border:4px solid var(--border-color);border-top-color:var(--primary-blue);height:50px;width:50px}.error-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px;text-align:center}.error-container h2{color:#1a2a5c;color:var(--primary-blue);font-size:24px;font-weight:800}.error-container p{color:#6b7280;color:var(--text-light);font-size:14px}.btn-back{align-items:center;background:#1a2a5c;background:var(--primary-blue);border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-back:hover{background:#2d3e7a;background:var(--secondary-blue)}.copy-notification{animation:slideIn .3s ease;background:#10b981;border-radius:4px;bottom:24px;box-shadow:0 4px 12px #10b9814d;color:#fff;font-size:13px;font-weight:600;padding:12px 18px;position:fixed;right:24px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.blog-detail-content-wrapper{gap:32px;grid-template-columns:1fr}.blog-detail-main{padding:32px 16px}.article-title{font-size:36px}}@media (max-width:768px){.blog-detail-main{padding:20px 16px}.blog-detail-hero{height:300px;margin-bottom:32px}.article-title{font-size:28px}.article-info-bar{align-items:flex-start;flex-direction:column}.related-posts-grid{grid-template-columns:1fr}.blog-toc-sidebar{order:-1}}@media (max-width:480px){.blog-detail-main{padding:16px 12px}.blog-detail-hero{height:240px;margin-bottom:24px}.article-title{font-size:22px}.article-meta{margin-bottom:16px}.rich-content{font-size:15px}.comments-section{padding-top:24px}.blog-detail-main{padding:16px}.blog-detail-hero{height:240px}.article-title{font-size:22px}.article-meta{align-items:flex-start;flex-direction:column;gap:8px}.related-posts-grid{gap:16px}.comments-section{margin-top:40px;padding-top:30px}.copy-notification{bottom:16px;left:16px;right:16px;width:calc(100% - 32px)}}.blogger-dashboard-container{background:linear-gradient(135deg,#f5f6fa,#e8f0fe 50%,#f0f9ff);display:flex;min-height:100vh}.dashboard-wrapper-blogger{flex:1 1;flex-direction:column;margin:20px;padding:20px}.dashboard-wrapper,.dashboard-wrapper-blogger{display:flex;overflow-y:auto;transition:margin-left .3s ease}.dashboard-wrapper{flex:1 1}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin-bottom:40px}.dashboard-header h1{color:#0052cc;font-size:36px;font-weight:600;letter-spacing:-1px;margin:0 0 8px;text-shadow:0 2px 4px #0052cc1a}.dashboard-header p{color:#6b7280;font-size:15px;font-weight:500;letter-spacing:.3px;margin:0}.btn-create-new{align-items:center;background:linear-gradient(135deg,#0052cc,#1e7ce8);border:none;border-radius:10px;box-shadow:0 4px 15px #0052cc4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.btn-create-new:hover{box-shadow:0 6px 24px #0052cc66;transform:translateY(-2px)}.error-banner{background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;color:#991b1b;font-size:14px;font-weight:500;margin-bottom:30px;padding:16px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #0052cc33;border-radius:50%;border-top-color:#0052cc;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{color:#666;font-size:14px;font-weight:500}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:50px}@media (max-width:768px){.stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.stat-card{align-items:flex-start;background:#fff;border-radius:12px;border-top:4px solid #0052cc;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:#0000;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.stat-card:hover{border-top-color:#1e7ce8;box-shadow:0 8px 20px #0000cc1f;transform:translateY(-4px)}.stat-card.published:hover .stat-icon{box-shadow:0 4px 12px #22c55e40}.stat-card.total .stat-number{color:#0052cc}.stat-card.published .stat-number{color:#22c55e}.stat-card.draft .stat-number{color:#f59e0b}.stat-card.engagement{background:linear-gradient(135deg,#0052cc1a,#1e7ce81a);border-top:none;gap:24px}.stat-icon{align-items:center;background:linear-gradient(135deg,#0052cc,#1e7ce8);border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;transition:all .3s ease;width:56px}.stat-card:hover .stat-icon{box-shadow:0 4px 12px #0052cc40;transform:scale(1.05)}.stat-content{flex:1 1}.stat-number{font-feature-settings:"tnum";color:#0052cc;font-size:32px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-1.5px;line-height:1;margin-bottom:4px}.stat-label{color:#999;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-content-horizontal{display:flex;gap:20px;width:100%}.engagement-item{align-items:center;flex:1 1;gap:8px;justify-content:center}.engagement-icon{color:#0052cc;font-size:18px}.recent-blogs-section{margin-bottom:40px}.section-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.section-header h2{align-items:center;color:#0f172a;display:flex;font-size:26px;font-weight:800;gap:12px;letter-spacing:-.8px;margin:0}.view-all-link{align-items:center;background:none;border:none;color:#0052cc;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:0;transition:all .2s ease}.view-all-link:hover{color:#1e7ce8;gap:12px}.blogs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.blog-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.blog-preview-card:hover{border-color:#0052cc;box-shadow:0 12px 28px #0052cc26;transform:translateY(-4px)}.blog-preview-card-wrapper{display:flex;flex-direction:column;gap:8px}.blog-preview-card-wrapper .blog-preview-card{flex:1 1}.blog-action-buttons{display:flex;gap:8px;justify-content:flex-start}.btn-action{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:4px;justify-content:center;padding:6px 12px;transition:all .2s ease}.btn-action:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.btn-edit{background-color:#002660;border-color:#0052cc}.btn-edit:hover{background:#000f26}.btn-share{border-color:#059669;color:#059669}.btn-share:hover{background:#f0fdf4}.btn-delete{border-color:#dc2626;color:#dc2626}.btn-delete:hover{background:#fef2f2}.blog-preview-image{background:linear-gradient(135deg,#e0e7ff,#f0f9ff);height:180px;overflow:hidden;position:relative;width:100%}.blog-preview-image img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.blog-preview-card:hover .blog-preview-image img{transform:scale(1.08)}.status-badge{align-items:center;background:#fffffffa;border-radius:6px;box-shadow:0 4px 8px #00000026;color:#0052cc;display:flex;font-size:11px;font-weight:700;gap:4px;padding:6px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px}.status-badge.draft{color:#f59e0b}.blog-preview-content{display:flex;flex:1 1;flex-direction:column;padding:16px}.blog-preview-card h3{color:#0f172a;font-size:15px;font-weight:700;margin:0 0 8px}.blog-preview-card h3,.blog-preview-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden}.blog-preview-text{color:#666;font-size:12px;margin:0 0 10px}.blog-meta{color:#999;flex-direction:column;font-size:11px}.blog-meta,.btn-view-blog{display:flex;gap:6px;margin-top:auto}.btn-view-blog{align-items:center;background:linear-gradient(135deg,#0052cc,#1e7ce8);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;justify-content:center;padding:8px 12px;transition:all .2s ease}.btn-view-blog:hover{box-shadow:0 4px 12px #0052cc4d;transform:translateY(-1px)}.empty-blogs-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px}.empty-blogs-state h3{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 8px}.empty-blogs-state p{color:#666;font-size:13px;margin:0 0 20px}.btn-create-first{align-items:center;background:linear-gradient(135deg,#0052cc,#1e7ce8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:10px 24px;transition:all .3s ease}.btn-create-first:hover{box-shadow:0 6px 20px #0052cc66;transform:translateY(-2px)}.quick-tips-section{background:linear-gradient(135deg,#4f46e51a,#1e7ce81a);border:1px solid #0052cc33;border-radius:10px;padding:20px}.quick-tips-section h3{color:#0f172a;font-size:15px;font-weight:700;margin:0 0 12px}.tips-list{color:#333;font-size:12px;line-height:1.6;list-style:none;margin:0;padding:0}.tips-list li{margin-bottom:8px}@media (max-width:1024px){.dashboard-wrapper{margin-left:240px;padding:30px}}@media (max-width:768px){.dashboard-wrapper{margin-left:0;padding:80px 20px 20px}.dashboard-header{flex-direction:column}.btn-create-new{justify-content:center;width:100%}.blogs-grid,.stats-grid{grid-template-columns:1fr}.stat-content-horizontal{flex-direction:column;gap:12px}}@media (max-width:480px){.dashboard-wrapper{padding:70px 16px 16px}.dashboard-header h1{font-size:22px}.stat-card{padding:16px}.stat-number{font-size:22px}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#2563eb;--primary-dark:#1e40af;--secondary-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#0ea5e9;--success-color:#10b981;--light-gray:#f3f4f6;--gray:#9ca3af;--dark-gray:#4b5563;--text-color:#1f2937;--border-color:#e5e7eb;--radius:8px;--shadow:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;background-color:var(--light-gray);color:#1f2937;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root,body,html{height:100%;width:100%}.App{display:flex;flex-direction:column;min-height:100vh}.navbar{background:#003049;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:#fff;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{flex-wrap:wrap;gap:2rem;padding:1rem 2rem}.nav-container,.nav-top-row{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:100%}.nav-top-row{padding:1rem 2rem .5rem}.nav-bottom-row{border-top:1px solid #ffffff1a;margin:0 auto;max-width:100%}.logo{display:flex;flex-direction:column;flex-shrink:0}.role-selector{align-items:center;color:#fff;display:flex;font-weight:500;gap:10px}.role-dropdown{background-color:#fff3;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:all .3s ease}.role-dropdown:focus,.role-dropdown:hover{background-color:#ffffff4d}.role-dropdown:focus{box-shadow:0 0 0 3px #ffffff4d;outline:none}.role-dropdown option{background-color:#1e40af;background-color:var(--primary-dark);color:#fff}.logo h1{font-size:1.8rem;margin-bottom:.25rem}.logo p{font-size:.85rem;opacity:.9}.nav-menu{display:flex;gap:.5rem;list-style:none}.nav-link{border-radius:8px;border-radius:var(--radius);color:#fff;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-link.home-tab{background-color:#ffffff26;border:2px solid #ffffff4d;font-weight:600;padding:.4rem 1.2rem}.nav-link.home-tab:hover{background-color:#ffffff40;border-color:#ffffff80}.nav-link.home-tab.active{background-color:#ffffff4d;border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf244d}.nav-link.active,.nav-link:hover{background-color:#fff3;transform:translateY(-2px)}.main-content{flex:1 1;max-width:100%;width:100%}.footer{background-color:#1f2937;color:#fff;margin-top:auto;padding:1.5rem;text-align:center}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin:1rem 0 .5rem}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}.btn,h6{font-size:1rem}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;text-decoration:none;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:#1e40af;background-color:var(--primary-dark);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background-color:#9ca3af;background-color:var(--gray);color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563;background-color:var(--dark-gray)}.btn-danger{background-color:#ef4444;background-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-info{background-color:#0ea5e9;background-color:var(--info-color);color:#fff}.btn-info:hover:not(:disabled){background-color:#0284c7}.btn-warning{background-color:#ff9800;color:#fff}.btn-warning:hover:not(:disabled){background-color:#f57c00;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-sm{font-size:.875rem;padding:.375rem .75rem}.btn-plus{background-color:#10b981;background-color:var(--success-color)}.btn-minus,.btn-plus{color:#fff;height:32px;padding:0;width:32px}.btn-minus{background-color:#f59e0b;background-color:var(--warning-color)}.alert{border-left:4px solid;border-radius:8px;border-radius:var(--radius);font-weight:500;margin-bottom:1.5rem;padding:1rem}.alert-error{background-color:#fee2e2;border-color:#ef4444;border-color:var(--danger-color);color:#7f1d1d}.alert-success{background-color:#dcfce7;border-color:#10b981;border-color:var(--success-color);color:#15803d}.alert-warning{background-color:#fef3c7;border-color:#f59e0b;border-color:var(--warning-color);color:#92400e}.alert-info{background-color:#cffafe;border-color:#0ea5e9;border-color:var(--info-color);color:#0c4a6e}input,select,textarea{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius);font-family:inherit;font-size:1rem;padding:.625rem;transition:all .3s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}textarea{resize:vertical}.badge{border-radius:20px;display:inline-block;font-size:.825rem;font-weight:600;padding:.25rem .75rem}.badge-success{background-color:#d1fae5;color:#065f46}.badge-danger{background-color:#fee2e2;color:#7f1d1d}.badge-warning{background-color:#fef3c7;color:#92400e}.warning-badge{background-color:#fef3c7;color:#92400e}.stock-alert,.warning-badge{border-radius:4px;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.25rem .5rem}.stock-alert{background-color:#fee2e2;color:#7f1d1d}.alert-badge{background-color:#ef4444;background-color:var(--danger-color);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.loading{font-size:1.1rem}.loading,.no-assets{color:#9ca3af;color:var(--gray);padding:2rem;text-align:center}.no-assets{font-size:1rem}@media (max-width:768px){.nav-bottom-row,.nav-container,.nav-top-row{align-items:flex-start;flex-direction:column;gap:1rem;padding:.75rem 1rem}.nav-menu{flex-wrap:wrap;gap:.5rem}.main-content{padding:1rem}h1{font-size:1.5rem}h2{font-size:1.25rem}}.navbar-right-section{align-items:center;display:flex;gap:16px;margin-left:auto}.user-profile-section{flex-shrink:0;position:relative}.profile-trigger{align-items:center;border-radius:50px;cursor:pointer;display:flex;gap:10px;padding:6px 14px;transition:all .3s ease}.profile-avatar{color:#fff;font-size:20px;height:50px;top:10px;width:50px}.profile-avatar-img{border:2px solid #ffffff4d;border-radius:50%;height:50px;object-fit:cover;width:50px}.profile-trigger-info{align-items:flex-start;display:flex;flex-direction:column;line-height:1}.profile-name{color:#fff;font-size:20px;font-weight:700;padding-bottom:8px;white-space:nowrap}.profile-role-label{color:#ffffffb3;font-size:18px;font-weight:500;text-transform:capitalize;white-space:nowrap}.profile-chevron{color:#ffffffb3;font-size:1px;transition:transform .3s ease}.profile-chevron.open{transform:rotate(180deg)}.profile-dropdown{animation:dropdownSlide .2s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000002e;min-width:260px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);z-index:100}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{align-items:center;display:flex;gap:12px;padding:18px 18px 10px}.dropdown-avatar{color:#003049;flex-shrink:0;font-size:42px}.dropdown-avatar-img{border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;height:42px;object-fit:cover;width:42px}.dropdown-user-details{display:flex;flex-direction:column;gap:2px;overflow:hidden}.dropdown-name{color:#1f2937;font-size:15px;font-weight:700}.dropdown-email,.dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-email{color:#6b7280;font-size:12px}.dropdown-role{padding:4px 18px 14px}.dropdown-role .role-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 10px}.role-badge.role-asset_incharge{background:#dbeafe;color:#1e40af}.role-badge.role-lab_technician{background:#fef3c7;color:#92400e}.role-badge.role-lab_admin{background:#ede9fe;color:#5b21b6}.role-badge.role-asset_user{background:#d1fae5;color:#065f46}.dropdown-divider{background:#e5e7eb;height:1px;margin:0}.dropdown-profile-link{align-items:center;box-sizing:border-box;color:#1e293b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:14px 18px;text-decoration:none;transition:background .2s ease;width:100%}.dropdown-profile-link:hover{background:#f0f4ff;color:#2563eb}.dropdown-logout-btn{align-items:center;background:#0000;border:none;color:#ef4444;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:14px 18px;transition:background .2s ease;width:100%}.dropdown-logout-btn:hover{background:#fef2f2}.loading{align-items:center;color:#667eea;display:flex;font-size:24px;font-weight:600;justify-content:center;min-height:100vh}.technician-availability-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px;vertical-align:middle}.technician-availability-badge.busy{background-color:#ffebee;color:#c62828}.technician-availability-badge.available{background-color:#e8f5e9;color:#2e7d32}.availability-corner-indicator{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #0000001a;height:12px;position:absolute;right:8px;top:8px;width:12px}.availability-corner-indicator.busy{animation:pulse-red 2s infinite;background-color:#ef4444}.availability-corner-indicator.available{animation:pulse-green 2s infinite;background-color:#10b981}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.7}}
/*# sourceMappingURL=main.09a6b1b3.css.map*/