body{margin:0}#root{min-height:100vh}.login-container{align-items:center;background:linear-gradient(135deg,#d84315,#f57c00 50%,#ffa726);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.background-shape{border-radius:50%;opacity:.1;position:absolute}.shape-1{background:#fff;height:400px;right:-100px;top:-100px;width:400px}.shape-2{background:#fff;bottom:-50px;height:300px;left:-50px;width:300px}.shape-3{background:#fff;height:200px;left:50%;top:50%;transform:translate(-50%,-50%);width:200px}.login-card{animation:slideUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:50px 40px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:30px;text-align:center}.company-logo{animation:fadeIn .8s ease-out;display:block;height:auto;margin:0 auto 20px;width:280px}.welcome-text{margin-bottom:30px;text-align:center}.welcome-text h2{color:#333;font-size:24px;font-weight:600;margin:0 0 10px}.welcome-text p{color:#666;font-size:14px;margin:0}.error-message{align-items:center;animation:shake .5s;border-radius:8px;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-icon{font-size:18px}.form-group,.login-form{margin-bottom:20px}.form-group label{font-size:14px;margin-bottom:8px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#999;font-size:16px;left:12px;pointer-events:none;position:absolute}.input-wrapper input{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;padding:14px 15px 14px 65px!important;text-indent:0;transition:all .3s;width:100%}.input-wrapper input:focus{background:#fff;border-color:#f57c00;box-shadow:0 0 0 3px #f57c001a;outline:none}.input-wrapper input:disabled{background:#f0f0f0;cursor:not-allowed}.password-toggle{background:none;border:none;color:#999;cursor:pointer;font-size:18px;padding:5px;position:absolute;right:12px;transition:color .2s}.password-toggle:hover:not(:disabled){color:#f57c00}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.login-button{align-items:center;background:linear-gradient(135deg,#d84315,#f57c00);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:30px;padding:15px;transition:all .3s;width:100%}.login-button:hover:not(:disabled){box-shadow:0 10px 25px #d8431566;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.login-footer{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px;text-align:center}.login-footer p{color:#999;font-size:12px;margin:0}@media (max-width:600px){.login-card{border-radius:15px;padding:40px 30px}.company-logo{width:220px}.welcome-text h2{font-size:20px}.input-wrapper input{padding:12px 15px 12px 65px!important}.login-button{font-size:15px;padding:13px}}@media (max-width:400px){.login-container{padding:15px}.login-card{padding:30px 20px}.company-logo{width:200px}}.home-page{margin:0 auto;max-width:1400px;padding:2rem}.welcome-section{animation:slideUp .5s ease-out;background:#fffffffa;border-radius:12px;box-shadow:0 8px 30px #0000001f;margin-bottom:2rem;padding:2rem}.welcome-section h2{color:#2d3748;font-size:2rem;margin:0 0 .5rem}.welcome-section p{color:#4a5568;font-size:1.1rem;margin:0}.info-section{animation:slideUp .55s ease-out;background:#fffffffa;border-radius:12px;box-shadow:0 8px 30px #0000001f;margin-bottom:2rem;padding:2rem}.info-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d84315,#f57c00);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.info-content{display:flex;flex-direction:column;gap:1rem}.legacy-role,.roles-list{display:flex;flex-wrap:wrap;gap:1rem}.role-badge{background:linear-gradient(135deg,#d843151a,#f57c001a);border:2px solid #f57c00;border-radius:10px;min-width:200px;padding:1rem 1.5rem;transition:all .3s ease}.role-badge:hover{border-color:#d84315;box-shadow:0 4px 15px #f57c0033;transform:translateY(-2px)}.role-name{color:#d84315;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.role-description{color:#4a5568;font-size:.9rem;line-height:1.4}.permissions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.permission-item{background:linear-gradient(135deg,#ffa7260d,#f57c000d);border-left:4px solid #f57c00;border-radius:8px;padding:1rem;transition:all .3s ease}.permission-item:hover{background:linear-gradient(135deg,#ffa7261a,#f57c001a);border-left-color:#d84315;box-shadow:0 2px 10px #f57c0026;transform:translateX(4px)}.permission-name{color:#d84315;font-family:Courier New,monospace;font-size:1rem;font-weight:600;margin-bottom:.5rem}.permission-description{color:#4a5568;font-size:.85rem;line-height:1.4}.content-placeholder{animation:slideUp .6s ease-out;background:#fffffffa;border-radius:12px;box-shadow:0 8px 30px #0000001f;padding:3rem;text-align:center}.content-placeholder p{color:#718096;font-size:1.1rem;margin:0}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.home-page{padding:1rem}.welcome-section h2{font-size:1.5rem}.info-section h3{font-size:1.25rem}.permissions-grid{grid-template-columns:1fr}.role-badge{min-width:100%}}.top-bar{background:#fffffffa;box-shadow:0 2px 8px #0000001a;height:60px;left:0;position:fixed;right:0;top:0;z-index:100}.top-bar-content{height:100%;justify-content:space-between;padding:0 2rem}.top-bar-content,.top-bar-logo{align-items:center;display:flex}.top-logo{height:45px;width:auto}.top-bar-right{align-items:center;display:flex;gap:1rem}.subsidiary-dropdown-container{position:relative}.subsidiary-trigger{align-items:center;background:#0000;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.subsidiary-trigger:hover{background:linear-gradient(90deg,#d843151a,#f57c000d);border-color:#f57c00}.subsidiary-icon{font-size:1.1rem}.subsidiary-name{color:#2d3748;font-size:.95rem;font-weight:600}.subsidiary-dropdown{animation:slideDown .3s ease;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.subsidiary-dropdown .dropdown-item{align-items:center;display:flex;justify-content:space-between;padding:.75rem 1rem}.subsidiary-dropdown .dropdown-item.active{background:linear-gradient(90deg,#d843151a,#f57c000d);color:#d84315;font-weight:600}.check-icon{color:#4caf50;font-size:1rem;font-weight:700}.top-bar-user{position:relative}.user-trigger{align-items:center;background:#0000;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;transition:all .3s ease}.user-trigger:hover{background:linear-gradient(90deg,#d843151a,#f57c000d)}.user-avatar{background:linear-gradient(135deg,#d84315,#f57c00);box-shadow:0 2px 8px #d843154d;height:24px;width:24px}.avatar-icon{color:#fff;height:14px;width:14px}.user-display-name{color:#2d3748;font-size:.95rem;font-weight:600}.dropdown-arrow{color:#718096;font-size:.7rem;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{animation:slideDown .3s ease;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem)}.dropdown-header{background:linear-gradient(135deg,#d843151a,#f57c000d);border-bottom:1px solid #e0e0e0;padding:1rem}.dropdown-user-name{color:#2d3748;font-size:1rem;font-weight:600;margin-bottom:.25rem}.dropdown-user-role{color:#f57c00;font-size:.85rem;font-weight:600}.dropdown-divider{background:#e0e0e0;height:1px;margin:.25rem 0}.dropdown-menu{list-style:none;margin:0;padding:.5rem 0}.dropdown-item{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.dropdown-item:hover{background:linear-gradient(90deg,#d8431514,#f57c000a);color:#d84315}.dropdown-item.logout{color:#e53e3e}.dropdown-item.logout:hover{background:linear-gradient(90deg,#e53e3e1a,#e53e3e0d);color:#c53030}.dropdown-icon{font-size:1.1rem;min-width:20px;text-align:center}.mobile-menu-button{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-around;padding:0;width:28px;z-index:10}.hamburger-line{background:#d84315;border-radius:2px;height:3px;transition:all .3s ease;width:28px}@media (max-width:768px){.mobile-menu-button{display:flex}.top-bar{height:56px;left:0}.top-bar-content{padding:0 1rem}.top-logo{height:40px}.top-bar-right{gap:.5rem}.subsidiary-name{display:none}.subsidiary-trigger{padding:.5rem .75rem}.user-display-name{display:none}.user-trigger{padding:.5rem}.user-avatar{height:32px;width:32px}.avatar-icon{font-size:1.1rem}}@media (max-width:480px){.top-bar-content{padding:0 .75rem}.top-logo{height:35px}.top-bar-right{gap:.25rem}.subsidiary-trigger{padding:.4rem .6rem}.subsidiary-icon{font-size:1rem}}.side-nav{background:#fffffffa;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 60px);left:0;overflow-y:auto;position:fixed;top:60px;width:260px;z-index:90}.nav-menu{flex:1 1;list-style:none;margin:0;padding:1rem 0}.nav-item{margin:.25rem 0}.nav-link{align-items:center;color:#4a5568;cursor:pointer;display:flex;padding:.875rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:linear-gradient(90deg,#d843151a,#f57c000d);color:#d84315}.nav-item.active .nav-link{background:linear-gradient(90deg,#d8431526,#f57c001a);border-left:4px solid #f57c00;color:#d84315;font-weight:600}.nav-icon{font-size:1.25rem;margin-right:.75rem;min-width:24px;text-align:center}.nav-text{flex:1 1;font-size:.95rem}.expand-arrow{color:#718096;font-size:.7rem;transition:transform .3s ease}.expand-arrow.rotated{transform:rotate(180deg)}.nav-link.expandable{position:relative}.nav-link.expandable.expanded{background:linear-gradient(90deg,#d843151a,#f57c000d);color:#d84315}.nav-submenu{background:#f57c0005;list-style:none;margin:0;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease}.nav-submenu.show{max-height:300px}.nav-subitem{margin:0}.nav-sublink{align-items:center;color:#4a5568;display:flex;font-size:.9rem;padding:.75rem 1.5rem .75rem 3rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-sublink:hover{background:linear-gradient(90deg,#d8431514,#f57c000a);color:#d84315}.nav-subitem.active .nav-sublink{background:linear-gradient(90deg,#d843151f,#f57c0014);border-left:3px solid #f57c00;color:#d84315;font-weight:600}.nav-subicon{font-size:1.1rem;margin-right:.75rem;min-width:20px;text-align:center}.nav-subtext{font-size:.9rem}.side-nav::-webkit-scrollbar{width:6px}.side-nav::-webkit-scrollbar-track{background:#f1f1f1}.side-nav::-webkit-scrollbar-thumb{background:#f57c00;border-radius:3px}.side-nav::-webkit-scrollbar-thumb:hover{background:#d84315}@media (max-width:768px){.side-nav{transform:translateX(-100%);transition:transform .3s ease;width:220px}.side-nav.mobile-open{transform:translateX(0)}.nav-logo{width:140px}.nav-link{padding:.75rem 1rem}.nav-sublink{padding:.65rem 1rem .65rem 2.5rem}}@media (max-width:480px){.side-nav{width:200px}.nav-logo{width:120px}.nav-subtext,.nav-text{font-size:.85rem}}.layout{background:linear-gradient(135deg,#d84315,#f57c00 50%,#ffa726);display:flex;min-height:100vh}.layout-content{flex:1 1;margin-left:260px;margin-top:60px;min-height:calc(100vh - 60px);overflow-y:auto}.layout-loading{align-items:center;background:linear-gradient(135deg,#d84315,#f57c00 50%,#ffa726);display:flex;justify-content:center;min-height:100vh}.loading-spinner{color:#fff;font-size:1.5rem;font-weight:600}.mobile-menu-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:85}@media (max-width:768px){.layout-content{margin-left:0;padding-top:60px}.mobile-menu-overlay{display:block}}.users-management{margin:0 auto;max-width:1400px;padding:1rem}.users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.header-content h1{color:#2c3e50;font-size:1.25rem;margin-bottom:.15rem}.header-content p{color:#7f8c8d;font-size:.75rem;margin:0}.btn-add-user{align-items:center;background:linear-gradient(135deg,#d84315,#f57c00 50%,#ffa726);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-add-user:hover{box-shadow:0 4px 12px #d8431566;transform:translateY(-2px)}.btn-add-user .icon{font-size:1rem;font-weight:700}.alert{align-items:center;animation:slideDown .3s ease;border-radius:6px;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.75rem;padding:.75rem 1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.alert-success{background-color:#fff3e0;border:1px solid #ffe0b2;color:#e65100}.alert-icon{font-size:1rem;font-weight:700}.alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;margin-left:auto;opacity:.7;transition:opacity .2s}.alert-close:hover{opacity:1}.users-controls{margin-bottom:.75rem;position:relative}.search-box{position:relative;width:100%}.users-count{color:#7f8c8d;font-size:.75rem;font-weight:500;margin-top:.5rem}.users-table-container{background:#fff;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000001a;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:linear-gradient(135deg,#d84315,#f57c00 50%,#ffa726);color:#fff}.users-table th{font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.5rem;text-align:left;text-transform:uppercase}.users-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.users-table tbody tr:hover{background:#f8f9fa}.users-table td{color:#2c3e50;font-size:.9rem;padding:.5rem}.user-info{gap:.5rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#f57c00,#ffa726);border-radius:50%;color:#fff;font-size:.75rem;font-weight:600;height:28px;justify-content:center;width:28px}.current-user-badge{background:#ffe0b2;border-radius:4px;color:#e65100;font-size:.65rem;font-weight:600;padding:.15rem .4rem}.role-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.role-sadm{background:#ffebee;color:#c62828}.role-kadm{background:#fff3e0;color:#e65100}.role-admin{background:#ffebee;color:#c62828}.role-manager{background:#fff3e0;color:#e65100}.role-user{background:#e8f5e9;color:#2e7d32}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#f8d7da;color:#721c24}.btn-delete,.btn-edit{background:none;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.35rem;transition:all .2s ease}.btn-edit:hover{background:#ffe0b2}.btn-delete:hover:not(:disabled){background:#ffcdd2}.btn-delete:disabled{cursor:not-allowed;opacity:.4}.no-data{color:#7f8c8d;font-size:.875rem;padding:2rem 1rem!important}.pagination{align-items:center;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem}.pagination-btn{border:1px solid #e0e0e0;font-size:.85rem;font-weight:500;padding:.4rem .75rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#fff3e0;border-color:#f57c00;color:#f57c00}.pagination-numbers{align-items:center;display:flex;gap:.25rem}.pagination-number{background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;height:32px;transition:all .2s ease;width:32px}.pagination-ellipsis{color:#7f8c8d;font-size:.85rem;font-weight:500;padding:0 .5rem}.pagination-number:hover{background:#fff3e0;border-color:#f57c00;color:#f57c00}.pagination-number.active{background:linear-gradient(135deg,#d84315,#f57c00 50%,#ffa726);border-color:#0000;color:#fff}.modal-header{padding:1.5rem}.modal-header h2{font-size:1.5rem}.modal-close{font-size:2rem;transition:opacity .2s}.modal-content form{padding:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:1.25rem}.form-row .form-group{margin-bottom:0}.form-group label{color:#333;display:block}.form-input,.form-select{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#f57c00;box-shadow:0 0 0 3px #f57c001a;outline:none}.modal-actions,.modal-footer{margin-top:1.5rem;padding-top:1.5rem}.modal-actions{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end}.btn-cancel,.btn-submit{border-radius:8px;font-weight:600;transition:all .3s ease}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover{background:#e0e0e0}.btn-submit{background:linear-gradient(135deg,#d84315,#f57c00);box-shadow:0 2px 4px #d8431533}.btn-submit:hover{box-shadow:0 4px 8px #d843154d}.loading-spinner{align-items:center;color:#f57c00;display:flex;font-size:.9rem;font-weight:500;justify-content:center;min-height:300px}@media (max-width:768px){.users-management{padding:1rem}.users-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-content h1{font-size:1.5rem}.users-controls{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.users-table-container{overflow-x:auto}.users-table{min-width:600px}.pagination{flex-wrap:wrap}.pagination-numbers{justify-content:center;margin-bottom:.5rem;order:-1;width:100%}.modal-content{margin:1rem;width:95%}.form-row{grid-template-columns:1fr}}.roles-management{margin:0 auto;max-width:1400px;padding:1rem}.roles-table-container{background:#fff;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000001a;overflow:hidden}.roles-table{border-collapse:collapse;width:100%}.roles-table thead{background:linear-gradient(135deg,#d84315,#f57c00 50%,#ffa726);color:#fff}.roles-table th{font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.5rem;text-align:left;text-transform:uppercase}.roles-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.roles-table tbody tr:hover{background:#f8f9fa}.roles-table td{color:#2c3e50;font-size:.9rem;padding:.5rem}.permission-count{background:#ffe0b2;color:#e65100;font-weight:500}.permission-count,.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;padding:.25rem .75rem}.status-badge{font-weight:600}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.btn-permissions:hover{background:#f57c001a}.modal-content.permissions-modal{display:flex;flex-direction:column;max-width:800px;overflow-y:hidden}.modal-search{flex-shrink:0;margin-bottom:1rem}.modal-search input{border:1px solid #ddd;border-radius:6px;font-size:.95rem;padding:.75rem;width:100%}.modal-search input:focus{border-color:#f57c00;box-shadow:0 0 0 3px #f57c001a;outline:none}.checkbox-label input[type=checkbox]{height:18px;width:18px}.permissions-selection{display:flex;flex:1 1;flex-direction:column;gap:.5rem;margin-bottom:1rem;min-height:0;overflow-y:auto;padding:.5rem}.permission-group{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.resource-title{background:linear-gradient(135deg,#d84315,#f57c00 50%,#ffa726);color:#fff;font-size:.9rem;font-weight:600;margin:0;padding:.4rem .75rem;text-transform:capitalize}.permission-items{background:#fff;display:block;padding:.35rem}.permission-item{border:1px solid #e0e0e0;border-radius:4px;display:block;margin-bottom:.25rem;padding:.35rem .5rem;transition:all .2s}.permission-item:last-child{margin-bottom:0}.permission-item:hover{background:#f8f9fa;border-color:#f57c00}.permission-item label{align-items:flex-start;cursor:pointer;display:flex;gap:.5rem}.permission-item input[type=checkbox]{cursor:pointer;flex-shrink:0;height:16px;margin-top:.15rem;width:16px}.permission-info{flex:1 1}.permission-info strong{color:#2c3e50;display:block;font-size:.85rem;line-height:1.3;margin-bottom:.1rem;text-transform:capitalize}.permission-info small{color:#7f8c8d;font-size:.75rem;line-height:1.2}@media (max-width:1024px){.roles-table-container{overflow-x:auto}.roles-table{min-width:900px}}@media (max-width:768px){.roles-management{padding:1rem}.form-grid{grid-template-columns:1fr}.modal-content{padding:1rem;width:95%}.action-buttons{flex-direction:column}.permission-group{margin-bottom:1rem}}.permissions-management{margin:0 auto;max-width:1400px;padding:1rem}.permissions-table-container{background:#fff;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000001a;overflow:hidden}.permissions-table{border-collapse:collapse;width:100%}.permissions-table thead{background:linear-gradient(135deg,#d84315,#f57c00 50%,#ffa726);color:#fff}.permissions-table th{font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.5rem;text-align:left;text-transform:uppercase}.permissions-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.permissions-table tbody tr:hover{background:#fff3e0}.permissions-table td{color:#2c3e50;font-size:.9rem;padding:.5rem}.action-badge,.resource-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.resource-badge{background:#ffe0b2;color:#e65100}.action-badge{background:#ffccbc;color:#d84315}.modal-content{border-radius:8px;box-shadow:0 4px 20px #0003;max-width:600px;padding:2rem}.modal-header{margin-bottom:1.5rem;padding-bottom:1rem}.form-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.form-group label{margin-bottom:.5rem}.form-group input[type=text],.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#f57c00;box-shadow:0 0 0 2px #f57c001a;outline:none}.form-actions{padding-top:1rem}.btn-cancel,.btn-submit{font-size:1rem;padding:.75rem 1.5rem}.loading{color:#f57c00;font-weight:500}.error-message{border:1px solid #fcc}.success-message{background:#fff3e0;border:1px solid #ffe0b2;color:#e65100}.pagination-container{align-items:center;background:#fff;border-radius:0 0 8px 8px;border-top:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.pagination-info{color:#7f8c8d;font-size:.9rem}.pagination-controls{align-items:center;display:flex;gap:1rem}.pagination-btn{align-items:center;background:#fff;border:2px solid #f57c00;border-radius:4px;color:#f57c00;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f57c00;color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.page-indicator{color:#2c3e50;font-weight:600;min-width:120px;text-align:center}@media (max-width:1024px){.permissions-table-container{overflow-x:auto}.permissions-table{min-width:900px}}@media (max-width:768px){.permissions-management{padding:1rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.form-grid{grid-template-columns:1fr}.modal-content{padding:1rem;width:95%}.action-buttons{flex-direction:column}.pagination-container{flex-direction:column;gap:.5rem}.pagination-info{text-align:center}}.mn-layout{background:#fff;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000001a;display:flex;gap:0;min-height:500px;overflow:hidden}.mn-tree-panel{border-right:1px solid #e0e0e0;flex-shrink:0;overflow-y:auto;width:280px}.mn-tree-header{background:linear-gradient(135deg,#d84315,#f57c00 50%,#ffa726);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.06em;padding:.6rem 1rem;text-transform:uppercase}.mn-node{border-bottom:1px solid #f5f5f5}.mn-node-row{align-items:center;cursor:default;display:flex;gap:6px;padding:.45rem .75rem;transition:background .15s}.mn-node-row:hover{background:#fff3e0}.mn-node-row--selected{background:#ffe0b2;border-left:3px solid #f57c00}.mn-toggle{background:none;border:none;color:#aaa;cursor:pointer;font-size:8px;height:16px;padding:0;width:16px}.mn-icon,.mn-toggle{align-items:center;display:flex;flex-shrink:0;justify-content:center}.mn-icon{background:#f5f5f5;border-radius:4px;font-size:12px;height:22px;overflow:hidden;width:22px}.mn-icon img{height:100%;object-fit:cover;width:100%}.mn-name{color:#2c3e50;cursor:pointer;flex:1 1;font-size:.82rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mn-name:hover{color:#d84315}.mn-actions{display:none;flex-shrink:0;gap:1px}.mn-node-row:hover .mn-actions{display:flex}.mn-detail-panel{background:#fafafa;flex:1 1;overflow-y:auto;padding:1rem}.mn-idle{align-items:center;color:#bbb;display:flex;flex-direction:column;font-size:.875rem;gap:.5rem;justify-content:center;min-height:300px;text-align:center}.mn-idle-icon{font-size:2.5rem;margin-bottom:.5rem}.mn-products{width:100%}.mn-prod-img{border-radius:4px;height:28px;object-fit:cover;width:28px}.mn-prices-row>td{background:#fff8f0;padding:0!important}.mn-prices-inner{border-top:2px solid #ffe0b2;padding:.75rem 1rem 1rem}.mn-prices-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.mn-prices-title{color:#e65100;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mn-prices-table{font-size:.82rem}.mn-prices-table thead{background:linear-gradient(135deg,#e65100,#f57c00)}.mn-windows-row>td{background:#fff8f0;padding:0!important}.mn-windows-inner{border-top:2px solid #ffe0b2;padding:.75rem 1rem 1rem}.mn-windows-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.mn-windows-title{color:#e65100;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mn-windows-table{font-size:.82rem}.mn-windows-table thead{background:linear-gradient(135deg,#e65100,#f57c00)}.btn-add-user--sm{font-size:.75rem;padding:.3rem .6rem}.ps-wrap{position:relative}.ps-input-row{align-items:center;background:#fff;border:1.5px solid #ddd;border-radius:8px;display:flex;gap:8px;padding:4px 8px 4px 6px;transition:border-color .15s}.ps-input-row:focus-within{border-color:#f57c00;box-shadow:0 0 0 3px #f57c001f}.ps-thumb{border-radius:4px;flex-shrink:0;height:28px;object-fit:cover;width:28px}.ps-thumb--empty{align-items:center;background:#f0f0f0;color:#bbb;display:flex;font-size:12px;font-weight:700;justify-content:center}.ps-input{background:#0000;border:none!important;box-shadow:none!important;flex:1 1;font-size:.88rem;outline:none;padding:4px 0!important}.ps-clear{background:none;border:none;color:#aaa;cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;padding:0 2px}.ps-clear:hover{color:#d84315}.ps-dropdown{background:#fff;border:1.5px solid #ffe0b2;border-radius:8px;box-shadow:0 6px 20px #0000001f;left:0;list-style:none;margin:0;max-height:260px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.ps-option{align-items:center;cursor:pointer;display:flex;gap:10px;padding:7px 12px;transition:background .1s}.ps-option--active,.ps-option:hover{background:#fff3e0}.ps-opt-img{object-fit:cover}.ps-opt-img,.ps-opt-placeholder{border-radius:4px;flex-shrink:0;height:28px;width:28px}.ps-opt-placeholder{align-items:center;background:#f0f0f0;color:#bbb;display:flex;font-size:12px;font-weight:700;justify-content:center}.ps-opt-name{color:#222;font-size:.88rem;font-weight:500}.img-upload-area{display:flex;flex-direction:column;gap:8px}.img-preview-wrap{border:2px solid #ffe0b2;border-radius:8px;height:80px;overflow:hidden;position:relative;width:80px}.img-preview{height:100%;object-fit:cover;width:100%}.img-clear-btn{align-items:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;padding:0;position:absolute;right:2px;top:2px;width:20px}.img-clear-btn:hover{background:#d84315d9}.img-upload-btn{align-items:center;background:linear-gradient(135deg,#d84315,#f57c00);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:7px 14px;transition:opacity .15s;width:fit-content}.img-upload-btn:hover{opacity:.88}.img-upload-btn--loading{cursor:not-allowed;opacity:.7}.img-url-hint{color:#aaa;font-size:.72rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-textarea{font-family:inherit;min-height:60px;resize:vertical}.checkbox-label{color:#333;font-size:.95rem;font-weight:600}.modal-content--wide{max-width:640px}.modal-overlay{align-items:center;animation:fadeIn .2s ease;left:0;top:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{background:linear-gradient(135deg,#d84315,#f57c00);border-radius:12px 12px 0 0;color:#fff;padding:1.25rem 1.5rem;position:sticky;top:0}.modal-header h2{font-size:1.1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close{background:none;border:none;color:#fff;cursor:pointer;flex-shrink:0;font-size:1.75rem;line-height:1;opacity:.9}.modal-close:hover{opacity:1}.modal-content form{padding:1.25rem 1.5rem}.modal-footer{gap:.75rem;margin-top:1.25rem;padding-top:1.25rem}@media (max-width:768px){.mn-layout{flex-direction:column}.mn-tree-panel{border-bottom:2px solid #e0e0e0;border-right:none;max-height:280px;width:100%}.mn-actions{opacity:1}}.sales-orders-management{margin:0 auto;max-width:1400px;padding:1rem}.btn-create{background:linear-gradient(135deg,#d84315,#f57c00 50%,#ffa726)}.btn-create:hover{box-shadow:0 4px 12px #d8431566}.filter-input:focus,.filter-select:focus,.search-input:focus{border-color:#f57c00;box-shadow:0 0 0 2px #f57c001a}.filter-checkbox{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;gap:.4rem;margin:0;padding:.5rem .75rem;transition:all .2s;-webkit-user-select:none;user-select:none}.filter-checkbox:hover{background:#e9ecef;border-color:#f57c00}.filter-checkbox input[type=checkbox]{accent-color:#f57c00;cursor:pointer;height:16px;margin:0;width:16px}.filter-checkbox span{color:#2c3e50;font-size:.9rem;font-weight:500;white-space:nowrap}.orders-table thead{background:linear-gradient(135deg,#d84315,#f57c00 50%,#ffa726)}.state-badge.state-dispatched{background:#f3e5f5;color:#7b1fa2}.btn-receipt:hover{background:#4caf501a}.btn-assign:hover{background:#ff98001a}.section-title{border-bottom:1px solid #e0e0e0;color:#2c3e50;font-size:.9rem;font-weight:600;margin:0;padding-bottom:.1rem}.section-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.2rem;margin-top:.3rem}.form-grid{grid-template-columns:1fr 2fr 2fr 2fr}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f57c00}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem;margin-top:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.order-lines-container{display:flex;flex-direction:column;gap:0}.order-line-header{grid-gap:.5rem;background:linear-gradient(135deg,#d84315,#f57c00 50%,#ffa726);border-radius:4px 4px 0 0;color:#fff;display:grid;font-size:.85rem;font-weight:600;gap:.5rem;grid-template-columns:2fr 1fr 1fr 1fr auto;padding:.4rem .5rem}.line-header-cell{align-items:center;display:flex}.order-line-row{grid-gap:.5rem;align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:0;border-top:none;display:grid;gap:.5rem;grid-template-columns:2fr 1fr 1fr 1fr auto;padding:.5rem}.order-line-row:last-child{border-radius:0 0 4px 4px}.line-field{display:flex;flex-direction:column}.line-field label{color:#2c3e50;font-size:.8rem;font-weight:500;margin-bottom:.25rem}.line-field input,.line-field select{border:1px solid #ddd;border-radius:4px;font-size:.85rem;height:32px;padding:.4rem;transition:border-color .2s}.line-field input:focus,.line-field select:focus{border-color:#f57c00;outline:none}.line-field-small{max-width:120px}.line-actions{align-items:flex-end;display:flex;padding-bottom:.25rem}.btn-add-line{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;height:32px;padding:.35rem .65rem;transition:all .2s}.btn-add-line:hover{background:#45a049;transform:translateY(-1px)}.btn-remove-line{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;height:32px;min-width:32px;padding:.35rem .5rem;transition:all .2s}.btn-remove-line:hover:not(:disabled){background:#c0392b}.btn-remove-line:disabled{cursor:not-allowed;opacity:.4}.order-total{background:#fff3e0;border-radius:4px;color:#2c3e50;font-size:1rem;margin-top:.5rem;padding:.65rem;text-align:right}.btn-submit{background:linear-gradient(135deg,#d84315,#f57c00 50%,#ffa726)}.btn-submit:hover{box-shadow:0 4px 12px #f57c0066}@media (max-width:1024px){.modal-overlay{left:200px}.orders-table-container{overflow-x:auto}.orders-table{min-width:900px}.order-line-row{gap:.5rem;grid-template-columns:1fr}.line-field-small{max-width:100%}}@media (max-width:768px){.modal-overlay{left:0;top:0}.sales-orders-management{padding:1rem}.form-grid{grid-template-columns:1fr}.modal-content{padding:1rem;width:100%}.filters-row{flex-direction:column}.filter-input,.filter-select{width:100%}}.purchase-orders-management{margin:0 auto;max-width:1400px;padding:1rem}.orders-table-container{background:#fff;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000001a;overflow:hidden}.orders-table{border-collapse:collapse;width:100%}.orders-table thead{background:linear-gradient(135deg,#1976d2,#2196f3 50%,#64b5f6);color:#fff}.orders-table th{font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.5rem;text-align:left;text-transform:uppercase}.orders-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.orders-table tbody tr:hover{background:#f8f9fa}.orders-table td{color:#2c3e50;font-size:.9rem;padding:.5rem}.state-badge.state-draft{background:#e3f2fd;color:#1976d2}.state-badge.state-forecast{background:#fff9c4;color:#f57f17}.state-badge.state-payment.initiated{background:#e1f5fe;color:#0277bd}.btn-lines:hover{background:#3498db1a}.modal-content.order-modal{max-width:none}.btn-cancel,.btn-submit{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.25rem;transition:all .2s}.btn-cancel{background:#95a5a6;color:#fff}.btn-cancel:hover{background:#7f8c8d}.btn-submit{background:linear-gradient(135deg,#1976d2,#2196f3 50%,#64b5f6);color:#fff}.btn-submit:hover{box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.5}.btn-submit:disabled:hover{box-shadow:none;transform:none}@media (max-width:1024px){.modal-overlay{left:200px}.orders-table-container{overflow-x:auto}.orders-table{min-width:900px}}@media (max-width:768px){.modal-overlay{left:0;top:0}.purchase-orders-management{padding:1rem}.form-grid{grid-template-columns:1fr}.modal-content{padding:1rem;width:100%}.filters-row{flex-direction:column}.filter-input,.filter-select{width:100%}}.expense-management{margin:0 auto;max-width:1400px;padding:1rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.section-header h2{color:#2c3e50;font-size:1.25rem;margin-bottom:.15rem}.section-header p{color:#7f8c8d;font-size:.75rem;margin:0}.btn-create{align-items:center;background:linear-gradient(135deg,#1976d2,#2196f3 50%,#64b5f6);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-create:hover{box-shadow:0 4px 12px #1976d266;transform:translateY(-2px)}.search-container,.search-filter-container{margin-bottom:.75rem}.search-container{position:relative}.search-input{border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;padding:.5rem .75rem .5rem 2.5rem;transition:all .2s;width:100%}.search-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.search-icon{font-size:1rem;left:.75rem;opacity:.5;position:absolute;top:50%;transform:translateY(-50%)}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.filter-input,.filter-select{border:1px solid #e0e0e0;border-radius:4px;font-size:.9rem;padding:.5rem;transition:all .2s}.filter-input:focus,.filter-select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.filter-select{min-width:200px}.filter-input{min-width:150px}.btn-reset{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.25rem;transition:all .2s;white-space:nowrap}.btn-reset:hover{background:#5a6268;box-shadow:0 2px 8px #6c757d4d;transform:translateY(-1px)}.btn-reset:active{transform:translateY(0)}.expenses-table-container{background:#fff;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000001a;overflow:hidden}.expenses-table{border-collapse:collapse;width:100%}.expenses-table thead{background:linear-gradient(135deg,#1976d2,#2196f3 50%,#64b5f6);color:#fff}.expenses-table th{font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.5rem;text-align:left;text-transform:uppercase}.expenses-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.expenses-table tbody tr:hover{background:#f8f9fa}.expenses-table td{color:#2c3e50;font-size:.9rem;padding:.5rem}.state-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.state-badge.state-entered{background:#fff3e0;color:#f57c00}.state-badge.state-fulfilled{background:#e8f5e9;color:#388e3c}.state-badge.state-paid{background:#c8e6c9;color:#2e7d32}.state-badge.state-unpaid{background:#ffebee;color:#c62828}.state-badge.state-payment-initiated{background:#e1f5fe;color:#0277bd}.action-buttons{gap:.25rem;justify-content:flex-start}.action-buttons,.btn-icon{align-items:center;display:flex}.btn-icon{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:1.1rem;height:32px;justify-content:center;min-width:32px;padding:.25rem .5rem;transition:all .2s}.btn-icon:hover{transform:scale(1.2)}.btn-edit:hover{background:#3498db1a}.btn-view:hover{background:#9b59b61a}.btn-delete:hover{background:#e74c3c1a}.btn-pay:hover{background:#4caf501a}.modal-overlay{align-items:flex-start;background:#00000080;bottom:0;display:flex;justify-content:center;left:250px;overflow-y:auto;position:fixed;right:0;top:60px;z-index:1000}.modal-content{background:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;padding:1rem 1.5rem;width:100%}.modal-content.expense-modal{max-width:none}.modal-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.modal-header h3{color:#2c3e50;font-size:1.25rem;margin:0}.close-button{align-items:center;background:none;border:none;color:#7f8c8d;cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;line-height:1;padding:0;transition:color .2s;width:30px}.close-button:hover{color:#e74c3c}.form-section{flex-shrink:0;margin-bottom:0}.form-grid{grid-gap:.75rem;align-items:end;display:grid;gap:.75rem;grid-template-columns:2fr 1fr 2fr 2fr;margin-bottom:0}.form-group.full-width{grid-column:1/-1}.form-group.date-field{grid-column:span 1}.form-group label{color:#2c3e50;font-size:.85rem;font-weight:500;margin-bottom:.35rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.9rem;height:36px;padding:.5rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2196f3;outline:none}.autocomplete-dropdown{background:#fff;border:1px solid #ced4da;border-radius:.25rem;box-shadow:0 2px 4px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.autocomplete-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:8px 12px}.autocomplete-item:hover{background:#f8f9fa}.readonly-field{background:#e9ecef;cursor:not-allowed}.modal-body{flex:1 1;margin-bottom:.75rem;overflow-y:auto;padding-right:.5rem}.form-actions,.modal-footer{background:#fff;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;padding-top:.75rem}.btn-cancel,.btn-primary,.btn-secondary,.btn-submit{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.25rem;transition:all .2s}.btn-cancel,.btn-secondary{background:#95a5a6;color:#fff}.btn-cancel:hover,.btn-secondary:hover{background:#7f8c8d}.btn-primary,.btn-submit{background:linear-gradient(135deg,#1976d2,#2196f3 50%,#64b5f6);color:#fff}.btn-primary:hover,.btn-submit:hover{box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.btn-primary:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.5}.btn-primary:disabled:hover,.btn-submit:disabled:hover{box-shadow:none;transform:none}.loading{color:#666;font-size:1.1rem;padding:3rem;text-align:center}.error-message{background:#fee;color:#c33}.error-message,.success-message{border-radius:4px;margin-bottom:1rem;padding:1rem}.success-message{background:#d4edda;color:#155724}.no-data{color:#999;font-style:italic;padding:2rem;text-align:center}.data-table{border-collapse:collapse;margin-top:10px;width:100%}.data-table thead{background:#f8f9fa}.data-table th{color:#495057;font-weight:600}.data-table td,.data-table th{border:1px solid #dee2e6}.data-table tbody tr:hover{background:#f1f3f5}@media (max-width:1024px){.modal-overlay{left:200px}.expenses-table-container{overflow-x:auto}.expenses-table{min-width:900px}}@media (max-width:768px){.modal-overlay{left:0;top:0}.expense-management{padding:1rem}.form-grid{grid-template-columns:1fr}.modal-content{padding:1rem;width:100%}.filters-row{flex-direction:column}.filter-input,.filter-select{width:100%}}.profile-page{margin:0 auto;max-width:800px;padding:2rem}.profile-header{margin-bottom:2rem}.profile-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d84315,#f57c00);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2rem;margin:0 0 .5rem}.profile-header p{color:#4a5568;font-size:1.1rem;margin:0}.profile-content{display:flex;flex-direction:column;gap:1.5rem}.profile-card{animation:slideUp .5s ease-out;background:#fffffffa;border-radius:12px;box-shadow:0 8px 30px #0000001f;padding:2rem}.profile-avatar{margin-bottom:2rem}.avatar-circle,.profile-avatar{display:flex;justify-content:center}.avatar-circle{align-items:center;background:linear-gradient(135deg,#d84315,#f57c00);border-radius:50%;box-shadow:0 8px 20px #d843154d;height:120px;width:120px}.avatar-icon{filter:brightness(0) invert(1);font-size:4rem}.profile-info{gap:1.5rem}.info-row,.profile-info{display:flex;flex-direction:column}.info-row{gap:.5rem}.info-row label{color:#718096;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{background:#f7fafc;border-left:3px solid #f57c00;border-radius:8px;color:#2d3748;font-size:1.1rem;padding:.75rem 1rem}.info-value.role-badge{background:linear-gradient(90deg,#d843151a,#f57c000d);color:#d84315;font-weight:600}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.profile-page{padding:1rem}.profile-header h1{font-size:1.5rem}.profile-card{padding:1.5rem}.avatar-circle{height:100px;width:100px}.avatar-icon{font-size:3rem}}.change-password-page{margin:0 auto;max-width:600px;padding:2rem}.change-password-header{margin-bottom:2rem}.change-password-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d84315,#f57c00);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.5rem}.change-password-header p{color:#4a5568;font-size:1rem}.change-password-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem}.password-form{display:flex;flex-direction:column;gap:1.5rem}.message{align-items:center;animation:slideIn .3s ease;border-radius:8px;display:flex;font-size:.95rem;gap:.75rem;padding:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message{background:linear-gradient(90deg,#e53e3e1a,#e53e3e0d);border-left:4px solid #e53e3e;color:#c53030}.success-message{background:linear-gradient(90deg,#48bb781a,#48bb780d);border-left:4px solid #48bb78;color:#2f855a}.message-icon{font-size:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#2d3748;font-size:.95rem;font-weight:600}.password-input-wrapper{align-items:center;display:flex;position:relative}.form-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:1rem;padding:.875rem 3rem .875rem 1rem;transition:all .3s ease}.form-input:focus{border-color:#f57c00;box-shadow:0 0 0 3px #f57c001a;outline:none}.form-input::placeholder{color:#a0aec0}.password-toggle-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.5rem;position:absolute;right:.75rem;transition:transform .2s ease}.password-toggle-btn:hover{transform:scale(1.1)}.password-toggle-btn:active{transform:scale(.95)}.submit-btn{background:linear-gradient(135deg,#d84315,#f57c00);border:none;border-radius:8px;box-shadow:0 4px 12px #d843154d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:1rem;transition:all .3s ease}.submit-btn:hover{box-shadow:0 6px 20px #d8431566;transform:translateY(-2px)}.submit-btn:active{box-shadow:0 2px 8px #d843154d;transform:translateY(0)}@media (max-width:768px){.change-password-page{padding:1.5rem}.change-password-header h1{font-size:1.75rem}.change-password-content{padding:1.5rem}}@media (max-width:480px){.change-password-page{padding:1rem}.change-password-header h1{font-size:1.5rem}.change-password-header p{font-size:.9rem}.change-password-content{padding:1.25rem}.form-input,.submit-btn{font-size:.95rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.90dc2595.css.map*/