*{margin:0;padding:0;box-sizing:border-box}:root{--gray-light: #f5f5f5;--gray-medium: #cccccc;--gray-dark: #666666;--gray-darker: #333333;--white: #ffffff;--green: #4caf50;--blue: #1565c0;--red: #f44336}body{font-family:Arial,sans-serif;font-size:14px;color:var(--gray-darker);background-color:var(--white);line-height:1.5}h1,h2,h3,h4,h5,h6,p,span,strong,a,label{overflow-wrap:break-word;word-break:normal}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{width:100%;padding:6px;border:1px solid var(--gray-medium);background-color:var(--white);font-family:Arial,sans-serif;font-size:12px;color:var(--gray-darker);border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus,select:focus,textarea:focus{outline:none;border:1px solid var(--gray-dark)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green);cursor:pointer;border-radius:0}input[type=text][maxlength="6"][pattern]{text-align:center;font-size:18px;letter-spacing:5px;font-weight:400}button{padding:4px 8px;border:1px solid var(--gray-dark);background-color:var(--gray-light);color:var(--gray-darker);font-family:Arial,sans-serif;font-size:12px;cursor:pointer;border-radius:0;min-width:auto;text-align:center;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%;line-height:1.25}button:hover{background-color:var(--gray-medium);border:1px solid var(--gray-dark)}button:active{background-color:var(--gray-dark);color:var(--white);border:1px solid var(--gray-dark)}button.primary{background-color:var(--gray-darker);color:var(--white);border:1px solid var(--gray-darker)}button.primary:hover{background-color:var(--gray-dark);border:1px solid var(--gray-dark)}.auth-container{display:grid;grid-template-columns:1fr;grid-template-areas:"logo" "form";grid-template-rows:auto 1fr;min-height:100vh;background-color:var(--gray-light)}.auth-left{grid-area:logo;display:grid;place-items:center;background-color:var(--white);padding:28px 24px 18px;border-right:none;border-bottom:1px solid var(--gray-medium)}.auth-right{grid-area:form;display:grid;place-items:start center;align-content:start;padding:28px 24px 40px}@media (max-width: 900px){html.costera-manager-mobile .auth-container{grid-template-columns:1fr;grid-template-areas:"logo" "form"}html.costera-manager-mobile .auth-left{grid-area:logo;border-right:none;border-bottom:1px solid var(--gray-medium);padding:20px 16px 12px}html.costera-manager-mobile .auth-right{grid-area:form;padding:16px}html.costera-manager-mobile .auth-lang-header{margin-bottom:12px;padding-top:4px}html.costera-manager-mobile .auth-lang-footer{margin-top:14px}html.costera-manager-mobile .logo-container{max-width:180px;margin:0 auto}}.auth-form{width:100%;max-width:400px}.auth-form h2{font-size:24px;font-weight:400;margin-bottom:30px;color:var(--gray-darker);text-align:center}.form-group{margin-bottom:6px}.form-group label{display:block;margin-bottom:2px;color:var(--gray-darker);font-size:12px}.form-actions{margin-top:8px}.form-actions button{width:auto;padding:4px 8px}#login-form .form-actions{justify-content:center}#register-form .form-actions{justify-content:flex-end}.form-switch{margin-top:20px;text-align:center;color:var(--gray-dark)}.form-switch button{background:none;border:1px solid transparent;color:var(--gray-darker);text-decoration:underline;padding:2px 4px;cursor:pointer;min-width:auto}.form-switch button:hover{background:var(--gray-light);border:1px solid var(--gray-medium);color:var(--gray-dark)}.error-message{color:var(--gray-dark);font-size:12px;margin-top:5px}.logo-container{max-width:300px}.logo-container img{width:100%;height:auto}.costera-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none}.text-center{text-align:center}form{display:grid;gap:10px}.form-actions{display:flex;gap:8px;justify-content:flex-start;margin-top:10px}.form-actions button{width:auto}
