.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fadeIn .2s ease}.sidebar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #ff6b35;color:#ff6b35;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.sidebar-loading p{color:#6c757d;font-size:14px;margin:0}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;background-color:#fff;border-right:1px solid #e0e0e0;transition:all .3s ease;z-index:1000;overflow-y:auto;box-shadow:2px 0 8px #0000001a;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sidebar.collapsed{width:60px}.sidebar-header{padding:2px;border-bottom:1px solid #e0e0e0;background-color:#fff;position:sticky;top:0;z-index:10}.logo{display:flex;align-items:center;gap:12px;padding:8px}.logo-icon{width:154px;height:48px;color:#ff6b35;transition:all .3s ease}.logo-text{font-size:18px;font-weight:700;color:#ff6b35;letter-spacing:1px}.sidebar-nav{padding:20px 0}.nav-item-wrapper{margin-bottom:4px;position:relative}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#6c757d;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;background:none;width:100%;position:relative;min-height:48px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.nav-item:hover{background-color:#f8f9fa;color:#333}.nav-item:active{background-color:#e9ecef;transform:scale(.98)}.nav-item.active{background-color:#fff3f0;color:#ff6b35;border-right:3px solid #ff6b35}.nav-item.active .nav-icon{color:#ff6b35}.nav-icon{width:20px;height:20px;margin-right:12px;flex-shrink:0;transition:all .2s ease}.nav-text{flex:1;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submenu-toggle{width:16px;height:16px;margin-left:auto;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.submenu{background-color:#f8f9fa;border-left:2px solid #e9ecef;margin-left:20px;overflow:hidden;transition:all .3s ease;animation:slideDown .3s ease}.submenu-item{padding:10px 20px 10px 40px;font-size:13px;color:#6c757d;min-height:40px;display:flex;align-items:center;transition:all .2s ease}.submenu-item:hover{background-color:#e9ecef}.submenu-item:active{background-color:#dee2e6;transform:scale(.98)}.submenu-item.active{background-color:#fff3f0;color:#ff6b35;border-right:2px solid #ff6b35}.submenu-item .nav-icon{width:16px;height:16px;margin-right:8px}.collapsed-tooltip{position:fixed;left:85px;z-index:1001;pointer-events:none;min-width:200px;background-color:transparent}.collapsed-tooltip:before{content:"";position:absolute;left:-25px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent 0%,#ff6b35 20%,#ff6b35 80%,transparent 100%);z-index:-1}.tooltip-content{background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 20px #00000026;padding:12px;min-width:200px;max-width:250px;pointer-events:auto;animation:tooltipFadeIn .2s ease;margin-left:25px;border-left:3px solid #ff6b35;border-radius:0 8px 8px 0;position:relative;z-index:1002}.tooltip-content:before{content:"";position:absolute;left:-25px;top:20px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ffffff;z-index:1}.tooltip-content:after{content:"";position:absolute;left:-26px;top:20px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #e0e0e0}.collapsed-tooltip.right-edge{left:auto;right:85px;margin-left:0;margin-right:8px}.collapsed-tooltip.right-edge .tooltip-content{margin-left:0;margin-right:20px;border-left:none;border-right:3px solid #ff6b35;border-radius:8px 0 0 8px}.collapsed-tooltip.right-edge .tooltip-content:before{left:auto;right:-20px;border-left:10px solid #ffffff;border-right:none;border-top:10px solid transparent;border-bottom:10px solid transparent}.collapsed-tooltip.right-edge .tooltip-content:after{left:auto;right:-21px;border-left:10px solid #e0e0e0;border-right:none;border-top:10px solid transparent;border-bottom:10px solid transparent}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.tooltip-title{font-size:14px;font-weight:600;color:#333;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.tooltip-submenu{display:flex;flex-direction:column;gap:4px}.tooltip-submenu-item{display:flex;align-items:center;padding:8px 12px;color:#6c757d;text-decoration:none;border-radius:6px;transition:all .2s ease;font-size:13px;white-space:nowrap;cursor:pointer}.tooltip-submenu-item:hover{background-color:#f8f9fa;color:#333;transform:translate(2px)}.tooltip-submenu-item:active{background-color:#e9ecef;transform:translate(2px) scale(.98)}.tooltip-submenu-item.active{background-color:#fff3f0;color:#ff6b35}.tooltip-icon{width:16px;height:16px;margin-right:8px;flex-shrink:0}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-text,.sidebar.collapsed .submenu-toggle,.sidebar.collapsed .submenu{display:none}.sidebar.collapsed .logo-icon{width:40px;height:40px}.collapsed-logo{width:32px!important;height:32px!important;object-fit:contain;border-radius:4px}.sidebar.collapsed .nav-item{justify-content:center;padding:12px;position:relative}.sidebar.collapsed .nav-icon{margin-right:0}.sidebar.collapsed .nav-item-wrapper{position:relative}.sidebar.collapsed .collapsed-tooltip{position:fixed;left:85px}.sidebar.collapsed .nav-item:hover{background-color:#f8f9fa;transform:scale(1.05);z-index:10}.sidebar.collapsed .nav-item:hover .nav-icon{color:#ff6b35}.sidebar.collapsed .nav-item-wrapper:hover .collapsed-tooltip{display:block}@media (max-width: 1024px){.sidebar{width:240px}.main-content{margin-left:240px}.main-content.sidebar-collapsed{margin-left:60px}}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:280px;box-shadow:4px 0 16px #00000026;animation:slideIn .3s ease;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sidebar.show{transform:translate(0)}.sidebar.collapsed{width:280px;transform:translate(-100%)}.sidebar.collapsed.show{transform:translate(0)}.main-content,.main-content.sidebar-collapsed{margin-left:0}.collapsed-tooltip{display:none}.nav-item{min-height:56px;padding:16px 20px;touch-action:manipulation}.submenu-item{min-height:48px;padding:14px 20px 14px 40px;touch-action:manipulation}.nav-text{font-size:15px}.submenu-item .nav-text{font-size:14px}.nav-item-wrapper{margin-bottom:8px}.sidebar-nav{padding:16px 0}.nav-item,.submenu-item{-webkit-tap-highlight-color:transparent}.sidebar::-webkit-scrollbar{width:0}.sidebar{scrollbar-width:none}}@media (max-width: 480px){.sidebar,.sidebar.collapsed{width:100vw;max-width:320px}.nav-item{min-height:60px;padding:18px 20px}.submenu-item{min-height:52px;padding:16px 20px 16px 40px}.nav-text{font-size:16px}.submenu-item .nav-text{font-size:15px}.logo{padding:12px}.logo-icon{width:120px;height:40px}.collapsed-logo{width:28px!important;height:28px!important}}@media (max-width: 768px) and (orientation: landscape){.sidebar{height:100vh;overflow-y:auto}.nav-item{min-height:48px;padding:12px 20px}.submenu-item{min-height:40px;padding:10px 20px 10px 40px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.sidebar{border-right-width:.5px}.submenu{border-left-width:1px}}@media (prefers-reduced-motion: reduce){.sidebar,.nav-item,.submenu,.submenu-toggle,.nav-icon,.sidebar-overlay,.collapsed-tooltip{transition:none;animation:none}}@media (prefers-color-scheme: dark){.sidebar{border-right-color:#333}.sidebar-header{border-bottom-color:#333}.nav-item{color:#6c757d}.nav-item:hover{background-color:#f8f9fa;color:#333}.nav-item.active{color:#ff6b35}.submenu{border-left-color:#444}.submenu-item:hover{background-color:#e9ecef}.submenu-item.active{background-color:#fff3f0;color:#ff6b35;border-right:2px solid #ff6b35}.sidebar-loading p{color:#ccc}.tooltip-content{background-color:#1a1a1a;border-color:#333;color:#fff}.tooltip-content:before{border-right-color:#1a1a1a}.tooltip-content:after{border-right-color:#333}.collapsed-tooltip.right-edge .tooltip-content:before{border-left-color:#1a1a1a}.collapsed-tooltip.right-edge .tooltip-content:after{border-left-color:#333}.tooltip-title{color:#fff;border-bottom-color:#444}.tooltip-submenu-item{color:#ccc}.tooltip-submenu-item:hover{background-color:#2a2a2a;color:#fff}.tooltip-submenu-item.active{background-color:#3a1a0a;color:#ff6b35}.sidebar::-webkit-scrollbar-track{background:#2a2a2a}.sidebar::-webkit-scrollbar-thumb{background:#555}.sidebar::-webkit-scrollbar-thumb:hover{background:#777}}@media print{.sidebar,.sidebar-overlay,.collapsed-tooltip{display:none}.main-content{margin-left:0!important}}.user-profile-menu-container{position:relative;display:flex;align-items:center;z-index:10001}.user-profile-trigger{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;transition:all .2s ease;color:#333}.user-profile-trigger:hover{background-color:#0000000d}.user-avatar-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff8c00,#20b2aa);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-avatar-icon svg{width:24px;height:24px}.user-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.user-name{font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;line-height:1.4}.user-role{font-size:12px;font-weight:400;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;line-height:1.4}.dropdown-arrow{color:#666;flex-shrink:0;transition:transform .2s ease}.user-profile-trigger:hover .dropdown-arrow{color:#333}.user-profile-menu-container:has(.user-profile-trigger:active) .dropdown-arrow{transform:rotate(180deg)}.user-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:10000;animation:slideDown .2s ease-out;overflow:hidden;border:1px solid #e1e1e1}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:14px;font-weight:400;color:#333;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f0f0f0}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#f5f5f5;color:#000}.dropdown-item:active{background-color:#e8e8e8}@media (max-width: 768px){.user-profile-dropdown{right:-10px;min-width:160px}.user-name,.user-role{max-width:120px}}.main-header{display:flex;justify-content:space-between;align-items:center;padding:7px 24px;background-color:#fff;border-bottom:1px solid #e0e0e0;min-height:70px;position:sticky;top:0;z-index:200;box-shadow:0 2px 4px #0000000d}.header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.sidebar-toggle{background:none;border:none;padding:8px;cursor:pointer;color:#6c757d;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.sidebar-toggle:hover{background-color:#f8f9fa;color:#333}.sidebar-toggle:active{background-color:#e9ecef;transform:scale(.95)}.sidebar-toggle svg{width:20px;height:20px;transition:all .2s ease}.page-title{font-size:20px;font-weight:600;color:#333;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.page-subtitle{font-size:14px;color:#6c757d;margin:0 0 0 16px;white-space:nowrap}.header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.add-group-btn{background-color:#333;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-group-btn:hover{background-color:#555;transform:translateY(-1px)}.add-group-btn:active{transform:translateY(0)}@media (max-width: 1024px){.main-header{padding:14px 20px}.page-title{font-size:18px}}@media (max-width: 768px){.main-header{padding:12px 16px;min-height:60px}.header-left{flex-direction:row;align-items:center;gap:12px}.page-title{font-size:16px;margin-left:8px}.page-subtitle{display:none}.add-group-btn{padding:8px 16px;font-size:13px}.sidebar-toggle{min-width:36px;min-height:36px;padding:6px}.sidebar-toggle svg{width:18px;height:18px}}@media (max-width: 480px){.main-header{padding:10px 12px;min-height:56px}.header-left{gap:8px}.page-title{font-size:15px;margin-left:4px}.sidebar-toggle{min-width:32px;min-height:32px;padding:4px}.sidebar-toggle svg{width:16px;height:16px}.add-group-btn{padding:6px 12px;font-size:12px}}@media (max-width: 768px) and (orientation: landscape){.main-header{min-height:50px;padding:8px 16px}.page-title{font-size:16px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.main-header{border-bottom-width:.5px}}@media (prefers-reduced-motion: reduce){.sidebar-toggle,.add-group-btn{transition:none}.sidebar-toggle:active,.add-group-btn:hover,.add-group-btn:active{transform:none}}@media (prefers-color-scheme: dark){.main-header{border-bottom-color:#333;box-shadow:0 2px 4px #0003}.page-title{color:#fff}.page-subtitle,.sidebar-toggle{color:#ccc}.sidebar-toggle:hover{background-color:#2a2a2a;color:#fff}.sidebar-toggle:active{background-color:#3a3a3a}.add-group-btn{background-color:#fff;color:#1a1a1a}.add-group-btn:hover{background-color:#e0e0e0}}@media print{.sidebar-toggle{display:none}.main-header{box-shadow:none;border-bottom:1px solid #000}}.main-layout{display:flex;min-height:100vh;background-color:#f8f9fa;position:relative}.main-content{flex:1;margin-left:260px;transition:margin-left .3s ease;display:flex;flex-direction:column;min-width:0}.main-content.sidebar-collapsed{margin-left:60px}.content-area{flex:1;padding:1px;background-color:#f8f9fa;overflow-x:hidden}@media (max-width: 1024px){.main-content{margin-left:240px}.main-content.sidebar-collapsed{margin-left:60px}}@media (max-width: 768px){.main-content,.main-content.sidebar-collapsed{margin-left:0;width:100%}.content-area{padding:0}}@media (max-width: 480px){.main-layout{min-height:100vh}.content-area{padding:0}}@media (max-width: 768px) and (orientation: landscape){.main-layout{min-height:100vh}}@media (prefers-reduced-motion: reduce){.main-content{transition:none}}@media print{.main-content{margin-left:0!important}}.user-management-container{padding:24px;background-color:#fafafa}.user-management-header{margin-bottom:24px}.user-management-header h1{font-size:28px;font-weight:600;color:#323130;margin:0;border-bottom:2px solid #2ad400;padding-bottom:8px}.user-management-pivot{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.insert-user-container{padding:24px}.ms-Dropdown-title{width:950px!important}.form-header h2{font-size:24px;font-weight:600;color:#323130;margin:0 0 24px;padding-bottom:12px;border-bottom:1px solid #edebe9}.status-dropdown.form-select{width:382px;margin-top:10px}.user-form{max-width:800px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-field{flex:1;min-width:0}.form-actions{display:flex;gap:12px;margin-top:32px;padding-top:20px;border-top:1px solid #edebe9}.error-message{color:#d13438;font-size:12px;margin-top:4px}.user-table-container{padding:24px;font-size:15px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #edebe9}.table-header h2{font-size:24px;font-weight:600;color:#323130;margin:0}.table-stats{display:flex;gap:20px}.table-stats span{background-color:#f3f2f1;padding:4px 12px;border-radius:16px;font-size:14px;color:#605e5c}.table-filters{margin-bottom:16px}.filter-row{display:flex;gap:16px;align-items:flex-end}.search-box{flex:3;max-width:500px;min-width:400px}.department-filter{flex:1;max-width:200px}.table-command-bar{margin-bottom:12px}.table-wrapper{background-color:#fff;border:1px solid #edebe9;border-radius:8px;overflow:hidden}.user-details-list{min-height:400px}.action-buttons{display:flex;gap:8px}.action-button{background:none;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s ease}.action-button:hover{background-color:#f3f2f1}.edit-button:hover{background-color:#e1f5fe}.delete-button:hover{background-color:#ffebee}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background-color:#dff6dd;color:#107c10}.status-badge.inactive{background-color:#fde7e9;color:#d13438}@media (max-width: 768px){.user-management-container{padding:16px}.form-row{flex-direction:column;gap:16px}.filter-row{flex-direction:column;gap:12px}.search-box{max-width:100%;min-width:300px}.department-filter{max-width:100%}.table-header{flex-direction:column;align-items:flex-start;gap:12px}.table-stats{flex-direction:column;gap:8px}}.ms-Pivot-link{padding:16px 24px;font-weight:500}.user-management-container *{--ms-color-themePrimary: orange !important;--ms-color-themeDark: orange !important;--ms-color-themeDarker: orange !important;--ms-color-themeDarkAlt: orange !important}.user-management-container *[style*="#0078D4"],.user-management-container *[style*="#0078d4"],.user-management-container *[style*="0078D4"],.user-management-container *[style*="0078d4"]{color:orange!important;border-color:orange!important;background-color:orange!important}.user-management-container .ms-Pivot-link.is-selected,.user-management-container .ms-Pivot-link.is-selected:hover,.user-management-container .ms-Pivot-link.is-selected:focus{border-bottom-color:orange!important;font-weight:600}.user-management-container .ms-Pivot-link.is-selected:before,.user-management-container .ms-Pivot-link.is-selected:after{border-bottom-color:orange!important;background-color:orange!important}.user-management-container .ms-Pivot-link.is-selected .ms-Pivot-linkContent:after{border-bottom-color:orange!important}.user-management-container *{color:inherit!important}.user-management-container .ms-Pivot-link.is-selected{color:#323130!important;border-bottom:2px solid orange!important}.ms-Pivot-link:hover{background-color:#f3f2f1}.ms-Pivot-link.is-selected{background-color:#fff;border-bottom:2px solid orange!important}.ms-Pivot-link.is-selected:after{border-bottom-color:orange!important}.ms-Pivot-link.is-selected .ms-Pivot-linkContent,.ms-Pivot-link[data-is-focusable=true].is-selected{border-bottom:2px solid orange!important}.ms-TextField-wrapper,.ms-Dropdown-container{margin-bottom:4px}.ms-DetailsList-headerWrapper{background-color:#faf9f8;border-bottom:2px solid #edebe9}.ms-DetailsHeader-cell{font-weight:600;color:#323130;padding:12px 8px}.ms-DetailsRow-cell{padding:12px;border-bottom:1px solid #f3f2f1;font-size:12px}.ms-DetailsList-contentWrapper .ms-DetailsRow:hover{background-color:#f8f9fa}.ms-CommandBar{background-color:#faf9f8;border-bottom:1px solid #edebe9;padding:8px 16px}.ms-MessageBar{margin-bottom:16px}.ms-TextField-field[disabled]{background:none!important;color:#000;cursor:not-allowed;position:relative}.ms-TextField-field[disabled]:hover:after{content:"🚫";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none}.form-select.disabled{background:none!important;color:#a19f9d!important;cursor:not-allowed;position:relative}.form-select.disabled:hover:after{content:"🚫";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border-radius:6px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s;line-height:1;border:none;cursor:pointer}.btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.btn:disabled{opacity:.5;pointer-events:none}.btn-default{height:40px;padding:8px 16px}.btn-sm{height:36px;padding:6px 12px}.btn-lg{height:44px;padding:10px 24px}.btn-icon{height:40px;width:40px;padding:0}.btn-default-variant{background-color:#2563eb;color:#fff}.btn-default-variant:hover{background-color:#1d4ed8}.btn-destructive{background-color:#dc2626;color:#fff}.btn-destructive:hover{background-color:#b91c1c}.btn-outline{border:1px solid #d1d5db;background-color:#fff;color:#111827}.btn-outline:hover{background-color:#f3f4f6}.btn-secondary{background-color:#e5e7eb;color:#111827}.btn-secondary:hover{background-color:#d1d5db}.btn-ghost{background-color:transparent;color:#111827}.btn-ghost:hover{background-color:#f3f4f6}.btn-link{background-color:transparent;color:#2563eb;text-decoration:underline;text-underline-offset:4px}.role-management{padding:24px;background:#faf9f8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.role-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.role-management-title{font-size:28px;font-weight:600;color:#323130;margin:0}.role-management-actions{display:flex;align-items:center;background-color:orange;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#605e5c;z-index:1}.create-role-button{background:#d83b01;color:#fff;border:none;padding:8px 16px;border-radius:2px;font-size:14px;font-weight:600;cursor:pointer;height:32px}.create-role-button:hover{background:#c43501}.role-table-container{background:#fff;border-radius:2px;box-shadow:0 1.6px 3.6px #0002,0 .3px .9px #0000001c;overflow:hidden}.role-table{width:100%;border-collapse:collapse}.role-table th{background:#f3f2f1;padding:12px 16px;text-align:center;font-weight:600;font-size:14px;color:#323130;border-bottom:1px solid #edebe9}.role-table td{padding:12px 16px;border-bottom:1px solid #edebe9;font-size:14px;color:#323130;text-align:center}.role-table tr:hover{background:#f8f8f8}.status-badge{background:#dff6dd;color:#107c10;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.action-buttons{display:flex;gap:8px;justify-content:center}.edit-button{background:#107c10;color:#fff;border:none;padding:6px;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center}.delete-button{background:#d13438;color:#fff;border:none;padding:6px;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center}.delete-button:hover{background:#b52e31}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;color:#8a8886;font-size:12px;border-top:1px solid #f3f2f1;background-color:#fafafa}.pagination-button{padding:6px 12px;border:1px solid #d1d1d1;background-color:#fff;color:#323130;cursor:pointer;border-radius:2px;font-size:12px}.pagination-button:hover:not(:disabled){background-color:#f3f2f1}.pagination-button:disabled{background-color:#f3f2f1;color:#a19f9d;cursor:not-allowed}.pagination-button.active{background-color:orange;color:#fff;border-color:orange}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background:#fff;border-radius:2px;box-shadow:0 6.4px 14.4px #0002,0 1.2px 3.6px #0000001c;width:480px;max-width:90vw}.permissions-dialog{background:#fff;border-radius:2px;box-shadow:0 6.4px 14.4px #0002,0 1.2px 3.6px #0000001c;width:900px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #edebe9;margin-bottom:24px}.modal-title{font-size:20px;font-weight:600;color:#323130;margin:0}.close-button{background:none;border:none;cursor:pointer;color:#605e5c;padding:8px;border-radius:2px;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.close-button:hover{background:#f3f2f1}.modal-form{padding:0 24px}.form-group-role{margin-bottom:20px}.form-group-role label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:#323130}.form-group-role input,.form-group-role textarea{width:100%;padding:8px 12px;border:1px solid #8a8886;border-radius:2px;font-size:14px;font-family:inherit}.form-group-role input:focus,.form-group-role textarea:focus{border-color:#0078d4;outline:none;box-shadow:0 0 0 1px #0078d4}.form-group-role input.error{border-color:#d13438}.error-message{color:#d13438;font-size:12px;margin-top:4px;display:block}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #edebe9;margin-top:auto}.cancel-button{background:transparent;color:#323130;border:1px solid #8a8886;padding:8px 20px;border-radius:2px;cursor:pointer;font-size:14px}.cancel-button:hover{background:#f3f2f1}.submit-button{background:#0078d4;color:#fff;border:none;padding:8px 20px;border-radius:2px;cursor:pointer;font-size:14px;font-weight:600}.submit-button:hover:not(:disabled){background:#106ebe}.submit-button:disabled{background-color:orange;color:#fff;border:none;padding:5px 20px;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;cursor:not-allowed}.permissions-content{flex:1;padding:0 24px;overflow:hidden;display:flex;flex-direction:column}.permissions-table-container{flex:1;overflow-y:auto;border:1px solid #edebe9;border-radius:2px;margin-bottom:16px}.permissions-table{width:100%;border-collapse:collapse}.permissions-table th{background:#f3f2f1;padding:12px 16px;text-align:center;font-weight:600;font-size:14px;color:#323130;border-bottom:1px solid #edebe9;position:sticky;top:0}.permissions-table th:first-child{text-align:left;width:300px}.permissions-table td{padding:12px 16px;border-bottom:1px solid #edebe9;text-align:center;font-size:14px;color:#323130}.permissions-table td:first-child{text-align:left;font-weight:500}.permissions-table tr:hover{background:#f8f8f8}.permission-checkbox{width:16px;height:16px;cursor:pointer}.permissions-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;color:#605e5c}.page-name{font-family:Courier New,monospace;background:#f8f8f8;padding:4px 8px;border-radius:2px;font-size:12px}@media (max-width: 768px){.role-management{padding:16px}.role-management-header{flex-direction:column;gap:16px;align-items:stretch}.role-management-actions{flex-direction:column}.permissions-dialog{width:95vw;height:90vh}.permissions-table th:first-child{width:200px}}.container{padding:"24px";background-color:"#f5f7fa";min-height:"100vh";font-family:'"Segoe UI", Tahoma, Geneva, Verdana, sans-serif'}.header{display:"flex";justify-Content:"space-between";align-Items:"center";margin-bottom:"24px";background-color:"rgba(255, 255, 255, 0.9)";padding:"20px";border-radius:"12px";box-shadow:"0 4px 20px rgba(0, 0, 0, 0.1)"}.title{font-Size:"28px";font-weight:600;color:"#2c3e50";margin:"0"}.searchContainer{display:"flex";align-items:"center";gap:"16px"}.searchBox{min-width:"300px"}.createButton{background-color:"#ff6b35";border:"none";border-radius:"8px";padding:"12px 24px";color:"white";font-weight:"600";font-size:"14px";cursor:"pointer"}.tableContainer{background-color:"rgba(255, 255, 255, 0.95)";border-radius:"12px";overflow:"hidden";box-shadow:"0 8px 32px rgba(0, 0, 0, 0.1)"}.table{width:"100%"}.headerCell{background-color:"#f8f9fa";font-weight:"600";color:"#495057";padding:"16px";border-bottom:"2px solid #e9ecef"}.tableCell{padding:"16px";border-bottom:"1px solid #f1f3f4"}.deleteButton{background-color:"#dc3545";border:"none";border-radius:"6px";padding:"8px 12px";color:"white";cursor:"pointer"}.pagination{display:"flex";justify-content:space-between;align-items:"center";padding:"20px";background-color:"#f8f9fa";border-top:"1px solid #e9ecef"}.group-configuration{display:flex;min-height:100vh;background-color:#f5f5f5}.sidebar{width:250px;background-color:#fff;border-right:1px solid #e1e1e1}.main-contents{flex:1;min-width:100%}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;background-color:#fff;margin-top:10px;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.horizontal-choice-group .ms-ChoiceFieldGroup-flexContainer{display:flex;gap:20px;flex-wrap:wrap}.header-left h1{margin:0 0 4px;font-size:24px;font-weight:600;color:#333}.header-left p{margin:0;color:#666;font-size:14px}.subgroup-header-row{display:flex;align-items:center;justify-content:space-between}.icon-btn{border:none;background:transparent;padding:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#d13438}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn:hover:not(:disabled){filter:brightness(.9)}.header-actions{display:flex;gap:12px}.form-container{max-width:1575px}.form-section{background-color:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.section-header h2,.section-header h3,.section-header h4{margin:0 0 4px;color:#333;font-weight:700;font-size:18px}.component-section.collapsed{max-height:207px;overflow:hidden;transition:max-height .3s ease}.component-section.expanded{transition:max-height .3s ease}.feature-sections.collapsed{max-height:207px;overflow:hidden;transition:max-height .3s ease}.feature-sections.expanded{transition:max-height .3s ease}h3.sub_heading{margin-bottom:23px}.section-header p{margin:0;color:#666;font-size:14px}.ms-Dropdown-title{height:48px!important;width:208px!important;padding-top:10px;color:#999;border-radius:5px!important;border:1px solid #80808063!important}.ms-Dropdown-caretDownWrapper{right:30px!important;border-radius:2px!important;top:14px!important}.add-subgroup-btn{background-color:#ff6b35!important;border-color:#fff!important;border-radius:4px!important;font-size:14px!important;padding:10px 14px!important}.add-feature-btn,.add-component-btn{background-color:#fff!important;border-color:#fff!important;border-radius:4px!important;font-size:14px!important;color:#fb6c00!important;font-weight:600;font-size:16px!important;padding:10px 14px!important}.add-feature-btn{color:#fff}.subgroup-section{border-left:4px solid #ff6600}.feature-heading{padding:5px;font-weight:600}.features-components-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.feature-sections,.component-section{border:1px solid #e1e1e1;border-radius:8px;padding:20px}.feature-item,.component-item{background-color:#fff;padding:20px;border-radius:8px;margin-bottom:16px;border:1px solid #e1e1e1}.choice-label{display:block;font-weight:600;font-size:14px;color:#323130;margin-bottom:6px}.values-section{margin-top:16px;padding-top:16px;border-top:1px solid #e1e1e1}.values-section .ms-Stack{margin-bottom:8px}.add-value-btn{color:green!important;width:32px!important;height:32px!important;min-width:32px!important}.remove-value-btn{color:red!important;border-radius:50%!important;width:32px!important;height:32px!important;min-width:32px!important}.save-section{display:flex;align-items:center;gap:8px;margin-top:16px}.save-btn{background-color:#4caf50!important;border-color:#4caf50!important;border-radius:4px!important;font-size:14px!important;padding:6px 16px!important}.for-assets-text{color:#666;font-size:14px}.empty-state{color:#666;text-align:center;padding:20px}.ms-TextField-fieldGroup{border-radius:4px!important;height:48px!important;border:1px solid #80808063!important}.ms-TextField-field{width:208px}.ms-Dropdown-container{border-radius:4px!important}.ms-ChoiceField-wrapper{margin-bottom:0!important}.ms-ChoiceFieldGroup{display:flex!important;gap:16px!important}.ms-ChoiceField{margin-right:0!important}.content-header{background-color:#fff;padding:24px 40px;border-bottom:1px solid #e5e5e5;margin-top:10px;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 1px 3px #0000000f}.content-title{font-size:20px;font-weight:600;color:#323130;margin:0 0 4px}.content-subtitle{font-size:13px;color:#8a8886;margin:0;font-weight:400}.add-button{background-color:orange;color:#fff;border:none;padding:8px 16px;border-radius:2px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease;min-width:140px}.add-button:hover{background-color:#f87e05}.table-container{flex:1;padding:40px;background-color:#fafafa}.table-wrapper{background-color:#fff;border-radius:2px;box-shadow:0 1px 3px #0000001a;overflow:hidden;border:1px solid #e5e5e5}.data-table{width:100%;border-collapse:collapse;font-size:13px}.table-header-row{background-color:#f8f8f8;border-bottom:1px solid #e5e5e5}.table-header-cell{padding:16px 24px;text-align:left;font-weight:500;color:#605e5c;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.table-data-row{border-bottom:1px solid #f3f2f1;transition:background-color .2s ease}.table-data-row:hover{background-color:#fafafa}.table-data-row:last-child{border-bottom:none}.table-data-cell{padding:20px 24px;color:#323130;font-size:13px;vertical-align:middle}.group-name-cell{font-weight:500;color:#323130}.subgroup-cell{width:300px}.subgroup-container{display:flex;gap:8px;flex-wrap:wrap}.subgroup-pill{background-color:#e8f5e8;color:#0b5f0b;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:500;display:inline-block;white-space:nowrap}.status-active{color:#107c10;font-weight:500;font-size:13px}.edit-button{color:#ff6b35;text-decoration:none;font-weight:500;cursor:pointer;background:none;border:none;font-size:13px;padding:0}.edit-button:hover{text-decoration:underline}.pagination-footer{padding:16px 24px;color:#8a8886;font-size:12px;border-top:1px solid #f3f2f1;background-color:#fafafa}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;color:#8a8886;font-size:12px;border-top:1px solid #f3f2f1;background-color:#fafafa}.pagination-info{display:flex;gap:16px}.pagination-controls{display:flex;gap:4px;align-items:center}.pagination-btn{padding:6px 12px;border:1px solid #d1d1d1;background-color:#fff;color:#323130;cursor:pointer;border-radius:2px;font-size:12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f3f2f1;border-color:#a19f9d}.pagination-btn.active{background-color:#0078d4;color:#fff;border-color:#0078d4}.pagination-btn.active:hover{background-color:#106ebe;border-color:#106ebe}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.sub{display:flex;justify-content:flex-end;margin-bottom:19px;width:100%;margin-left:-16px}.status-active{color:green;font-weight:700}.status-inactive{color:red;font-weight:700}.subgroup-image-config{margin:24px 0;padding:20px;border:1px solid #e1e1e1;border-radius:8px}.subgroup-image-config h4{margin:0 0 4px;color:#333;font-size:16px;font-weight:600;padding:10px 0}.subgroup-image-config p{margin:0 0 16px;color:#666;font-size:14px}.feature-header{display:flex;justify-content:flex-end;margin-bottom:16px}.delete-feature-btn{color:red!important;border-radius:4px!important;width:32px!important;height:32px!important;min-width:32px!important}@media (max-width: 1024px) and (max-width: 1439px){.features-components-container{grid-template-columns:1fr}.sub{justify-content:flex-end}}@media (max-width: 1440px) and (max-width: 2559px){.features-components-container{grid-template-columns:1fr}.main-header{padding:12px 16px}}@media (max-width: 3840px){.form-container{max-width:none}}@media (max-width: 768px){.group-configuration{flex-direction:column}.sub{justify-content:center;margin-bottom:16px}.add-subgroup-btn{width:100%;max-width:200px}.header{flex-direction:column;gap:16px}.floating-label-container{position:relative;margin-top:24px}.floating-label-container .ms-TextField{position:relative}.floating-label-container .ms-Label{position:absolute;left:12px;top:12px;color:#666;pointer-events:none;background-color:#fff;padding:0 4px;transition:.2s ease all;transform-origin:top left}.dropdown-wrapper{position:relative;z-index:1}.floating-input-wrapper{position:relative;margin-top:20px}.floating-input{width:229px!important;padding:14px 12px 6px;font-size:16px;border:1px solid #ccc;border-radius:4px;outline:none;height:48px;margin-top:3px}.floating-labels{position:absolute;top:14px;left:12px;color:#999;font-size:16px;pointer-events:none;transition:.2s ease all;background:#fff;padding:0 4px}.floating-input:focus+.floating-labels,.floating-labels.active{left:8px;font-size:12px;color:#ff6b35;background:#fff}.error-message{color:red;font-size:12px;margin-top:4px;display:block}.floating-label-container .ms-TextField.is-focused .ms-Label,.floating-label-container .ms-TextField.has-value .ms-Label{top:-8px;left:8px;font-size:11px;color:#333;z-index:1}.header-actions{width:100%;justify-content:flex-end;background-color:orange!important}.app-container{flex-direction:column}.content-header{flex-direction:column;align-items:flex-start;gap:16px}.table-container{padding:20px}.table-wrapper{overflow-x:auto}.data-table{min-width:600px}}.disabled-hover-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#d13438;font-size:16px;pointer-events:none;z-index:10;animation:fadeInScale .2s ease-in-out}@keyframes fadeInScale{0%{opacity:0;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1)}}.floating-input:disabled:hover{background-color:#f8f8f8;cursor:not-allowed}.choice-label{color:#333;font-weight:500;margin-bottom:8px}.choice-label:has-text("(Select feature type first)"){color:#666;font-style:italic}.ms-Checkbox-checkbox:disabled{opacity:.5;cursor:not-allowed}.ms-Checkbox-label:disabled{opacity:.5;cursor:not-allowed}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,300px));justify-content:center;gap:20px;margin-bottom:40px}.action-card{background:#fff;border-radius:12px;padding:30px 20px;text-align:center;cursor:pointer;transition:all .3s ease;border:1px solid #e1e1e1;min-height:218px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:19px}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.action-card.add-asset{background:#2d9757;color:#fff}.action-card.transfer{background:#3f6aac;color:#fff}.action-card.track{background:#b54bb9;color:#fff}.action-card-icon{width:54px;height:54px;border:solid 5px;border-radius:54%;background:#fff3;display:flex;align-items:center;justify-content:center;margin-bottom:15px;font-size:24px}.action-card-title{font-size:18px;font-weight:600}.overview-section{background:#fff;border-radius:8px;padding:24px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.section-title{font-size:20px;font-weight:600;color:#323130;margin-bottom:20px}.search-filter-bar{display:flex;gap:15px;margin-bottom:20px;align-items:center}.filter-fields-row{display:flex;gap:15px;margin-bottom:20px;align-items:center;flex-wrap:wrap;animation:slideDown .3s ease-out;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-dropdown{flex:1;min-width:150px;max-width:200px;margin-bottom:10px}.filter-dropdown .ms-Dropdown{border-radius:4px}.filter-dropdown .ms-Dropdown-title{border:1px solid #d1d1d1!important;border-radius:11px!important;padding:8px 12px!important;background-color:#f8f8f8!important;color:#605e5c!important;font-size:14px!important;width:100%!important;box-sizing:border-box!important;max-width:none!important;min-width:auto!important}.filter-dropdown .ms-Dropdown-title:hover{border-color:#605e5c!important}.filter-dropdown .ms-Dropdown-title:focus{border-color:#0078d4!important;box-shadow:0 0 0 1px #0078d4!important}.filter-fields-row .filter-dropdown .ms-Dropdown{width:100%!important;max-width:100%!important}.filter-fields-row .filter-dropdown .ms-Dropdown-title{width:100%!important;max-width:100%!important;min-width:auto!important}.filter-fields-row .filter-dropdown{width:100%!important;max-width:100%!important;flex-shrink:1!important}.custom-dropdown-callout{border-radius:11px!important;box-shadow:0 4px 8px #0000001a!important;max-height:220px!important;overflow-y:auto!important;margin-top:8px!important}.filter-dropdown .ms-Dropdown-caretDownWrapper{border-radius:11px!important;background-color:#f8f8f8!important}.filter-dropdown .ms-Dropdown-caretDownWrapper:hover{background-color:#e1e1e1!important}@media (min-width: 1400px){.filter-fields-row{gap:20px}.filter-fields-row .filter-dropdown{min-width:180px!important;max-width:220px!important;flex:1!important;width:auto!important}.filter-fields-row .filter-dropdown .ms-Dropdown{width:100%!important;max-width:220px!important}}@media (max-width: 1399px) and (min-width: 1200px){.filter-fields-row{gap:15px}.filter-fields-row .filter-dropdown{min-width:160px!important;max-width:200px!important;flex:1 1 calc(25% - 11.25px)!important;width:auto!important}.filter-fields-row .filter-dropdown .ms-Dropdown{width:100%!important;max-width:200px!important}}@media (max-width: 1500px) and (min-width: 1200px){.filter-fields-row{gap:12px;flex-wrap:wrap}.filter-fields-row .filter-dropdown{min-width:150px!important;max-width:180px!important;flex:1 1 calc(33.333% - 8px)!important;width:auto!important}.filter-fields-row .filter-dropdown .ms-Dropdown{width:100%!important;max-width:180px!important}}@media (max-width: 1199px) and (min-width: 992px){.filter-fields-row{gap:12px}.filter-fields-row .filter-dropdown{min-width:150px!important;max-width:180px!important;flex:1 1 calc(33.333% - 8px)!important;width:auto!important}.filter-fields-row .filter-dropdown .ms-Dropdown{width:100%!important;max-width:180px!important}}@media (max-width: 991px) and (min-width: 768px){.filter-fields-row{gap:10px;flex-wrap:wrap}.filter-fields-row .filter-dropdown{min-width:140px!important;max-width:180px!important;flex:1 1 calc(50% - 5px)!important;width:auto!important}.filter-fields-row .filter-dropdown .ms-Dropdown{width:100%!important;max-width:180px!important}}@media (max-width: 767px) and (min-width: 576px){.filter-fields-row{flex-direction:column;gap:10px;align-items:stretch}.filter-fields-row .filter-dropdown{min-width:100%!important;max-width:100%!important;flex:none!important;width:100%!important}.filter-fields-row .filter-dropdown .ms-Dropdown{width:100%!important;max-width:100%!important}.search-filter-bar{flex-direction:column;gap:10px;align-items:stretch}.search-input{width:100%!important}.search-button,.filter-button{width:100%;justify-content:center}}@media (max-width: 575px){.overview-section{padding:16px}.section-title{font-size:18px;margin-bottom:16px}.filter-fields-row{gap:8px}.filter-fields-row .filter-dropdown{min-width:100%!important;max-width:100%!important;flex:none!important;width:100%!important}.filter-fields-row .filter-dropdown .ms-Dropdown{width:100%!important;max-width:100%!important}.search-filter-bar{gap:8px}.search-input{padding:8px 10px;font-size:14px}.search-button,.filter-button{padding:8px 16px;font-size:14px}.filter-dropdown .ms-Dropdown-title{padding:6px 10px!important;font-size:13px!important}}@media (max-width: 480px){.overview-section{padding:12px}.section-title{font-size:16px;margin-bottom:12px}.filter-fields-row,.search-filter-bar{gap:6px}.search-input{padding:6px 8px;font-size:13px}.search-button,.filter-button{padding:6px 12px;font-size:13px}.filter-dropdown .ms-Dropdown-title{padding:5px 8px;font-size:12px}}.search-input{width:31%;padding:10px 12px;border:1px solid #d1d1d1;border-radius:4px;font-size:14px}.filter-button,.search-button{padding:10px 20px;border:1px solid #d1d1d1;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px}.search-button{background:#323130;color:#fff;border-color:#323130}.filter-button:hover,.search-button:hover{background:#f3f2f1}.search-button:hover{background:#484644}.reset-button{padding:10px 20px;border:1px solid #d13438;background:#fff;color:#d13438;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;margin-left:8px}.reset-button:hover{background:#d13438;color:#fff}.clear-button{background:transparent;border:none;cursor:pointer;font-size:16px;margin-left:-37px;color:#888}.clear-button:hover{color:#000}.asset-categories{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.category-item{display:flex;align-items:center;gap:8px;padding:8px 0}.category-label{font-size:14px;color:#605e5c}.category-count{font-weight:600;color:#1890ff}.details-button{background:#323130;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:12px;cursor:pointer;margin-left:auto}.asset-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.asset-table{width:100%;border-collapse:collapse}.asset-table th,.asset-table td{padding:12px;text-align:left;border-bottom:1px solid #e1e1e1}.asset-table th{background-color:#f8f8f8;font-weight:600;color:#323130;font-size:14px}.asset-table td{color:#605e5c;font-size:14px}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-align:center;min-width:70px}.status-badge.in-use{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.idle{background-color:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.status-badge.submitted{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.draft{background-color:#f9f0ff;color:#722ed1;border:1px solid #d3adf7}.view-link{color:#ff6b35;text-decoration:none;font-weight:500}.view-link:hover{text-decoration:underline}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dashboard-actions{display:flex;gap:10px}.action-button{padding:8px 16px;border:1px solid #d1d1d1;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px}.stats-container{background:#fff;padding:30px;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.total-assets{font-size:48px;font-weight:700;color:#323130;margin-bottom:8px}.stats-subtitle{color:#605e5c;font-size:14px;margin-bottom:20px}.asset-breakdown{display:flex;gap:30px;flex-wrap:wrap}.breakdown-item{display:flex;align-items:center;gap:8px}.breakdown-label{font-size:14px;color:#605e5c}.breakdown-count{font-weight:600;color:#1890ff}.transfer-section{background:#fff;border-radius:8px;padding:24px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.transfer-table{width:100%;border-collapse:collapse;margin-top:20px}.transfer-table th,.transfer-table td{padding:12px;text-align:left;border-bottom:1px solid #e1e1e1}.transfer-table th{background-color:#f8f8f8;font-weight:600;color:#323130;font-size:14px}.transfer-status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-align:center;min-width:80px}.transfer-status.pending{background-color:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.transfer-status.in-transit{background-color:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.transfer-status.in-progress{background-color:#f9f0ff;color:#722ed1;border:1px solid #d3adf7}.transfer-status.transferred{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.overview-container{padding:20px}.dashboard-header{display:flex;justify-content:space-between;align-items:center}.page-title{font-size:24px;font-weight:700}.dashboard-actions .action-button{background:#0078d4;color:#fff;border:none;padding:8px 12px;margin-left:10px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center}.dashboard-actions .icon{font-size:16px;margin-right:6px}.stats-container{margin-top:30px;display:flex;justify-content:space-between}.stats-label{margin-bottom:10px;font-size:14px;color:#605e5c}.total-assets{font-size:28px;font-weight:700}.stats-subtitle{font-size:12px;color:#605e5c}.asset-breakdown{display:flex;gap:20px}.breakdown-item{display:flex;flex-direction:column;align-items:center}.breakdown-label{font-weight:500}.breakdown-count{font-size:18px;font-weight:700}.transfer-section{margin-top:40px}.transfer-table{width:100%;border-collapse:collapse;margin-top:10px}.transfer-table th,.transfer-table td{padding:12px;border-bottom:1px solid #eaeaea}.transfer-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;color:#fff}.in-transit,.in-progress{background-color:#0078d4}.transferred{background-color:#28a745}.product-name{font-size:14px;font-weight:500}.product-code{font-size:12px;color:#605e5c}.view-link{color:#0078d4;text-decoration:none}.bottom-section{display:flex;gap:20px;margin-top:30px}.card{flex:1;background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.card-empty{height:200px;display:flex;align-items:center;justify-content:center;color:#605e5c}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.location-label{font-size:14px;color:#605e5c}.depreciation-graph{height:200px;display:flex;align-items:center;justify-content:center;color:#605e5c}@media (max-width: 768px){.sidebar{width:100%;position:relative;height:auto}.main-content{margin-left:0}.action-cards{grid-template-columns:1fr}.search-filter-bar{flex-direction:column;align-items:stretch}.asset-categories{flex-direction:column}.dashboard-header{flex-direction:column;align-items:stretch;gap:15px}.asset-breakdown{flex-direction:column;gap:15px}}.main-con{margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;min-height:100vh}.main-header-container{margin-bottom:30px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.main-header-container h1{font-size:24px;color:#333;margin:0 0 8px;font-weight:600}.subtitle{color:#666;font-size:14px;margin:0}.step-navigation{display:flex;justify-content:center;align-items:center;margin:30px 0;background:#fff;padding:64px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.step{display:flex;flex-direction:column;align-items:center;margin:0 40px;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:15px;right:-112px;width:152px;height:2px;background-color:#e0e0e0}h4.form-label-features{color:#000;padding:10px 0;font-weight:500;font-size:15px}.step.completed:not(:last-child):after,.step.active:not(:last-child):after{background-color:#ff6b35}.step-number{width:30px;height:30px;border-radius:22%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;margin-bottom:8px}.step.pending .step-number{background-color:#e0e0e0;color:#999}.step.active .step-number{background-color:#ff6b35;color:#fff}.step.completed .step-number{background-color:#369763;color:#fff}.step-label{font-size:12px;text-align:center;color:#666;font-weight:500}.step.active .step-label{color:#ff6b35;font-weight:600}.form-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.form-section-group{padding:30px;height:390px}.form-title{font-size:20px;color:#333;margin:0 0 30px;font-weight:600;padding-bottom:10px}.section-title{font-size:16px;font-weight:600;color:#333;margin:25px 0 15px}.section-header{display:flex;justify-content:space-between;align-items:center;margin:25px 0 15px}.edit-link{color:#ff6b35;cursor:pointer;font-size:14px}.form-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px;margin-bottom:16px}.form-group{position:relative;display:flex;flex-direction:column;color:#8a88864d}.form-control{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#333;background:#fff;transition:border-color .2s ease;height:36px}.form-control:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b351a}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.floating-input-group,.floating-input-groups{position:relative;margin-bottom:20px}.floating-labels{position:absolute;left:15px;top:13px;color:#999;pointer-events:none;transition:all .2s ease}.dropdown-wrapper.active{border-color:#0078d4}.floating-labels.active{top:-6px;border-color:#ff6b35;left:8px;font-size:12px;background:#fff}.floating-input{width:229px;padding:12px 16px 8px;font-size:14px;border:1px solid #ddd;border-radius:4px;background:#fff;transition:all .2s ease;height:48px}.dropdown-wrapper{position:relative}.floating-input:focus{outline:none}.floating-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:14px;color:#999;transition:all .2s ease;pointer-events:none;background:#fff;padding:0 4px}.imageSize{background-color:#8080803b;padding:6px;border-radius:5px}.floating-input:focus+.floating-label,.floating-input:not(:placeholder-shown)+.floating-label{top:0;transform:translateY(-50%);font-size:12px;color:#666}.form-label{font-size:12px;color:#666;margin-bottom:6px;font-weight:500}.form-input,.form-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#333;background:#fff;margin-top:3px;transition:border-color .2s ease;height:48px;width:229px}.form-input:focus,.form-select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b351a}.form-input::placeholder{color:#ccc;font-size:13px}.dropdown-container{position:relative}.dropdown-menu{position:absolute;top:100%;width:229px;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a}.dropdown-item{padding:12px 16px;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item.selected{background-color:#ff6b35;color:#fff}.error-message{color:#dc3545;font-size:15px;margin-top:4px}.form-input.error,.form-select.error{border-color:#dc3545}.image-upload-section{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}.image-upload-area{border:2px dashed #ccc;padding:20px;width:650px;height:50px;text-align:center;cursor:pointer;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.uploaded-images{display:flex;gap:10px;flex-wrap:wrap}.uploaded-image{position:relative}.image-preview{width:100px;height:100px;object-fit:cover;border:1px solid #ccc;border-radius:4px}.remove-image{position:absolute;top:-8px;right:-8px;background:red;color:#fff;border:none;border-radius:50%;cursor:pointer;width:20px;height:20px;line-height:18px;text-align:center;font-size:14px}.image-upload-area:hover{border-color:#ff6b35}.upload-label{cursor:pointer;display:block}.upload-content{display:flex;align-items:center;gap:12px;color:#666;flex-wrap:wrap}.upload-button{background:#ff6b35;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;white-space:nowrap}.upload-text,.upload-info{font-size:14px;white-space:nowrap}.uploaded-image{position:relative;width:100px;margin-top:-48px;height:100px;border-radius:8px;overflow:hidden;border:2px solid #ddd}.section-titles{font-size:20px;font-weight:700;margin-bottom:8px;color:#333;padding:10px 0}.subsection-titles{font-size:16px;font-weight:600;margin-bottom:12px;color:#555}.feature-section{border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin:20px 0;background:#fafafa}.feature-components-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.feature-column,.components-column{border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin:10px 0;background:#fafafa}.components-column .form-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}input.floating-input_field{width:210px;height:45px;padding:10px;border:1px solid #80808059}.components-note{font-size:11px;color:#666;margin-top:15px;line-height:1.4}.review-header{margin-bottom:30px}.review-container{background:#f8f9fa;border-radius:8px;padding:30px;border:1px solid #e0e0e0}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;margin-bottom:30px}.review-item{display:flex;flex-direction:column;gap:8px}.review-item.full-width{grid-column:1 / -1}.review-label{font-size:12px;color:#666;font-weight:500;background:#e9ecef;padding:8px 12px;border-radius:4px 4px 0 0;margin:0}.review-value{font-size:14px;color:#333;font-weight:500;background:#fff;padding:12px;border-radius:0 0 4px 4px;border:1px solid #dee2e6;border-top:none;min-height:20px}.remove-image{position:absolute;top:-2px;right:-1px;background:red;color:#fff;border:none;border-radius:50%;cursor:pointer;width:22px;height:24px;line-height:18px;text-align:center;font-size:14px}.review-image{width:80px;height:80px;border-radius:4px;overflow:hidden;border:1px solid #ddd}.review-image-thumbnail{width:100%;height:100%;object-fit:cover}.no-images{color:#999;font-style:italic;font-size:14px}.review-section-details{margin-top:30px;padding-top:20px;border-top:1px solid #dee2e6}.review-section-title{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}.feature-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.feature-detail-item{background:#fff;padding:16px;border-radius:6px;border:1px solid #dee2e6}.feature-name{font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.feature-values{display:flex;flex-direction:column;gap:4px}.feature-value{background:#f8f9fa;padding:6px 10px;border-radius:4px;font-size:13px;color:#555}.components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.component-detail-item{background:#fff;padding:20px;border-radius:6px;border:1px solid #dee2e6}.component-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.component-name{font-weight:600;color:#333;font-size:16px;margin-bottom:4px}.component-code{color:#666;font-size:13px;font-family:monospace}.component-features{display:flex;flex-direction:column;gap:12px}.component-feature{background:#f8f9fa;padding:12px;border-radius:4px}.component-feature-name{font-weight:500;color:#333;margin-bottom:6px;font-size:13px}.component-feature-values{display:flex;flex-direction:column;gap:3px}.component-feature-value{background:#fff;padding:4px 8px;border-radius:3px;font-size:12px;color:#555}@media (max-width: 768px){.feature-components-container,.review-grid,.components-grid,.feature-details-grid{grid-template-columns:1fr}}.form-actions{display:flex;justify-content:center;gap:15px;margin-top:75px;padding-top:20px;border-top:none}.btn{padding:12px 24px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.btn-cancel{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.btn-cancel:hover{background:#e9ecef;color:#495057}.btn-primary{background:#369763;color:#fff;border-radius:5%}.btn-primary:hover{background:#218838}.form-note{font-size:12px;color:#666;margin:15px 0;font-style:italic}.review-section{margin:20px 0}.review-section h3{color:#333;font-size:16px;margin:20px 0 10px;font-weight:600}.review-data{background:#f8f9fa;padding:15px;border-radius:4px;margin-bottom:15px}.review-data p{margin:5px 0;font-size:14px}.review-data strong{color:#333;font-weight:600}.review-submit-container{margin:0 auto;padding:24px;background-color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.review-header{margin-bottom:32px}.review-title{font-weight:600;color:#323130;margin-bottom:8px}.review-subtitle{color:#605e5c;font-weight:400}.review-content{border-radius:4px}.table-divider{height:1px;border:1px solid #8080802e}.section-title{font-weight:600;color:#323130;margin-bottom:24px}.review-table{width:100%;border:1px solid #80808047;border-collapse:separate;border-spacing:0;background-color:#fff;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.table-row{border-bottom:1px solid #edebe9}.table-row:last-child{border-bottom:none}.label-cell{width:20%;padding:22px 24px;background-color:#f3f2f1;border-right:1px solid #edebe9;vertical-align:top}.value-cell{width:60%;padding:16px 20px;background-color:#fff;vertical-align:top}.field-label{font-weight:800;color:#323130}.field-value{color:#323130;font-size:15px}.images-container{display:flex;gap:8px;flex-wrap:wrap}.image-thumbnail{width:60px;height:60px;border-radius:4px;overflow:hidden;border:1px solid #edebe9;background-color:#f3f2f1}.thumbnail-image{width:100%;height:100%;object-fit:cover}.placeholder-images{display:flex;gap:8px}.image-thumbnail.placeholder{background-color:#e1dfdd}.placeholder-content{width:100%;height:100%;background:linear-gradient(135deg,#f3f2f1 25%,transparent 25%),linear-gradient(225deg,#f3f2f1 25%,transparent 25%),linear-gradient(45deg,#f3f2f1 25%,transparent 25%),linear-gradient(315deg,#f3f2f1 25%,#e1dfdd 25%);background-position:8px 0,8px 8px,0 8px,0 0;background-size:16px 16px;background-repeat:repeat}.features-container{display:flex;flex-direction:column;gap:12px}.feature-item{gap:8px;align-items:baseline}.feature-name{font-weight:600;color:#323130;min-width:fit-content}.feature-value{color:#323130;font-weight:400}.components-container{display:flex;flex-direction:column;gap:16px}.component-item{display:flex;flex-direction:column;gap:8px}.component-name{font-weight:600;color:#323130;margin-bottom:4px}.component-features{display:flex;flex-direction:column;gap:8px;margin-left:16px}.component-feature-item{display:flex;gap:8px;align-items:baseline}.component-feature-name{font-weight:500;color:#323130;min-width:fit-content}.component-feature-value{color:#323130;font-weight:400}.checkboxes-section{margin:24px 0;padding:20px;background-color:#fff;border-radius:4px;border:1px solid #edebe9}.review-checkbox{margin-bottom:12px}.review-checkbox:last-child{margin-bottom:0}.action-buttons{text-align:center}.Review-edit-button{min-width:80px;height:36px;border:1px solid #8a888675;background-color:#fff;color:#323130}.edit-button:hover{background-color:#f3f2f1;border-color:#605e5c}.submit-button{min-width:80px;height:36px;background-color:#107c10;border:1px solid #107c10;color:#fff}.submit-button:hover{background-color:#0e6e0e;border-color:#0e6e0e}.download-button{width:36px;height:36px;border:1px solid #8a8886;background-color:#fff;color:#323130}.download-button:hover{background-color:#f3f2f1;border-color:#605e5c}@media (max-width: 768px){.review-submit-container{padding:16px}.label-cell,.value-cell{padding:12px 16px}.label-cell{width:35%}.value-cell{width:65%}.images-container{gap:6px}.image-thumbnail{width:50px;height:50px}}@media (max-width: 480px){.review-table{font-size:14px}.label-cell,.value-cell{padding:10px 12px}.image-thumbnail{width:45px;height:45px}}@media (max-width: 768px){.main-con{padding:10px}.form-row{grid-template-columns:1fr;gap:15px}.step-navigation{flex-direction:column;gap:20px}.step:not(:last-child):after{display:none}.form-actions{flex-direction:column}.btn{width:100%}}.searchable-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px #0000001a;z-index:1000;max-height:300px;overflow:hidden;width:229px}.search-input-container{padding:8px;border-bottom:1px solid #eee;background:#f8f9fa}.search-input{width:31%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s ease}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.dropdown-options-container{max-height:200px;overflow-y:auto}.dropdown-item.no-results{padding:12px 16px;color:#666;font-style:italic;text-align:center;cursor:default}.dropdown-item.no-results:hover{background-color:transparent}.dropdown-options-container::-webkit-scrollbar{width:6px}.dropdown-options-container::-webkit-scrollbar-track{background:#f1f1f1}.dropdown-options-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-options-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.image-zoom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.image-zoom-modal-content{background:#fff;border-radius:8px;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.image-zoom-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e1e1e1;background:#f8f9fa;border-radius:8px 8px 0 0}.zoom-controls{display:flex;align-items:center;gap:12px}.zoom-btn{background:#0078d4;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:16px;font-weight:700;min-width:40px;transition:background-color .2s ease}.zoom-btn:hover:not(:disabled){background:#106ebe}.zoom-btn:disabled{background:#c8c6c4;cursor:not-allowed}.reset-btn{background:#6c757d;font-size:12px;padding:8px 16px}.reset-btn:hover:not(:disabled){background:#5a6268}.zoom-level{font-weight:600;color:#323130;min-width:50px;text-align:center;font-size:14px}.close-btn{background:#dc3545;color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.close-btn:hover{background:#c82333}.image-zoom-modal-body{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f5f5f5;position:relative}.image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.zoomed-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .1s ease;-webkit-user-select:none;user-select:none}.image-zoom-modal-footer{padding:12px 20px;background:#f8f9fa;border-top:1px solid #e1e1e1;border-radius:0 0 8px 8px}.zoom-instructions{display:flex;gap:20px;font-size:12px;color:#666;justify-content:center;flex-wrap:wrap}.zoom-instructions span{white-space:nowrap}@media (max-width: 768px){.image-zoom-modal-overlay{padding:10px}.image-zoom-modal-header{padding:12px 16px}.zoom-controls{gap:8px}.zoom-btn{padding:6px 10px;font-size:14px;min-width:36px}.zoom-instructions{flex-direction:column;gap:4px;text-align:center}}.image-zoom-modal-overlay{animation:fadeIn .2s ease-out}.image-zoom-modal-content{animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--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 rgba(0, 0, 0, .1);--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(to right, #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: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{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{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.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{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-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,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@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--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-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--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-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%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.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{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-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--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-input-approval{width:100%;padding:8px 12px 8px 36px;border:1px solid #d2d0ce00;background-color:#80808012;border-radius:6px;font-size:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23605e5c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:16px}.pagination-info{display:flex;flex-direction:column;gap:4px}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{padding:8px 12px;border:1px solid #d2d0ce;background-color:#fff;color:#323130;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f3f2f1;border-color:#605e5c}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background-color:orange;color:#fff;border-color:orange}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid #f3f2f1;border-top:3px solid #0078d4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.asset-details__basic{background:#fff;padding:24px;width:860px;border-radius:8px;margin-bottom:3px;box-shadow:0 1px 3px #0000001a}.asset-details__grid-item:last-child{grid-column:3;grid-row:2;justify-self:end;text-align:right;margin-top:36px;padding:26px;border-radius:6px}.asset-details__grid-item:last-child:before{content:"";position:absolute;top:18px;left:-696px;right:-2px;height:1px;background:repeating-linear-gradient(to right,#d1d1d1 0,#d1d1d1 4px,transparent 4px,transparent 8px)}.asset-details__grid-item{display:flex;flex-direction:column;gap:4px;position:relative}.asset-details__label{color:#666;font-size:12px;font-weight:500;margin-bottom:2px}.asset-details__label{color:#666;font-size:12px}.asset-details__highlight{font-weight:600}.asset-details__products{display:flex;flex-direction:column;gap:16px}.asset-details__product{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:860px}.asset-details__product-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8f9fa;border-bottom:1px solid #e1e1e1;cursor:pointer;transition:background-color .2s}.asset-details__product-header:hover{background:#f0f2f5}.asset-details__product-title{display:flex;align-items:center;gap:16px}.asset-details__completion{display:flex;align-items:center;gap:8px}.asset-details__completed-text{color:#107c10;font-weight:500}.asset-details__product-content{padding:24px}.asset-details__form-section-group{background:#fff;padding:24px;border-radius:8px;width:860px;box-shadow:0 1px 3px #0000001a}.asset-details__form-section{margin-bottom:32px;background-color:#fff;border:1px solid #00000000;padding:10px;border-radius:8px;box-shadow:0 1px 3px #00000026;transition:box-shadow .3s ease}.asset-details__form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:16px}.asset-details__error-message{color:#d13438;font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px}.asset-details__floating-input.error{border-color:#d13438}.asset-details__floating-input.error:focus{border-color:#d13438;box-shadow:0 0 0 1px #d13438}.asset-details__upload{border:2px dashed #d1d1d1;border-radius:8px;padding:32px;text-align:center;background:#fafafa;cursor:pointer;transition:border-color .2s,background-color .2s}.asset-details__upload:hover{background:#f3f9fd}.asset-details__upload-icon{font-size:32px;color:#666;margin-bottom:8px}@media (max-width: 768px){.asset-details__grid,.asset-details__form-row{grid-template-columns:1fr;gap:16px}.asset-details__header-content{flex-direction:column;gap:16px;align-items:stretch}.asset-details__actions{justify-content:flex-end}.asset-details__content{padding:16px}}.asset-details__feature-section{margin-bottom:32px}.asset-details__feature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.asset-details__add-features-btn{background-color:#fff!important;border-color:#fff!important;border-radius:4px!important;font-size:14px!important;color:#fb6c00!important;font-weight:600;font-size:16px!important;padding:10px 14px!important}.asset-details__instruction-text{color:#666;font-size:14px;font-style:italic;text-align:center;padding:40px 20px;background-color:#f9f9f9;border-radius:8px;border:1px dashed #ccc;margin-bottom:20px}.asset-details__feature-item{background-color:#fff;padding:24px;border-radius:8px;margin-bottom:20px;border:1px solid #e1e1e1;box-shadow:0 1px 3px #0000001a}.asset-details__feature-item-header{display:flex;justify-content:flex-end;margin-bottom:20px}.asset-details__feature-content{margin-top:0}.asset-details__feature-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:20px;align-items:start}.asset-details__feature-field{display:flex;flex-direction:column}.asset-details__field-label{font-weight:600;font-size:14px;color:#323130;display:block}.asset-details__input-wrapper{position:relative}.asset-details__feature-input{width:59%!important;padding:12px 16px;font-size:14px;border:1px solid #d1d1d1;outline:none;height:40px;transition:border-color .2s ease}.asset-details__feature-input:focus{box-shadow:0 0 0 2px #007ad41a}.asset-details__feature-input::placeholder{color:#999}.asset-details__feature-dropdown{width:100%}.asset-details__checkbox-group{display:flex;gap:16px;margin-top:8px}.asset-details__values-section{margin-top:16px;padding-top:16px;border-top:1px solid #e1e1e1}.asset-details__values-section .asset-details__values-row:not(:last-child){margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.asset-details__values-label{font-weight:600;font-size:14px;color:#323130;margin-bottom:12px;display:block}.asset-details__components-section{margin-bottom:32px}.asset-details__components-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.asset-details__add-component-btn{background-color:#fff!important;border-color:#fff!important;border-radius:4px!important;font-size:14px!important;color:#fb6c00!important;font-weight:600;font-size:16px!important;padding:10px 14px!important}.asset-details__component-item{background-color:#fff;padding:24px;border-radius:8px;margin-bottom:20px;border:1px solid #e1e1e1;box-shadow:0 1px 3px #0000001a}.asset-details__component-item-header{display:flex;justify-content:flex-end;margin-bottom:20px}.asset-details__delete-component-btn{color:red!important;border-radius:4px!important;width:32px!important;height:32px!important;min-width:32px!important}.asset-details__component-content{margin-top:0}.asset-details__component-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;align-items:start}.asset-details__component-field{display:flex;flex-direction:column}.asset-details__component-input{width:100%!important;padding:12px 16px;font-size:14px;border:1px solid #d1d1d1;border-radius:6px;outline:none;height:40px;transition:border-color .2s ease}.asset-details__component-input:focus{box-shadow:0 0 0 2px #007ad41a}.asset-details__component-input::placeholder{color:#999}.asset-details__component-features-section{margin-top:24px;padding-top:24px;border-top:1px solid #e1e1e1}.asset-details__component-features-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.asset-details__subsection-title{font-weight:600;font-size:16px;color:#323130}.asset-details__add-feature-btn{background-color:#fff!important;border-color:#fff!important;border-radius:4px!important;font-size:14px!important;color:#fb6c00!important;font-weight:600;font-size:16px!important;padding:10px 14px!important}.asset-details__component-feature-item{background-color:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:16px;border:1px solid #e1e1e1}.asset-details__component-feature-header{display:flex;justify-content:flex-end;margin-bottom:16px}.asset-details__delete-feature-btn{color:red!important;border-radius:4px!important;width:28px!important;height:28px!important;min-width:28px!important}.asset-details__component-feature-content{margin-top:0}.asset-details__component-feature-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:start}.asset-details__component-feature-field{display:flex;flex-direction:column}.asset-details__component-feature-input{width:100%!important;padding:10px 14px;font-size:14px;border:1px solid #d1d1d1;border-radius:6px;outline:none;height:36px;transition:border-color .2s ease}.asset-details__component-feature-input:focus{box-shadow:0 0 0 2px #007ad41a}.asset-details__component-feature-dropdown{width:100%}.asset-details__values-row{display:flex;gap:8px;align-items:end}.asset-details__values-input{flex:1;padding:12px 16px;font-size:14px;border:1px solid #d1d1d1;border-radius:6px;outline:none;height:40px;transition:border-color .2s ease}.asset-details__values-input:focus{box-shadow:0 0 0 2px #007ad41a}.asset-details__add-value-btn{color:green!important;width:32px!important;height:32px!important;min-width:32px!important}.asset-details__delete-feature-btn,.asset-details__delete-value-btn{color:red!important;border-radius:4px!important;width:32px!important;height:32px!important;min-width:32px!important}.asset-details__dropdown{width:229px}@media (max-width: 768px){.asset-details__feature-row{grid-template-columns:1fr;gap:16px}.asset-details__feature-input{width:100%!important}.asset-details__feature-dropdown{width:100%}}@media (max-width: 768px){.asset-details__component-row,.asset-details__component-feature-row{grid-template-columns:1fr;gap:16px}.asset-details__component-input,.asset-details__component-feature-input{width:100%!important}.asset-details__component-feature-dropdown{width:100%}}.asset-details__dropdown-wrapper{position:relative;width:100%;margin-top:21px}.asset-details__options-list{margin-top:12px;border:1px solid #e1e1e1;border-radius:6px;background:#fff;max-height:200px;overflow-y:auto;box-shadow:0 2px 8px #0000001a}.asset-details__options-title{padding:8px 12px;background:#f8f9fa;border-bottom:1px solid #e1e1e1;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.asset-details__option-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333;transition:background-color .2s ease}.asset-details__option-item:hover{background-color:#f5f5f5}.asset-details__option-item:last-child{border-bottom:none}.asset-details__option-item.selected{background-color:#e3f2fd;font-weight:500}.asset-details__custom-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #d1d1d1;border-radius:6px;background:#fff;margin-top:10px;cursor:pointer;min-height:32px;transition:border-color .2s ease,box-shadow .2s ease}.asset-details__custom-dropdown-header.open{box-shadow:0 0 0 2px #007ad41a}.asset-details__custom-dropdown-text{flex:1;font-size:14px;color:#323130;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-details__custom-dropdown-arrow{font-size:12px;color:#605e5c;transition:transform .2s ease;margin-left:8px}.asset-details__custom-dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d1d1;border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 8px #0000001a;z-index:1000;max-height:200px;overflow-y:auto}.searchable-dropdown-options{display:flex;flex-direction:column;max-height:300px;overflow:hidden}.searchable-dropdown-search-container{padding:8px;border-bottom:1px solid #e1e1e1;background:#f8f9fa}.searchable-dropdown-search-input{width:100%;padding:8px 12px;border:1px solid #d1d1d1;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s ease}.searchable-dropdown-search-input:focus{border-color:#0078d4;box-shadow:0 0 0 2px #007ad41a}.searchable-dropdown-options-list{max-height:250px;overflow-y:auto}.asset-details__custom-dropdown-option.no-results{color:#999;font-style:italic;cursor:default}.asset-details__custom-dropdown-option.no-results:hover{background-color:transparent}.asset-details__custom-dropdown-option{padding:8px 12px;cursor:pointer;font-size:14px;color:#323130;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.asset-details__custom-dropdown-option:last-child{border-bottom:none}.asset-details__custom-dropdown-option.selected{background-color:#e3f2fd;font-weight:500}.asset-details__custom-dropdown-label{position:absolute;top:-13px;left:9px;background:#fff;padding:0 4px;font-size:12px;color:#605e5c;font-weight:500}.asset-details__component-section{padding:5px;border-radius:8px}.asset-details__component-title{font-weight:600;color:#323130;margin-bottom:8px}.asset-details__component-code{color:#605e5c;margin-bottom:16px;font-style:italic}.asset-details__feature-field{flex:1;margin-right:16px;margin-bottom:16px}.asset-details__upload-container{display:flex;gap:16px;align-items:flex-start}.asset-details__upload-area{flex:1;border:2px dashed #d1d1d1;border-radius:8px;padding:0 24px;margin:12px;background:#f8f8f8;min-height:63px;display:flex;align-items:center;justify-content:center;position:relative}.asset-details__choose-file-btn{background-color:#f0f0f0!important;color:#323130!important;border:1px solid #d1d1d1!important;padding:8px 16px!important;border-radius:6px!important;font-size:14px!important;font-weight:500!important;min-width:120px!important;flex-shrink:0}.asset-details__image-preview-cards{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.asset-details__preview-card{position:relative;width:80px;height:80px;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.asset-details__preview-image{width:100%;height:100%;background:#fff}.asset-details__preview-img{width:100%;height:100%;object-fit:cover;display:block}.asset-details__remove-image-btn{position:absolute;top:1px;right:3px;width:20px;height:20px;border-radius:50%;background:#d13438;color:#fff;border:none;cursor:pointer;font-size:16px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.asset-details__remove-image-btn:hover{background:#b02a2e}.asset-details__floating-input-group{position:relative;margin-bottom:7px;margin-top:0}.asset-details__floating-input{width:71%;padding:12px 16px 8px;font-size:14px;border:1px solid #ddd;border-radius:4px;background:#fff;transition:all .2s ease;height:48px;margin-top:10px}.search-input-approval{width:100%;padding:8px 12px 8px 36px;border:1px solid #d2d0ce00;background-color:#80808012;border-radius:6px;font-size:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23605e5c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:16px}.asset-details__custom-dropdown{position:relative;width:100%}.asset-details__approval-remarks-container{padding:20px 0;background:#f8f9fa;display:flex;flex-direction:row;gap:16px;align-items:stretch;max-width:856px}.asset-details__approval-remarks-card{background:#fff;flex:1;border-radius:8px;padding:20px 24px;box-shadow:0 2px 4px #0000001a;border-left:4px solid orange;min-width:0}.asset-details__approval-remarks-header{margin-bottom:12px}.asset-details__approval-remarks-label{font-weight:600;color:#333;font-size:16px}.asset-details__approval-remarks-text{color:#555;font-size:14px;line-height:1.5;word-wrap:break-word}.asset-details__form-section{background:#fff;padding:0 24px;border-radius:8px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.asset-details__custom-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #d2d0ce;border-radius:2px;background-color:#fff;cursor:pointer;transition:border-color .2s ease}.app-container-approval{display:flex;height:100vh;overflow:hidden}.main-content-approval{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-body-approval{flex:1;padding:24px;overflow-y:auto}.content-header-approval{background-color:#fff;padding:20px 24px;border-bottom:1px solid #edebe9;box-shadow:0 1px 2px #0000000d;margin:10px 0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:150}.tab-navigation-approval{background-color:#fff;padding:0 24px;border-bottom:1px solid #edebe9;margin-bottom:0}.tab-container-approval{display:flex;align-items:center;gap:0;margin:0}.tab-button-approval{padding:12px 24px;border:none;background-color:#f3f2f1;color:#323130;font-size:14px;font-weight:500;border-radius:15px;cursor:pointer;transition:all .2s ease;position:relative;min-width:140px;text-align:center}.tab-button-approval.active{background-color:#323130;color:#fff;font-weight:600}.tab-button-approval:hover:not(.active){background-color:#e1dfdd}.tab-button-approval:focus{outline:none}.page-title-approval,.page-subtitle-approval{margin:0}.header-left-approval{display:flex;flex-direction:column}.table-controls-approval{display:flex;align-items:center;gap:16px}.search-container-approval{max-width:250px;position:relative}.search-input-approval{width:100%;padding:8px 12px 8px 36px;border:1px solid #d2d0ce00;background-color:#80808012;border-radius:6px;font-size:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23605e5c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:16px}.clear-search-button-approval{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;font-size:18px;color:#605e5c;padding:4px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;transition:all .2s ease}.clear-search-button-approval:hover{background-color:#f3f2f1;color:#323130}.search-input-approval:focus{outline:none;border-color:#0078d4;box-shadow:0 0 0 1px #0078d4}.sort-container-approval{display:flex;align-items:center;padding:4px 10px;border-radius:6px;gap:8px;background-color:#80808012}.sort-label-approval{font-size:14px;color:#323130;white-space:nowrap}.sort-dropdown-approval{padding:6px 8px;border:1px solid #d2d0ce;border-radius:2px;font-size:14px;background-color:#fff;min-width:120px}.data-table{background-color:#fff;border-radius:2px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table{width:100%;border-collapse:collapse}.table-headers{background-color:#f8f6f4;border-bottom:1px solid #f3ebe363}.table-headers th{padding:12px 16px;text-align:left;font-weight:600;font-size:14px;color:#323130}.table-row{border-bottom:1px solid #f3f2f1;transition:background-color .2s ease}.table-row:hover{background-color:#f8f6f4}.table-cell{padding:16px;font-size:14px;color:#323130;text-align:left;vertical-align:middle}h1.page-title-approval{font-weight:500}.status-badge-approval{display:inline-flex;align-items:center;padding:4px 8px;border-radius:2px;font-size:12px;font-weight:500;text-transform:capitalize}.level-approval{color:#8080806e;font-size:24px;font-weight:500}.status-new-approval{background-color:#eaf8e6;color:#2e7d32}.status-inprogress-approval{background-color:#e6f4ff;color:#0b74c4}.status-revise-approval{background-color:#fff4ce;color:#b26a00}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.status-new{background-color:#eaf8e6;color:#2e7d32}.status-inprogress{background-color:#e6f4ff;color:#0b74c4}.status-revise{background-color:#fff4ce;color:#b26a00}.action-button-approval{background:none;border:none;color:#ff8c00;cursor:pointer;font-size:14px;padding:4px 8px}.action-button-approval:hover{color:#e67e00}.eye-icon-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;color:#000!important;font-weight:700!important}.eye-icon-button:hover:not(:disabled){background-color:#f3f2f1}.eye-icon-button:disabled{cursor:not-allowed;opacity:.5}.eye-icon-button:focus{outline:none;box-shadow:0 0 0 2px #0078d4}.status-filter-approval{display:flex;flex-direction:column;gap:8px;padding:16px;background-color:#fff;border:1px solid #d2d0ce;border-radius:2px;box-shadow:0 4px 12px #00000026;position:absolute;top:100%;right:0;min-width:150px;z-index:10}.status-filter-item-approval{display:flex;align-items:center;gap:8px;padding:8px;cursor:pointer;border-radius:2px;transition:background-color .2s ease}.status-filter-item-approval:hover{background-color:#f3f2f1}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#fff;border-top:1px solid #edebe9;font-size:14px;color:#605e5c}@media (max-width: 768px){.sidebar{width:200px}.table-controls{flex-direction:column;align-items:stretch}.search-container{max-width:none}}@media (max-width: 640px){.app-container{flex-direction:column}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #edebe9}.sidebar-nav{padding:8px 0}.nav-item{padding:8px 20px}}.asset-details{height:100vh;overflow-y:auto;overflow-x:hidden}.asset-details__header{background:#fff;border-bottom:1px solid #e1e1e1;padding:20px 32px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000000d}.asset-details__header-content{display:flex;justify-content:space-between;align-items:flex-start}.asset-details__title{display:flex;flex-direction:column;gap:4px}.asset-details__subtitle{color:#666}.asset-details__actions{display:flex;gap:12px;align-items:center}.asset-details__save-btn{background-color:orange!important;color:#fff!important;border:none!important;border-radius:5px}.asset-details__submit-btn{background-color:#369763!important;border-radius:5px}.asset-details__content{padding:24px 32px;background:#f8f9fa;min-height:calc(100vh - 100px)}.asset-details__basic{background:#fff;padding:24px;width:860px;border-radius:8px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.asset-details__section-title{font-weight:700;margin-bottom:4px;font-size:18px}.asset-details__supplier{font-size:14px;font-weight:600;color:#222}.asset-details__supplier1{font-size:14px;font-weight:600;color:#222;margin-top:4px}.asset-details__section-subtitle{color:#666;margin-bottom:20px}.asset-details__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 32px;margin-top:20px;position:relative;align-items:start}.asset-details__grid-item:last-child{grid-row:2}.asset-details__grid-item{display:flex;flex-direction:column;gap:8px}.asset-details__label{color:#666;font-size:12px;font-weight:500}.asset-details__form-section{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.asset-details__form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:20px}.asset-details__form-field{width:100%}.asset-details__product-section{background:#fff;padding:24px;border-radius:8px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.asset-details__custom-dropdown{position:relative;width:60%}.asset-details__custom-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #d2d0ce;border-radius:2px;background-color:#fff;cursor:pointer;transition:border-color .2s ease}.asset-details__custom-dropdown-header:hover{border-color:#0078d4}.asset-details__custom-dropdown-header.open{border-color:#0078d4;box-shadow:0 0 0 1px #0078d4}.asset-details__custom-dropdown-header.disabled{background-color:#f3f2f1;cursor:not-allowed;opacity:.6}.asset-details__custom-dropdown-text{color:#323130;font-size:14px}.asset-details__custom-dropdown-arrow{color:#605e5c;font-size:12px;transition:transform .2s ease}.asset-details__custom-dropdown-header.open .asset-details__custom-dropdown-arrow{transform:rotate(180deg)}.asset-details__custom-dropdown-options{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #d2d0ce;border-top:none;border-radius:0 0 2px 2px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:200px;overflow-y:auto}.asset-details__custom-dropdown-option{padding:8px 12px;cursor:pointer;transition:background-color .2s ease;font-size:14px;color:#323130}.asset-details__custom-dropdown-option:hover{background-color:#f3f2f1}.asset-details__custom-dropdown-option.selected{background-color:#deecf9;color:#0078d4}.asset-details__custom-dropdown-label{display:block;margin-top:4px;font-size:12px;color:#605e5c;font-weight:500}.asset-details__feature-field,.asset-details__component-section{display:flex;flex-direction:column;gap:8px}.asset-details__field-label,.asset-details__component-title{font-size:14px;font-weight:500;color:#323130}.asset-details__component-code{font-size:12px;color:#605e5c;font-family:monospace}.asset-details__upload-container{display:flex;gap:16px;align-items:flex-start;margin-top:16px}.asset-details__upload-area{flex:1;border:2px dashed #d1d1d1;border-radius:8px;padding:0 24px;margin:12px;background:#f8f8f8;min-height:63px;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .2s ease}.asset-details__upload-area:hover{border-color:#0078d4}.asset-details__upload-content{display:flex;flex-direction:row;align-items:center;gap:16px;text-align:left;width:100%}.asset-details__choose-file-btn{background-color:#f0f0f0!important;color:#323130!important;border:1px solid #d1d1d1!important;padding:8px 16px!important;border-radius:6px!important;font-size:14px!important;font-weight:500!important;min-width:120px!important;flex-shrink:0;cursor:pointer;transition:background-color .2s ease}.asset-details__choose-file-btn:hover{background-color:#e0e0e0!important;border-color:silver!important}.asset-details__upload-instructions{color:#605e5c;font-size:14px;flex:1}.asset-details__image-preview-cards{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.asset-details__preview-card{position:relative;width:100px;height:93px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.asset-details__preview-image{width:100%;height:100%}.asset-details__preview-img{width:100%;height:100%;object-fit:cover}.asset-details__remove-image-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background-color:#d13438;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:background-color .2s ease}.asset-details__remove-image-btn:hover{background-color:#a4262c}@media (max-width: 768px){.asset-details__header,.asset-details__content{padding:16px 20px}.asset-details__basic,.asset-details__form-section,.asset-details__product-section{width:100%;padding:16px}.asset-details__grid,.asset-details__form-row{grid-template-columns:1fr;gap:16px}.asset-details__grid-item:last-child{grid-column:1;grid-row:auto}}.asset-details__disabled-field:hover .asset-details__floating-input{cursor:not-allowed;background-color:#f8f8f8}.asset-details__floating-input-group{position:relative;margin-bottom:20px;margin-top:0}.asset-details__floating-input{width:60%;padding:12px 16px 8px;font-size:14px;border:1px solid #ddd;border-radius:4px;background:#fff;transition:all .2s ease;height:48px;margin-top:10px}.asset-details__floating-label{position:absolute;left:16px;top:40%;transform:translateY(-50%);font-size:14px;color:#999;transition:all .2s ease;pointer-events:none;background:#fff;padding:0 4px;margin-top:10px}.asset-details__floating-input:focus+.asset-details__floating-label,.asset-details__floating-input:not(:placeholder-shown)+.asset-details__floating-label{top:0;transform:translateY(-50%);font-size:12px;color:#666}.login-container{min-height:100vh;display:flex;align-items:stretch;justify-content:stretch;background:#f5f5f5;padding:0;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(1deg,#fd875c,#f2a650 10%);clip-path:ellipse(80% 80% at 0% 40%);z-index:0}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.background-animation{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:1}.bg-circle{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 20s infinite ease-in-out}.bg-circle.circle-1{width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.bg-circle.circle-2{width:200px;height:200px;bottom:-50px;right:-50px;animation-delay:5s}.bg-circle.circle-3{width:150px;height:150px;top:50%;right:10%;animation-delay:10s}.bg-circle.circle-4{width:250px;height:250px;top:20%;left:15%;animation-delay:2s}.bg-circle.circle-5{width:180px;height:180px;bottom:20%;left:20%;animation-delay:7s}.bg-circle.circle-6{width:120px;height:120px;top:10%;right:30%;animation-delay:3s}.bg-circle.circle-7{width:200px;height:200px;bottom:30%;right:25%;animation-delay:8s}.bg-circle.circle-8{width:160px;height:160px;top:70%;left:5%;animation-delay:4s}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(50px,-50px) scale(1.1);opacity:.5}66%{transform:translate(-30px,30px) scale(.9);opacity:.4}}.login-illustration{flex:1;width:50%;min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:40px;overflow:hidden;z-index:1}.illustration-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);z-index:1}.illustration-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2}.floating-image-wrapper{position:relative;width:80%;max-width:100%;height:100%;display:flex;align-items:center;justify-content:center}.floating-image{width:100%;height:100%;max-width:100%;max-height:100vh;object-fit:contain;position:relative;z-index:2}.image-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;animation:pulse 3s ease-in-out infinite;z-index:1}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.floating-elements{position:absolute;width:100%;height:100%;top:0;left:0}.float-element{position:absolute;font-size:32px;animation:floatAround 8s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.float-1{top:15%;left:10%;animation-delay:0s}.float-2{top:25%;right:15%;animation-delay:2s}.float-3{bottom:30%;left:15%;animation-delay:4s}.float-4{bottom:20%;right:10%;animation-delay:6s}@keyframes floatAround{0%,to{transform:translate(0) rotate(0);opacity:.7}25%{transform:translate(20px,-20px) rotate(90deg);opacity:1}50%{transform:translate(-10px,-30px) rotate(180deg);opacity:.8}75%{transform:translate(-20px,10px) rotate(270deg);opacity:.9}}.login-form-section{flex:1;width:50%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 50px;background:#fff;position:relative;z-index:2;overflow-y:auto}.login-form-content{width:100%;max-width:350px;animation:fadeInRight .8s ease-out;display:flex;flex-direction:column;align-items:flex-start}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.login-logo{display:flex;align-items:flex-start;margin-bottom:30px;animation:fadeIn .6s ease-out .2s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.poorvika-logo{display:flex;align-items:flex-start;justify-content:flex-start;width:100%}.logo-image{height:auto;max-width:294px;width:auto;display:block;object-fit:contain}.logo-svg{animation:logoPulse 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(255,107,53,.3))}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.brand-name{font-size:28px;font-weight:700;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:2px}.login-title{font-size:30px;font-weight:700;color:#1a1a1a;margin:0 0 12px;animation:fadeIn .6s ease-out .3s both;text-align:left}.welcome-message{font-size:16px;color:#666;margin:0 0 35px;animation:fadeIn .6s ease-out .4s both;text-align:left}.sso-buttons{display:flex;gap:12px;margin-bottom:30px;animation:fadeIn .6s ease-out .5s both}.sso-btn{flex:1;padding:14px 18px;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #ff6b354d}.sso-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.sso-btn:hover:before{width:300px;height:300px}.sso-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff6b3566}.sso-btn:active{transform:translateY(-1px)}.btn-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px}.btn-icon{font-size:18px}.form-divider{display:flex;align-items:center;gap:15px;animation:fadeIn .6s ease-out .6s both}.divider-line{flex:1;height:1px}.divider-text{font-size:12px;color:#999;font-weight:500;text-transform:uppercase;letter-spacing:1px}.login-form{display:flex;flex-direction:column;gap:24px;animation:fadeIn .6s ease-out .7s both;width:100%;max-width:320px;align-items:flex-start}.form-group{position:relative;width:100%;max-width:320px;text-align:left}.input-label{display:block;font-size:14px;font-weight:600;color:#000;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;font-size:18px;z-index:1;pointer-events:none}.form-input-login{width:100%;max-width:320px;padding:14px 16px 14px 48px;border:2px solid #e0e0e0;border-radius:5px;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);color:#333}.form-input-login:focus{outline:none;border-color:#ff6b35;background:#fff;box-shadow:0 0 0 4px #ff6b351a;transform:translateY(-2px)}.form-input-login::placeholder{color:#999}.form-input-login.input-error{border-color:#f44;background:#fff5f5}.form-input-login.input-error:focus{border-color:#f44;box-shadow:0 0 0 4px #ff44441a}.password-group .form-input-login{padding-right:50px}.error-message{display:block;color:#f44;font-size:13px;margin-top:6px;font-weight:500;animation:fadeIn .3s ease-out}.password-toggle{position:absolute;right:14px;background:none;border:none;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;padding:6px;transition:all .3s ease;border-radius:6px;z-index:2}.password-toggle svg{width:16px;height:16px}.password-toggle:hover{color:#ff6b35;background:#ff6b351a;transform:scale(1.1)}.forgot-password{display:flex;justify-content:space-between;align-items:center;margin-top:-8px;width:100%;max-width:320px}.forgot-link{color:#ff4500;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;position:relative}.forgot-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#06c;transition:width .3s ease}.forgot-link:hover:after{width:100%}.forgot-link:hover{color:#0052a3}.change-password-link{text-align:left}.signin-btn{width:100%;background:orange!important;max-width:320px;padding:16px;color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:10px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003;text-align:center}.signin-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.signin-btn:hover:before{width:300px;height:300px}.signin-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.signin-btn:active{transform:translateY(-1px)}.signin-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.btn-arrow{transition:transform .3s ease}.signin-btn:hover .btn-arrow{transform:translate(4px)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 968px){.login-container{flex-direction:column}.login-illustration{width:100%;min-height:40vh;padding:30px}.login-form-section{width:100%;min-height:60vh;padding:40px 30px}.floating-image-wrapper{max-width:100%}}@media (max-width: 480px){.login-container{padding:10px}.login-illustration{min-height:250px;padding:20px}.login-form-section{padding:30px 20px}.sso-buttons{flex-direction:column}.login-title{font-size:28px}.brand-name{font-size:22px}.floating-image-wrapper{max-width:300px}}.change-password-form{animation:fadeIn .4s ease-out}.change-password-title{font-size:22px;font-weight:700;color:#1a1a1a;text-align:left}.change-password-buttons{display:flex;gap:12px;width:100%;max-width:320px;margin-top:10px}.cancel-btn{flex:1;padding:14px;background:#f5f5f5;color:#333;border:2px solid #e0e0e0;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center}.cancel-btn:hover{background:#e8e8e8;border-color:#d0d0d0;transform:translateY(-2px)}.cancel-btn:active{transform:translateY(0)}.cancel-btn:disabled{background:#f5f5f5;cursor:not-allowed;transform:none;opacity:.6}.change-password-buttons .signin-btn{flex:1;margin-top:0}.login-form-content>*{will-change:transform}html{scroll-behavior:smooth}.otp-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.otp-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d;max-width:450px;width:100%;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.otp-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 10px;text-align:center}.otp-subtitle{font-size:14px;color:#666;text-align:center;margin:0 0 30px}.otp-form{width:100%}.otp-inputs{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.otp-input{width:50px;height:60px;border:2px solid #e0e0e0;border-radius:8px;text-align:center;font-size:24px;font-weight:600;color:#1a1a1a;transition:all .3s ease;background:#fafafa}.otp-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.otp-input:disabled{background:#f5f5f5;cursor:not-allowed}.otp-error{color:#e74c3c;font-size:14px;text-align:center;margin:-10px 0 15px;min-height:20px}.verify-otp-btn{width:100%;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.verify-otp-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.verify-otp-btn:active:not(:disabled){transform:translateY(0)}.verify-otp-btn:disabled{opacity:.6;cursor:not-allowed}.btn-loading{display:flex;align-items:center;justify-content:center;gap:10px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.otp-footer{text-align:center}.otp-resend-text{font-size:14px;color:#666;margin:0 0 15px}.resend-otp-link{background:none;border:none;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;transition:color .3s ease}.resend-otp-link:hover:not(:disabled){color:#764ba2}.resend-otp-link:disabled{opacity:.5;cursor:not-allowed}.back-to-login-link{background:none;border:none;color:#666;font-size:14px;cursor:pointer;text-decoration:underline;padding:0;transition:color .3s ease}.back-to-login-link:hover{color:#1a1a1a}@media (max-width: 480px){.otp-card{padding:30px 20px}.otp-inputs{gap:8px}.otp-input{width:45px;height:55px;font-size:20px}.otp-title{font-size:24px}}.dashboard-container{padding:24px;max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-size:32px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.dashboard-header p{font-size:16px;color:#666;margin:0}.dashboard-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.dashboard-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a;border:1px solid #e0e0e0}.dashboard-card h2{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.dashboard-card p{font-size:14px;color:#666;margin:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;font-size:14px;line-height:1.5;color:#333;background-color:#f8f9fa;overflow-x:hidden}#root{min-height:100vh}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}