@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap");:root{--dark-color:#121212;--light-color:#e8e8e8;--white-color:#ffffff;--gbck-color:#ffcc00;--one-color:#029802;--star-color:#D754FF;--dark-bg-opacity:rgba(18,18,18,0.6);--light-bg-opacity:rgb(232,232,232,0.6);--green-color:#008f00;--red-color:#b30101;--bg-color:#f9fafb;--header-bg:#ffffff;--color-border:#e5e7eb;--success:#22c55e;--error:#ef4444;--warning:#facc15;--color-primary:#2d4c99;--color-secondary:#e02626;--color-accent:#ffe100;--color-info:#51b2e0}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}html{scroll-behavior:smooth}.container{width:100%;max-width:none!important;height:100vh;min-width:320px;background-color:var(--bg-color);color:var(--dark-color);display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}.main{width:100%;height:100%;padding:20px;overflow-y:auto;overflow-x:hidden}.main-sidebar{display:flex}.loading-screen{width:100%;height:100vh;top:0;left:0;position:fixed;background-color:var(--dark-bg-opacity);display:flex;align-items:center;justify-content:center;z-index:999}.btn{padding:5px 10px;border-radius:10px;font-size:14px;border:none;cursor:pointer;font-weight:700;color:var(--white-color);background-color:var(--color-primary);transition:all .1s ease}.btn-a,.btn-a:hover{text-decoration:none!important}.btn:hover{color:var(--white-color)!important;background-color:var(--color-secondary)!important}.btn:disabled{color:var(--light-color)!important;background-color:var(--color-primary)!important;opacity:.5;cursor:not-allowed}.btn-icon{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 10px}.btn-icon svg{max-width:16px;max-height:16px;object-fit:contain;object-position:center center}.btn-icon:hover>svg{color:var(--color-primary)!important}.btn-icon:disabled:hover>svg{color:var(--light-color)!important}a{color:var(--color-primary);text-decoration:none;transition:all .3s ease}a:hover{text-decoration:underline}button{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;background:none;border:none}.toast-popup{font-weight:700;font-size:14px}.dashboard{width:100%;max-width:1440px;margin:auto;display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;min-height:100vh}@media (max-width:768px){.dashboard{padding:20px 15px;min-height:calc(100vh - 70px)}.dashboard-element{width:100%;max-width:300px;height:250px}}@media (max-width:480px){.dashboard{gap:15px;padding:15px}.dashboard-element{height:200px}.dashboard-element-title{font-size:18px}.dashboard-element-description{font-size:14px}}.dashboard-element{width:300px;height:300px;background-color:var(--color-primary);color:var(--white-color);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px;gap:10px;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:all .2s ease;cursor:pointer}.dashboard-element:hover{background-color:var(--color-secondary)}.dashboard-icon{width:75px;height:75px;display:flex;justify-content:center;align-items:center;flex:1 1;transition:all .3s ease}.dashboard-icon svg{width:50px;height:50px;color:var(--white-color)}.dashboard-element:hover>svg{scale:1.1}.dashboard-element-title{font-size:22px;font-weight:700;text-align:center}.dashboard-element-description{font-size:16px;text-align:center;color:var(--light-color)}.loader{width:100%;display:flex;justify-content:center;align-items:center;padding:20px 0}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid var(--color-secondary);border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--color-secondary) transparent transparent transparent}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{width:100%;background-color:var(--header-bg);padding:10px 20px;justify-content:space-between;row-gap:10px;column-gap:15px;flex-wrap:wrap;position:relative;z-index:1002}.header,.header-title{display:flex;align-items:center}.header-title{justify-content:center;gap:10px}.header-title-text{font-size:14px;font-weight:700}.header-logo{width:50px;height:50px;object-fit:contain;object-position:center center}.header-profile-section{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px}.header-profile-username{font-size:14px;font-weight:400;color:var(--dark-color)}@media (max-width:500px){.header{flex-direction:column;align-items:center}.header-profile-section{justify-content:center;width:100%}}.footer{width:100%;background-color:var(--header-bg);padding:10px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;position:relative;z-index:1001}.footer-copy{width:100%;text-align:center;font-size:12px;color:var(--dark-color)}.footer-links{display:flex;justify-content:center;align-items:center;gap:20px}.footer-link{font-size:10px;color:var(--color-primary);text-decoration:none}.footer-link:hover{text-decoration:underline!important}.login-container{height:100%;gap:20px}.login-container,.login-title{display:flex;flex-direction:column;align-items:center;justify-content:center}.login-title{text-align:center;gap:25px}.login-logo{width:150px;height:150px;object-fit:contain;object-position:center center}.btn-login{font-size:16px}.login-form{max-width:400px;gap:10px}.login-form,.login-form-input{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.login-form-input{gap:3px}.login-form-input label{font-size:14px;font-weight:700}.login-form-input input{width:100%;padding:5px;border-radius:5px;border:1px solid var(--dark-color);font-size:14px}.login-form-input .btn{width:100%}.login-form-input-btn{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.login-form-info-text,.login-form-info-text a{width:100%;font-size:12px;text-align:center;color:var(--dark-color)!important}.main-sidebar{position:relative}.sidebar-toggle{position:fixed;bottom:20px;left:20px;z-index:1003;background-color:var(--color-primary);color:var(--white-color);border:none;padding:12px;border-radius:50%;cursor:pointer;font-size:18px;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.3);display:flex;min-width:56px;min-height:56px;align-items:center;justify-content:center}.sidebar-toggle:hover{background-color:var(--color-secondary);transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.4)}.sidebar-toggle:active{transform:scale(.95)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;display:none}.sidebar{position:fixed;top:70px;left:0;height:calc(100vh - 70px);width:250px;background-color:var(--color-primary);color:var(--white-color);display:flex;flex-direction:column;padding:15px;border-right:1px solid var(--color-border);transition:transform .3s ease;z-index:1000}.sidebar-header{display:none;justify-content:flex-end;margin-bottom:10px}.sidebar-close{background:none;border:none;color:var(--white-color);font-size:18px;cursor:pointer;padding:5px;transition:color .2s ease}.sidebar-close:hover{color:var(--color-accent)}.dashboard{margin-left:250px;padding:20px;width:calc(100% - 250px);min-height:calc(100vh - 70px);transition:all .3s ease}.sidebar-item{padding:10px 15px;cursor:pointer;display:flex;align-items:center;transition:all .2s ease;border-radius:5px;margin-bottom:5px}.sidebar-item-current,.sidebar-item:hover{background-color:var(--color-secondary);border-radius:10px}.sidebar-icon{width:20px;height:20px;object-fit:contain;object-position:center center;margin-right:10px}@media (max-width:768px){.sidebar-toggle{display:flex!important}.sidebar{position:fixed;top:70px;height:calc(100vh - 70px);transform:translateX(-100%);box-shadow:2px 0 10px rgba(0,0,0,.3)}.sidebar-open{transform:translateX(0)}.sidebar-overlay{display:block}.sidebar-header{display:flex}.dashboard{width:100%;padding:20px;min-height:calc(100vh - 70px)}.dashboard,.dashboard-sidebar-open{margin-left:0}}@media (max-width:480px){.sidebar{width:280px}.sidebar-item{padding:15px}.sidebar-text{font-size:16px}.dashboard{padding:15px 15px 80px;min-height:calc(100vh - 70px)}}.profile-page{max-width:1200px;margin:0 auto;padding:20px;background-color:#f8f9fa;min-height:100vh;overflow-x:hidden;box-sizing:border-box;min-width:320px;width:100%}.profile-page h1{color:#333;text-align:center;margin-bottom:30px;font-size:32px;font-weight:600}.data-forms-container{display:flex;flex-direction:column;gap:20px}.form-card-header{display:flex;align-items:center;font-size:20px;font-weight:700;background-color:var(--color-primary);color:white;gap:10px;padding:15px;border-radius:8px 8px 0 0}.data-form-body{gap:15px;padding:15px;background-color:white}.data-form-body,.data-item{display:flex;flex-direction:column}.data-item{justify-content:center;gap:5px}.data-item h3{font-size:14px;color:var(--dark-color);margin:0}.data-item input{padding:3px;border:1px solid var(--dark-color);border-radius:5px;width:100%;font-size:14px}.anagrafica-company-header{justify-content:space-between}.admin-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.admin-header h1{margin:0;color:#333;font-size:2rem}.btn-create-user{background-color:#0066cc;color:white;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .3s}.btn-create-user:hover{background-color:#0052a3}.create-user-form{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:2rem;margin-bottom:2rem}.create-user-form h2{margin-top:0;margin-bottom:1.5rem;color:#333}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:500;color:#555}.form-group input,.form-group select{padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#0066cc;box-shadow:0 0 0 3px rgba(0,102,204,.1)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #dee2e6}.btn-submit{background-color:#28a745;color:white;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .3s}.btn-submit:hover{background-color:#218838}.btn-cancel{background-color:#6c757d;color:white;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .3s}.btn-cancel:hover{background-color:#5a6268}.users-list{background-color:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.users-count{padding:1rem 1.5rem;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0}.users-count p{margin:0;color:#666;font-weight:500}.users-table{width:100%;border-collapse:collapse}.users-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.users-table th{padding:1rem;text-align:left;font-weight:600;color:#333;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.users-table td{padding:1rem;border-bottom:1px solid #e9ecef}.users-table tbody tr:hover{background-color:#f8f9fa}.users-table tbody tr.editing-row{background-color:#fff3cd}.profile-pic{object-fit:cover}.profile-pic,.profile-pic-placeholder{width:40px;height:40px;border-radius:50%}.profile-pic-placeholder{background-color:#6c757d;color:white;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.role-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500;text-transform:capitalize}.role-user{background-color:#e7f3ff;color:#0066cc}.role-admin{background-color:#ffe5e5;color:#cc0000}.action-buttons{display:flex;gap:.5rem}.action-buttons button{border:none;background-color:transparent;cursor:pointer;padding:.5rem;border-radius:4px;font-size:1.1rem;transition:background-color .2s}.btn-edit:hover{background-color:#e7f3ff}.btn-reset:hover{background-color:#fff3cd}.btn-delete:hover{background-color:#ffe5e5}.btn-save{color:#28a745;font-size:1.3rem;font-weight:700}.btn-save:hover{background-color:#d4edda}.btn-cancel-edit{color:#dc3545;font-size:1.3rem;font-weight:700}.btn-cancel-edit:hover{background-color:#f8d7da}.input-sm{padding:.5rem;border:1px solid #ced4da;border-radius:4px;width:100%;font-size:.9rem}.input-sm:focus{outline:none;border-color:#0066cc}.upload-status{display:inline-block;margin-left:.5rem;color:#0066cc;font-size:.9rem}.preview-image{margin-top:1rem;border:2px solid #dee2e6;border-radius:8px;padding:.5rem;display:inline-block}.preview-image img{width:100px;height:100px;object-fit:cover;border-radius:4px}.edit-profile-pic-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.file-input-sm{font-size:.75rem;padding:.25rem}.upload-status-sm{font-size:1rem}@media (max-width:1200px){.users-table{font-size:.9rem}.users-table td,.users-table th{padding:.75rem .5rem}}@media (max-width:768px){.admin-container{padding:1rem}.admin-header{flex-direction:column;gap:1rem;align-items:flex-start}.form-grid{grid-template-columns:1fr}.users-table{display:block;overflow-x:auto}.action-buttons{flex-direction:column}}