body{margin:0;font-family:Lato,sans-serif}.container{display:flex;height:100vh;justify-content:center;align-items:center;background-image:url(/sfondo.png);background-size:cover;padding:40px}.login-container{width:400px;text-align:center;color:#fff}.login-container h1{font-size:33px;margin-bottom:20px;color:#fff}.login-container h1 span{font-weight:400}.login-container h2{font-size:22px;font-weight:400;margin-bottom:10px}.login-container p{font-size:14px;margin-bottom:15px}.login-container a{color:#fff;font-size:13px}.input-group{text-align:left;margin:10px 0}.input-group label{display:block;margin-bottom:5px;font-size:14px;font-weight:700}.input-group input{width:100%;padding:15px;font-size:16px;border:2px solid #99bbd1;border-radius:15px;box-sizing:border-box}.input-group input::placeholder{color:#99bbd1;font-size:16px}input[type=submit]{margin-top:10px;width:100%;padding:12px;background-color:#d35800;color:#fff;font-weight:700;font-size:16px;border:none;border-radius:10px;cursor:pointer;font-family:Lato,sans-serif}input[type=submit]:hover{background-color:#c74d00}.remember-check{text-align:left;margin-top:10px;font-size:13px;color:#fff}.error-message{color:red;font-size:14px;margin:10px 0}@media (max-width: 480px){.container{padding:20px}.login-container{width:100%;padding:10px}.login-container h1{font-size:24px}.login-container h2{font-size:18px}.input-group label,.remember-check{font-size:16px}.input-group input,input[type=submit]{font-size:16px;padding:12px}.login-container a{font-size:16px}}.sidebar{width:250px;background-color:var(--color-bg-gray);height:100vh;overflow-y:auto;position:fixed;top:0;left:0;transform:translate(-100%);transition:transform .3s ease;z-index:1000;padding:var(--spacing);box-shadow:2px 0 5px #0000001a}.logo img.logo-img{max-width:100%;max-height:60px;object-fit:contain;display:block}.sidebar li{display:flex;align-items:center;padding:10px;cursor:pointer;border-radius:var(--border-radius);transition:background-color .2s}.sidebar li:hover{background-color:#eaeaea}.sidebar li.active{background-color:var(--color-accent);color:#fff}.menu-icon{margin-right:10px;font-size:18px}.menu-label{font-weight:500}.logo{font-size:22px;font-weight:700;color:var(--color-secondary);margin-bottom:var(--spacing);text-align:center}.footer{margin-top:var(--spacing);border-top:1px solid #ccc;padding-top:var(--spacing)}@media (min-width: 768px){.sidebar{position:relative;transform:translate(0);box-shadow:none}}.layout-wrapper{display:flex;min-height:100vh}.sidebar-wrapper{width:250px;flex-shrink:0;background:var(--color-bg-gray)}.sidebar-wrapper:not(.open){display:none}.layout-main{flex:1;display:flex;flex-direction:column;width:100%}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:10px}.foto-mancante{width:40px;height:40px;border-radius:50%;background:#eee;display:flex;align-items:center;justify-content:center;font-size:18px;margin-right:10px}.topbar{width:100vw;display:flex;justify-content:space-between;align-items:center;background:var(--color-secondary);color:#fff;padding:10px 20px;box-sizing:border-box;gap:var(--spacing);flex-wrap:nowrap}.menu-toggle{background:none;border:none;color:#fff;font-size:24px;margin-right:15px;cursor:pointer}.topbar-left{display:flex;flex-direction:row;align-items:center;gap:10px;flex-grow:1}.user-info-block{display:flex;flex-direction:column}.user-nome{font-weight:700}.user-cf{font-size:var(--font-size-small);opacity:.8}.topbar-right{flex-shrink:0;display:flex;align-items:center}.main-content{padding:var(--spacing)}@media (max-width: 767px){.sidebar-wrapper{position:fixed;top:0;left:0;z-index:1000;height:100%;transform:translate(-100%);transition:transform .3s ease}.sidebar-wrapper.open{transform:translate(0)}}:root{--color-primary: #D35800;--color-secondary: #063b4d;--color-accent: #99b0d1;--color-error: #c0392b;--color-bg-gray: #f5f5f5;--font-family: "Inter", sans-serif;--font-size-base: 15px;--font-size-small: 13px;--font-size-title: 20px;--border-radius: 6px;--spacing: 15px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:#333;background:#fff;margin:0;padding:0;box-sizing:border-box}h1,h2,h3{font-weight:600;color:var(--color-secondary)}.section-title{font-size:var(--font-size-title);margin-bottom:var(--spacing)}.btn-primary{background-color:var(--color-primary);color:#fff;border:none;padding:10px 15px;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-base);margin-top:var(--spacing);transition:background-color .3s ease}.btn-primary:hover{background-color:#e06d20}.alert-error{color:var(--color-error);background-color:#ffeaea;border:1px solid var(--color-error);padding:var(--spacing);border-radius:var(--border-radius);margin-bottom:var(--spacing);font-size:var(--font-size-small)}.form-input{width:100%;padding:var(--spacing);margin-bottom:var(--spacing);border-radius:var(--border-radius);border:1px solid #ccc;font-size:var(--font-size-base);box-sizing:border-box}.card-box{background-color:var(--color-bg-gray);padding:var(--spacing);border-radius:var(--border-radius);box-shadow:0 0 5px #0000001a}.avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid white}.foto-mancante{width:30px;height:30px;border-radius:50%;background-color:#ccc;color:#333;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-small);text-align:center;border:2px solid #eee}.horizontal-user-info{display:flex;align-items:center;gap:10px}.close-menu{background:none;border:none;font-size:20px;position:absolute;top:12px;right:12px;cursor:pointer}.tabella-blu,.tabella-blu th,.tabella-blu td{border:1px solid rgba(0,0,0,.15);border-collapse:collapse}.home-wrapper{display:flex;height:100vh}.sidebar{width:250px;background-color:#f5f5f5;padding:20px;box-shadow:2px 0 5px #0000001a;transform:translate(-100%);transition:transform .3s ease;position:fixed;height:100%;z-index:10}.sidebar.open{transform:translate(0)}.sidebar .logo{font-size:22px;font-weight:700;color:#063b4d;margin-bottom:20px}.sidebar .logo span{color:#d35800}.sidebar nav ul,.sidebar .footer ul{list-style:none;padding:0;margin:0}.sidebar li{margin:15px 0;font-size:14px;cursor:pointer}.sidebar .active{background-color:#e1e6eb;padding:8px;border-radius:5px}.sidebar .logout{color:red;font-weight:700}.content{flex:1;margin-left:0;padding:0;width:100%}.topbar{background:#063b4d;color:#fff;display:flex;align-items:center;padding:10px 20px;position:sticky;top:0}.menu-toggle{font-size:20px;background:none;border:none;color:#fff;margin-right:15px;cursor:pointer}.user-info .nome{font-weight:700;font-size:16px}.user-info .cf{font-size:12px;opacity:.8}.main{padding:20px}.area-dati{margin-top:30px}.scheda-dati div{margin-bottom:10px;font-size:15px}.bottone-timbratura{font-size:1.2rem;font-weight:600;padding:14px 24px;border:none;border-radius:10px;margin:0 10px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.bottone-timbratura:disabled{opacity:.5;cursor:not-allowed}.bottone-ingresso{background-color:#28a745;color:#fff}.bottone-uscita{background-color:#dc3545;color:#fff}.bottone-timbratura:hover:not(:disabled){transform:scale(1.03);box-shadow:0 2px 6px #00000026}.modifica-wrapper{max-width:500px;background:#f9f9f9;border-radius:10px;box-shadow:0 0 8px #0000001a}